课程咨询 :0535-6582277
QQ:2720475033

  • ui设计师快点进来

    发布:烟台ui培训机构      来源:烟台ui培训机构      时间:2016-10-11

  • 在开唠之前烟台ui培训机构小编先给大家科普点知识拟物化和扁平化。

    拟物设计就是追求模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现(也可适当程度变形和夸张);扁平化设计就是摒弃以上对效果(尤其是高光、阴影等能造成透视感的效果)的追求,追求通过抽象、简化、符号化的设计元素来表现。

    烟台ui培训机构

    那么如何区别扁平化 (Flat) 和拟物化 (Skeumorphism) 两种风格?

    拟物化设计-skeuomorphism

    特点:界面模拟真实物体的材质、质感、细节、光亮等;人机交互也拟物化,模拟现实中的交互方式。拟物设计的会让你认出这是个什么东西。

    好处:

    ·认知和学习成本低:我外婆能看懂iOS里面几乎所有原生应用的图标;各种乐器类应用的拟物化设计;

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

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

    坏处:

    拟物化本身就是个约束,会限制功能本身的设计。

    扁平化设计-Flat

    特点:界面上单色极简的抽象矩形色块、大字体、光滑、现代感十足;交互的核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务;扁平化设计则让你意会这是个什么东西。

    好处:

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

    ·突出内容主题,减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰,让用户更加专注于内容本身,减少用户使用这类产品的负担,在扁平化的视觉和优秀的架构设计下显得非常简单易用;

    ·设计更容易,优秀扁平的设计只需要包含良好的架构、网格和排版布局,色彩的运用,高度的一致性,而不需要考虑更多的阴影、高光、渐变等等。(其实也是相对来说的,这里争论比较大,扁平化对于色彩运用和排版布局的要求更加高了;

    坏处:

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

    我们看一下Chrome的Logo的扁平化配设计:

    烟台ui培训机构

    另一个扁平化例子:

    烟台ui培训机构

    拟物化ROM

    烟台ui培训

    扁平化ROM

    看完你觉着到底倾向那种模式呢?想要学习更多ui培训知识就来烟台ui培训机构达内培训吧!

上一篇:如何提升用户体验

下一篇:游戏ui是个啥

最新开班日期  |  更多

第一阶段 平面设计培训

第一阶段 平面设计培训

开班日期:7月31日

第二阶段 网页设计培训

第二阶段 网页设计培训

开班日期:7月31日

第三阶段 美工培训

第三阶段 美工培训

开班日期:7月31日

第四阶段 ui设计培训

第四阶段 ui设计培训

开班日期:7月31日

 扫一扫,关注一下! 烟台:海港路25号阳光100城市广场 济宁:济宁市市中区太白路10号苏宁生活广场
潍坊:奎文区东风东街299号建行大厦 临沂:兰山区红旗路1号苏宁易购
淄博:张店区金晶大道68号华润大厦 济南:历下区趵突泉北路三联商社
济南:历下区山大路47号数码港大厦 青岛:市南区金坛路17号
课程培训电话:0535-6582277
QQ:2720475033
全国服务监督电话:400-111-8989    服务邮箱 tousu@tedu.cn

2001-2017 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56