火了一年的扁平化，同学们都了解清楚了吗?今天@网秦UEC 的同学从国外译过来一篇好文，从扁平化的盛行缘由聊到对界面规划的影响，附有一些规划技巧和留意事项，值得一读哟。
在曩昔几年中，咱们见证了软件和运用界面规划从3D及拟物化向扁平化和极简化的快速改变。尽管这一趋势现在现已无所不在，但咱们无妨拿出一点时刻来考虑今天的结果是怎样构成的，以及其对界面规划全体有着何种影响。别的，我还会和咱们共享一些有关规划扁平化界面的小技巧和留意事项。
Windows Phone 8 及 Apple iOS 7 界面。
什么状况?
咱们怎样就忽然从大爱原料、斜面和投射暗影忽然转向热心扁平化颜色和精约字体了?这一改变受到了许多要素的火上加油，下面是其间比较显著的几项。
信息负荷过度
在当今这个信息延绵不停的文化背景下，咱们每天要不停地接触各种信息流，有的重要，有的无关紧要。咱们要不断地评价、过滤并且发明各种内容，这一切显然是很费心的。此外，咱们所摄入的内容中有许多都搬运到了小屏幕设备中，然后愈加重了这种负荷过度的感觉。所以说人们现在很简略对过量的信息感到目不暇接，而削减用户界面(UI)中的元素则能够带来少量视觉上的安静。
杂乱不再：Geckoboard的可视化东西可便利你一眼轻松解读要害数据。
精约是金
与上述趋势相似，许多具有推翻含义的Web运用和服务可提供功用高度会集的东西。尽管传统的软件开发商比较喜爱在产品中参加许多功用作为高价格的托言，可是朝着会集化微运用改变的风潮却更倾向于运用简略替代多样化的功用组合。运用越简略，界面也就越简略。
美丽精约：Oak的Blue气候运用。
内容为王
每逢有新设备和技能进入市场之时，其功用和推进交互开展的程度总会让咱们为之入神。继界面所带来的迷乱之后，咱们一般都会将留意力从头会集到内容上去。不论是文字、音频仍是视频，对媒体内容的摄入大概是咱们运用设备时的最主要活动，而在这种状况下，咱们需求确保界面不会影响咱们的摄入进程。
技能通晓
跟着智能手机和平板快速遍及各种用户，业界对其操控办法显见性的顾忌日渐衰退。尽管一度从前忧虑用户会难以看见不显眼的按钮，但现在咱们却更乐意探究较为纤细的交互内容。Windows 8和Chrome for Android乃至还支撑在没有视觉提示的状况下通过接触指令点亮屏幕。
Fitbit的操控面板界面在视觉上体现亮堂、斗胆并且简略好用。
技能的影响
大部分软件都会受限于所运转的渠道。屏幕尺度和像素密度是硬件方面的约束要素。较小的界面大大约束了规划调色板的规划，也就意味着界面上的每个元素都要具有自己的体现力。文字规划和字体巨细将在很大程度上决议扁平化规划的美感和可用性。
假如你的方针设备无法体现出纤细到这种程度的不同，那算你命运好。跟着移动设备的屏幕尺度和像素密度不断提高，今后更薄更小的设备将能完成更高的清晰度。当然，对@font-face的支撑也大大地提升了极简化文字中心规划的招引力。
运用Wallmob进行实时出售监控：记载一切带浏览器设备的出售数字。
呼应式规划
跟着各种尺度可联网设备的遍及，UI受大势所趋而必定愈加流通，而与之相应的，便是呼应式规划风潮。尽管呼应式规划不需求特别的美学，但也能够说扁平化UI比较其他风格来说能够更易于辅佐呼应式规划的漂亮。最简化规划的另一优势在于能够下降页面分量然后削减加载时刻。
简略但一点到位：OnSite
最佳实践
好了，理论就提到这。下面咱们来看看一下实际操作上的留意事项。打造有用的最简化规划难度很高。在层层剥离惯例的一些UI元素(投射暗影、斜面、原料等等)的一起，你就会发现所剩余的为数不多的这些元素多么重要。下面的小提示尽管在很大程度上是通用的，但特别适用于扁平化UI。
开端之前
任何项目都相同，第一步是先确保自己选定的款式合理。在开端进行扁平化规划之前，要先确保自己的规划契合方针用户的感觉以及方针渠道、设备和运用类型。假如不适合你的项目状况，那紧跟潮流也没有含义。
流程
不论你要选用哪种款式风格，遵从流程都是十分重要的。下面的几个主张能够协助你完成精约效果。
1、在规划最简化界面时，我一般会从PC机出现前的年代寻觅创意，那时的规划师和艺术家往往需求做到“多快好省”。接这个时机你能够从头看望一下曩昔的许多优异规划，例如Josef Müller-Brockmann 和 Wim Crouwel。别的，我还会看向Ellsworth Kelly等极简主义画家，Mies van der Rohe等修建家和Dieter Rams等工业规划师。
2、暂时脱离作业也很有协助。扁平化和最简化规划的中心就在于纤细之处。所以，时间短歇息后带着新的眼光从头回到作业中有时反而比一味苦心揣摩要更有用用。
3、将不同版别毗连比较也很有用。在将一条输入线上下5个像素来回倒腾了20分钟之后，我会保留下两个不同版别进行比较，这样孰优孰劣立刻见分晓。
4、由于物体的相对巨细具有着十分要害的含义，因而你需求尽早开端在不同品种的设备上检视规划理念，以便确认其是否适宜。
5、在作业的一起，常常自问：“我是否真的需求这个?”人总是很简略对自己钟意的东西念念不舍，但咱们还有必要频频地找出要砍掉或许简化的内容。扔掉自己费尽心思做出来的东西不简略，但修改取舍也是有必要的。
Global Closet：一款由The Workshop为国家地理教育打造的互动游戏。
网格
网格在界面规划中扮演着十分要害的人物，绝无破例。在你拿着一套受约束的视觉元素，尽力想确认其各自次序并让运用办法愈加直观时，网格能够带来很大协助。
网格所确认的，不仅仅是视觉次序。你还能够用它来界定内容和功用组。有时候要将一组物体分组不必定非要用到线条或许方框。简略的对其和空间调整往往能协助用户了解界面的结构。
你也能够测验运用具有特定重要含义的元素打破网格来招引用户的留意力。
测验运用一下密度比较高的网格。在大幅简化视觉调色板时，你可能会发现你的规划能够支撑更为杂乱的结构，一起看起来也不会显得杂乱。你也能够试试看仅通过方位调整能够传达出哪些额定的消息。
Live School Rossul Design 开发的iPad运用。
颜色
颜色毫无疑问是视觉规划中的一个要害组成部分。关于最简化界面来说，其所具有的含义愈加要害。
考虑更为广泛的调色板。个人来说，我觉得规划比较窄小的调色板一般能发明出比较功用化的界面。想发明出让人目不暇接的缤纷颜色十分简略。但通过下面这种办法，你能够大大拓宽一下挑选规划;并且，考虑到待规划元素的数量很少，扩展调色板还能给你带来很杰出的感觉。
在设定调色板时，能够在一个比较广泛的色值规划内对选定的颜色进行测验，并确保其在亮色和暗色下体现都适宜。
主张别离实验一下同系配色及明显比照。前期对调色板进行实验将确保你在接下来能够把握奇妙和强比照元素所需的悉数配色规划。
TriplAgent 的视觉规划选用了绝妙的配色计划。
文字
在扁平化内容驱动网站上，文字是主角。
衬线体无疑是个办法，但无衬线字体却能让人感到更为简练。
你能够找一个粗细和款式品种比较多的字体类型。尽管不必定全用的上，但比较广泛的挑选规划有助于更为明显地界定层次结构。你也可能会发现某个粗细度在某个特定环境下效果更佳。
不要怕运用巨细粗细走极端的字体调配来构建视觉次序。测验运用超大超细的标题字体调配小号中等粗细的正文字体。
留意字体是否易于辨认阅览。这一点尽管听起来有点无厘头，但你对自己所选定字体的依仗将是很激烈的，所以必定要确保其在任何尺度小均易于辨认。
Siteleaf上清新易读的文字。
交互
在扁平化UI中，要体现出哪些元素可交互是个有学识的活。下面是我常用的一些办法。
比照假如布局内容中大部分为白色，那能够给交互元素添加必定其他颜色。假如你的规划以文字为主，能够运用简略的图标表明交互。假如标题比较大并且悉数为小写字母，那么链接部分能够做小一点并运用大写字母。你懂的。
惯例的方位安放办法也能起到效果。比方说你的撤退箭头运用细V形表明，能够将其放置到左上角，由于用户一般会到这个方位找撤退按钮。
跟着页面上叠加内容的添加，咱们无法将一切可交互元素都做成按钮的姿态。界面应尽量直观。但假如交互进程比较杂乱或有违惯例，则应提供便利的过错康复办法。
下拉菜单、模仿窗口、弹出式窗口及其他层叠元素关于扁平化规划来说操作起来比较费事。你能够选用明显的比照、边框或上色区别不同的交互层级。
所出现的规划要素布局简略，比照度优异：Taasky.
结束
在规划范畴没有原封不动的标准。看到各位规划师如此热忱地投入极简化用户界面的规划令人欢天喜地。可是，探究扁平化规划是否就意味着绝不运用突变和暗影?当然不是。事实上，我近期看到的几个很有意思的著作一方面以奇妙的办法出现出了内容，另一方面也确保了交互的直观易懂，然后完成了扁平化和尺度直接的平衡。
在这个互联互通、信息充盈、功用丰厚的数字年代，最简化规划广泛的复兴让人眼前一亮。这天然不会是无所不能的解决计划(没有任何一种风格能做到无所不能)，但只需通过深思熟虑和恰当的运用，其能够完成既好用，有舒适的数字体会。
上一年今天运营文章2022:阿里云初次大面积停摆24小时(0)2022:抖音解锁外卖事务！有什么新的增加时机？(0)2022:能够按编号排序的iPhone备忘录是什么？(0)2022:一条视频暴升2400w播映，12w粉的黑马主播竟是靠这个逆袭！(0)2022:私域流量中，私域运营影响用户转化的四个要素(0)
微信扫一扫 
支付宝扫一扫 
