优界网

首页 > 产品经理 > 扁平化设计

扁平化设计

45

0

0

2015-06-25 02:35:28

萤火

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

?QQ截图20131205231005
c1285a470f0fc8f14f54851c5d8eb32f166b375b08fc869632935c9e6a9c7f8da

 

Skeuomorphic — 拟物化设计

  • 什么是拟物化

    模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等效果对实物进行再现,也可适当程度变形和夸张,界面模拟真实物体,拟物设计会让你第一眼就认出这是个什么东西。交互方式也模拟现实生活的交互方式。

  • 拟物化计的优点

    1、认知和学习成本低:外婆级的人也能看懂iOS里面几乎所有原生应用的图标;

    2、各种按钮的视觉质感和按下去之后的交互效果,养成用户对这类“东西”的统一认知和使用习惯;

    3、人性化的体贴:我相信有很多同学都非常喜欢ibooks的体验,用它来阅读确实是一种享受。

  • 拟物化设计的缺点

    大多数拟物化界面并没有实现功能化,只是花费大量时间在视觉的阴影和质感效果。

 

Flatdesign — 扁平化设计

  • 什么是扁平化

    摒弃高光、阴影等能造成透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面上极简抽象、矩形色块、大字体、光滑、现代感十足,让你去意会这是个什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互。

  • 扁平化设计的优点

    1、简约而不简单,搭配一流的网格、色彩设计,让看久了拟物化的用户感觉焕然一新;

    2、突出内容主题,减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰,让用户更加专注于内容本身,简单易用。

    3、设计更容易,优秀扁平的设计只需保证良好的架构、网格和排版布局,色彩的运用和高度一致性。

  • 扁平化设计的缺点

    需要一定的学习成本,且传达的感情不丰富,甚至过于冰冷。

7136f9c85cf966a2e630994460187a72

扁平化设计的逆袭

  • 开发更加简单

    数码设备普及度不高的时代,拟物化是有效果的,尤其对于孩子和老人来说拟物化设计更直观有趣。但是随着数码科技的发展,拟物化的好处会越来越少,随之带来的是开发成本增加。

  • 使用更加高效

    拟物化是时代过渡中的一个不得已。在未来人眼中,一个温度计的app要特地设计成实体温度计的样子,一定傻透了。拟物≠高效,刻意拟物有时反而降低了效率。

  • 缓解审美疲劳

    论天下设计,繁久必简。拟物化设计的沉重感多少让人们开始审美疲劳,随着Windows 8的Metro界面发布,设计变得更简约清晰,势在必行。

扁平化设计五大技巧

对于设计师来说,如果你观察微软的 Windows Phone 的平台,你可能会发现一个特别的现象:那就是难看的应用不多,但令人印象深刻的应用也不多。应用很有统一感,但是很难张扬个性,以至于有的开发者感叹,它们看起来都 是一个样子。设计师 Johnny Holland 将 Metro 语言比作是包豪斯风格,并且指出,“因为去除了装饰,使得个性化的空间很小”,这可能给人以“缺乏生命力”的感觉,所以要想设做出好的扁平化设计,也是非常需要技巧的。

  • 简单的设计元素

    扁平化完全属于二次元世界,一个简单的形状加没有景深的平面,不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落,没有任何羽化、渐变或者阴影。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,使用起来格外简单......

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

我要评论 我要评论
  • 刚刚
  • 登录优界网 ×