专栏名称: 网易百行探秘
实用技能学习平台,帮你发现感兴趣的课程,成为更好的自己。
目录
相关文章推荐
混沌学园  ·  余承东“炮轰”小米,不只是大佬掐架这么简单 ·  14 小时前  
Python大全  ·  极客时间,永久免费了 ·  18 小时前  
Python大全  ·  极客时间,永久免费了 ·  18 小时前  
Gogolearning教师成长学苑  ·  做完刷屏的英语高考卷,感觉有点悬,对完答案更 ... ·  昨天  
Gogolearning教师成长学苑  ·  做完刷屏的英语高考卷,感觉有点悬,对完答案更 ... ·  昨天  
混沌学园  ·  真正的高手,都懂得拆解AI商业化落地 ·  昨天  
混沌学园  ·  一文了解DeepSeek和OpenAI:企业 ... ·  2 天前  
51好读  ›  专栏  ›  网易百行探秘

扁平化视觉设计,你必须知道的7个注意点

网易百行探秘  · 公众号  · 学习  · 2017-05-25 08:26

正文

请到「今天看啥」查看全文


文字信息作为内容的重要载体之一,一直是扁平化设计排版的重要环节。现在更多产品的文字设计更加趋向于使用单一字体,通过字体自身样式(加粗、中等、细体、斜体)去划分内容层次,有助于优化浏览体验,打造更加简洁、优雅的界面,增强产品的品牌属性。

偏向选用无衬线字体设计,字体线条清晰、笔触统一,避免过多的装饰性细节。IOS9专门针对中文字体做了设计调整,使用新的“苹方”字体,字体形态更粗,边角更圆润。


图标

图标是产品功能的重要标识,同时也是塑造产品品牌设计风格的核心基因之一。图标设计必须注重好辨识度与创意的平衡, 太抽象的图标影响用户认知,不利于操作,太普通的图标则比较中规中距,视觉上没有亮点。


扁平化的图标主要以“线、面”两个基础元素不断地进行多种组合表现,不同的组合能产生不同的质感风格,在视觉呈现上具有一定的差异化。


纯线条形式

线条式图标在当今设计中被广泛应用,线条的提炼对于以前越来越精简,同时更注重细节呈现。


“线+面”组合形式

通过线与面的搭配,让图标在保持扁平风格基础的同时融入拟物化元素,贴近实际,丰富细节。


剪影形式

现代设计趋势的剪影图标更加讲求色彩的对比度,同时也可以通过对形体不同的面进行拼色搭配达到拟物效果,让图标与现实物件联系起来,减少用户认知成本。







请到「今天看啥」查看全文