- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
今天的扁平化设计中,值得注意的4个要点
今天的扁平化设计中,值得注意的4个要点
扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。
扁平化设计在过去的几年当中以惊人的速度发展起来,并且随着用户需求的变化而逐步进化。扁平化设计看似简单,但是其中分支多样,涉及到的技术多样,相关规范也都比较系统。
到现在,扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了。所以,目前的扁平化设计当中,值得注意的要点大多是围绕着这一需求来的。
1、高效的极简风
极简主义设计的核心概念在于仅保留必须的组件。扁平化设计和极简主义在内核上相辅相成,在设计思想和内核上共通,比如,两者都推崇简约的设计和以内容为中心的设计思路。
极简主义是形式和功能的完美结合。
扁平化设计本身具有简单直观的属性,不仅具备视觉吸引力,而且兼顾了实用性,许多着陆页的设计常常会采用扁平化设计就是这个原因。相比于拟物化设计,扁平化设计更加轻量级,这可以让内容在不同尺寸、分辨率之间适配更加便捷。
屏幕上的元素越少,每个元素的有效度越高。
极简风看起来很容易实现,实际上,它比其他的更难做好。更少的元素意味着你需要更加谨慎地选择元素,因此,在决定保留各个元素、组件的去留的时候,你需要比以往更加谨慎。
小贴士:
(1)对内容进行强调(视觉上)。在设计的时候,尽量遵循一个原则:每屏只需要一个焦点,保留一个视觉中心,这样可以让内容毫无干扰,有效度达到最高。
(2)大量使用负空间。负空间,或者说留白,是极简主义设计中最核心的设计元素之一,这也是它用来统一风格的重要手段。
2、强调色
在扁平化设计中,色彩的重要性再一次得到了强化。明亮的色调在扁平化设计中弥补了细节不足的缺陷,这也是为何色调明艳的配色方案一直流行。不过,随着时间的推移,现在配色方案的搭配方式开始倾向于使用中性色为主,而亮色用来强调的方案。
内容为王,而色彩服务于内容。
明亮的色彩和中性的背景搭配到一起,让设计师更好的控制不同的元素的视觉效果。
黑暗的背景下,明亮的图案会显得更加富有戏剧性。
小贴士:
(1)按钮和主要的文字内容都高亮显示。通过色彩的调整,让某些按钮比其他的更容易被识别,更加突出。相比于幽灵按钮,这样的设计更加醒目。
(2)使用经过验证的配色方案,Flat UI Colors 这个网站就搜集了最常用、最有效的配色。
3、有趣的排版
越来越好的硬件设备让屏幕带来更优质的显示效果,而诸如 Google Fonts 和 Adobe Typekit 这样的服务则让网页排版进入一个全新的时代。
文本已经成为一种重要的可视化设计元素。
令人愉悦的字体和排版是个大趋势,定制化的字体、功能性的字体越来越多的出现在网页设计中,它们让网页排版进入了一个全新的时代。甚至中文网页字体也具备了更多的可能性。
有趣的排版让扁平化设计不再单调。
小贴士:
(1)永远不要为了时尚或者噱头而牺牲字体的可读性,如果用户无法阅读,那么就更谈不上排版和风格了。
(2)手写字体在网页设计中是一个很好的补充,但是考虑到可读性的问题,所以尽量不要在正文中使用,在大标题中使用则可以一定程度上降低可读性上的障碍。
4、一个设计,一种字体
太多的字体会让整个页面看起花哨而累赘,甚至会干扰用户对于视觉层次的感知。LOGO和大标题关乎品牌识别,它们需要专门在排版上进行设计,我们采用有趣或者别具一格的设计合乎要求,但是绝大多数的文本和内容在扁平化设计中,应该保持简约、一致,这部分应该采用识别度高,尽量使用一种字体。
你总不希望用户被你的字体诱导分心了吧?
因此,当你采用扁平化设计的时候,将正文和非标题文本设定为单个字体,你可以合理的调整字重、色彩和大小,但是多样的字体可能会给你的设计带来麻烦。
让一个字体贯穿始终,用户会更多的注意到内容本身,而非字体的变化。
小贴士:
(1)选择一套识别度良好、包含多种字重的字体族,这样确保它在不同的尺寸下都具备良好的可读性和识别度,最好在小屏幕上具备优秀的显示效果。
(2)所选的字体在字母外观中非常容易识别,许多字体(尤其是在非衬线体字体中)小写字母l(L)和大写字母I(i) 很难分辨,诸如单词 Illustration 就非常难以分辨。当字母都难以分辨的时候,就会直接影响到用户的阅读。
5、结语
扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。
原文作者:Nick Babich
原文地址:uxplane
您可能关注的文档
- 云南省十五个州(市)征地补偿标准8.doc
- 云南省文山州公员考试模拟试题精选.doc
- 云闪付APP2018贺岁红包来袭最高领2018元红包.doc
- 互联网+背景下旅游营销的创新发展2.ppt
- 互联网p2p平台,如何打造线上品牌活动?.doc
- 互联网产品研发是个“吸金黑洞”?.doc
- 互联网下半场:在互联网数字会务的风口披荆斩棘.doc
- 互联网金融产品,如何提高用户粘性?.doc
- 互联网金融:从0搭建用户增长体系.doc
- 五 固定镜头与运动镜头2.ppt
- 《GB/Z 44363-2024致热性 医疗器械热原试验的原理和方法》.pdf
- GB/T 16716.6-2024包装与环境 第6部分:有机循环.pdf
- 中国国家标准 GB/T 44376.1-2024微细气泡技术 水处理应用 第1 部分:亚甲基蓝脱色法评价臭氧微细气泡水发生系统.pdf
- 《GB/T 44376.1-2024微细气泡技术 水处理应用 第1 部分:亚甲基蓝脱色法评价臭氧微细气泡水发生系统》.pdf
- GB/T 44376.1-2024微细气泡技术 水处理应用 第1 部分:亚甲基蓝脱色法评价臭氧微细气泡水发生系统.pdf
- 中国国家标准 GB/T 44315-2024科技馆展品设计通用要求.pdf
- GB/T 44305.2-2024塑料 增塑聚氯乙烯(PVC-P)模塑和挤塑材料 第2部分:试样制备和性能测定.pdf
- 《GB/T 44315-2024科技馆展品设计通用要求》.pdf
- GB/T 44315-2024科技馆展品设计通用要求.pdf
- GB/T 39560.9-2024电子电气产品中某些物质的测定 第9 部分:气相色谱-质谱法(GC-MS)测定聚合物中的六溴环十二烷.pdf
文档评论(0)