资源描述:
《27个国外设计机构扁平化风格网站》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、什么是扁平化设计?·浏览:1709·
2、·更新:2013-06-1301:22百度经验:jingyan.baidu.com·抛弃流行多年的拟真效果···在实际当中,扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。·保证在所有的屏幕尺寸上它会很好看··随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeu
3、omorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。·它是大胆的尝试与实现·与扁平化设计相比,在目前也可以说之前最为流行的是skeuomorphic设计,最为典型的就是苹果iOS系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度。在扁平化设计中目前最有力的典范是Win8Metro界面,不得不说Microsoft不愧为PC用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。不管是属
4、于什么设计,设计的美在于是否适合,我不敢说扁平化设计就比谁好,这种非黑即白的理论并不适合。但我敢说扁平化设计在网站建设、网页设计中有非常大的优势,简直说可以弥补长年的兼容诟病,我喜欢扁平化设计27个国外设计机构的扁平化风格网站作者:佚名 来源:设计之家 时间:2014-11-29标签:扁平化网站FrankdigitalJustinAguilarPlaygroundIncInteractivedesignstudioVtcreativeIvoMynttinenPANDRKnockKnockFact
5、oryMudSquideeRoyBarberLowdiBelancioLorenzoVerziniShapeLayerVaultSimoneMarcarinoBuffaloSupereightStudiooak.isProphetsWilliamLeeksWerkPressMarkSimonsonEtchHappyStudioBobGalmariniPhotoshop如何设计扁平化风格的微信图标··
6、·浏览:708·
7、·更新:2014-01-1214:40·
8、·标签:photoshop·1··2
9、··3··4··5··6·分步阅读百度经验:jingyan.baidu.com本文将教你用Photoshop如何设计扁平化风格的微信图标。效果如下图所示:步骤阅读百度经验:jingyan.baidu.com工具/原料·Photoshop软件·百度经验:jingyan.baidu.com方法/步骤1.11.首先新建一个图层画一个椭圆形,再新建一个图层画两个小圆圈。按住Ctrl键,鼠标点击眼镜所在的图层,得到两个眼镜的选区。再选择第一个图层,按Delete按钮,将眼镜的选区删除,得到眼镜。然后我们删
10、除眼睛的图层,按Ctrl+D取消选区2.步骤阅读3.4.25.然后我们用【多边形套索】工具,画一个小尾巴,完成之后我们填充上白色,这样就得到一个小尾巴了,然后我们将这个小尾巴的图层和之前的图层合并。1.步骤阅读2.3.34.然后按Ctrl+J复制之前的形状,得到另外一个小蝌蚪,然后点菜单--编辑--变换--水平翻转,通过移动到合适的位置,得到下图:5.步骤阅读1.2.43.选择新蝌蚪的选区,删除掉原来的图层的这个选区,得到下图:4.步骤阅读1.2.53.再用橡皮擦工具把多余的部分删除掉,就得到微
11、信的图标啦。4.5.网页设计:扁平化设计需要遵从的一些原则·浏览:255·
12、·更新:2013-09-2314:51百度经验:jingyan.baidu.com在网页设计中,扁平化风格的逐渐盛行固然有它的道理,但本质上它只是设计美学当中的一种;与仿古、高光、金属质感、木质等视觉效果相同,对视觉风格的选择必须以良好的信息架构及交互模式为基础。 尤其在移动设备上,过于复杂的效果非但很少能为应用吸引用户,反而时常让用户在视觉上产生疲劳,对产品界面中最基本的功能产生认知上的障碍。因此我们在网页设计中就需要
13、参考“扁平化”的美学。.什么是扁平化设计.在实际当中,“扁平化设计”一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。. 网页设计的好坏不是“美学”可以决定的. 对网页设计风格的选取最终还是要取决于具体产品的实际情况。在我个人看来,相比于拟物化而言,扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。. 无论采用怎样的风格,优秀的界面设计都需要遵从一些共通的设计原则:. ..一致性. 通过具有一致性的