27个国外设计机构扁平化风格网站.docVIP

什么是扁平化设计？ 浏览：1709 | 更新：2013-06-13 01:22 抛弃流行多年的拟真效果 在实际当中,扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。 保证在所有的屏幕尺寸上它会很好看 随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的 skeuomorphic 设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。 它是大胆的尝试与实现 与扁平化设计相比,在目前也可以说之前最为流行的是 skeuomorphic 设计,最为典型的就是苹果 iOS 系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度。在扁平化设计中目前最有力的典范是 Win8 Metro 界面,不得不说 Microsoft 不愧为 PC 用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。 不管是属于什么设计,设计的美在于是否适合,我不敢说扁平化设计就比谁好,这种非黑即白的理论并不适合。但我敢说扁平化设计在网站建设、网页设计中有非常大的优势,简直说可以弥补长年的兼容诟病,我喜欢扁平化设计 27个国外设计机构的扁平化风格网站 作者：佚名　来源：设计之家　时间：2014-11-29 标签： HYPERLINK /tags.php?/%E6%89%81%E5%B9%B3%E5%8C%96%E7%BD%91%E7%AB%99/ \t /digital/wysj/201411/_blank 扁平化网站 Frankdigital Justin Aguilar Playground Inc Interactive design studio Vtcreative Ivo Mynttinen PANDR Knock Knock Factory Mud Squidee Roy Barber Lowdi Belancio Lorenzo Verzini Shape LayerVault Simone Marcarino Buffalo Supereight Studio oak.is Prophets William Leeks WerkPress Mark Simonson Etch Happy Studio Bob Galmarini Photoshop如何设计扁平化风格的微信图标 | 浏览：708 | 更新：2014-01-12 14:40 | 标签： HYPERLINK /tag/59?tj=exp_tagRelate_0 \t /article/_blank photoshop 1 2 3 4 5 6 HYPERLINK /album/eb9f7b6da88dc7869364e8aa.html 分步阅读 本文将教你用Photoshop如何设计扁平化风格的微信图标。效果如下图所示： HYPERLINK /album/eb9f7b6da88dc7869364e8aa.html?picindex=1 \t /article/_self 步骤阅读 HYPERLINK /article/javascript:; 工具/原料 Photoshop软件 HYPERLINK /article/javascript:; 方法/步骤 1 首先新建一个图层画一个椭圆形，再新建一个图层画两个小圆圈。按住Ctrl键，鼠标点击眼镜所在的图层，得到两个眼镜的选区。再选择第一个图层，按Delete按钮，将眼镜的选区删除，得到眼镜。然后我们删除眼睛的图层，按Ctrl+D取消选区 HYPERLINK /album/eb9f7b6da88dc7869364e8aa.html?picindex=2 \t /article/_self 步骤阅读 2 然后我们用【多边形套索】工具，画一个小尾巴，完成之后我们填充上白色，这样就得到一个小尾巴了，然后我们将这个小尾巴的图层和之前的图层合并。 HYPERLINK /album/eb9f7b6da88dc7869364e8aa.html?picindex=3 \t /article/_self 步骤阅读 3 然后按Ctrl+J复制之前的形状，得到另外一个小蝌蚪，然后点菜单--编辑--变换--水平翻转，通过移动到合适的位置，得到下图： HYPERLINK /album/eb9f7b6da88dc7869364e8aa.html?picindex=4 \t /article/_self 步骤阅读 4 选择新蝌蚪的选区，删除掉原来的图层的这个选区，得到下图：