下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

App设计趋势走向与扁平化流行

作者:在线学习平台     来源: www.kokojia.com点击数:574发布时间: 2014-09-17 10:24:11

标签: 在线学习技能培训app软件开发

软件和APP的界面设计风格发生了迅速变化,由3D、拟物发展到扁平、简约。那么,为什么群体意识从喜爱带纹理、有透视和阴影的设计转变喜爱扁平色彩和极简图形的设计呢?当然导致这一转变有很多因素,但是有一些因素更为突出。



信息过载
随着世界联系越来越紧密,我们不断地接受大量信息,一些信息是重要的、相关的, 但大部分不是。我们不断地评估其价值,过滤无用信息,或创建新的内容,所有这些都使我们精疲力竭。还有,大部分内容消费已转移到小屏幕设备,更是加剧了超 负荷现象。这样我们就很容易就淹没在信息中,砍掉用户界面(UI)的繁杂元素才是视觉设计的王道。

简约就是金科玉律
同样有个趋势就是,颠覆性的网页应用和服务正提供高度专用化的工具,只设计少数功能。虽然传统软件开发员倾向于为产品加载过多功能,以期获得高价定位;但目前变化趋势专注于微应用,偏爱功能简洁。简单的应用意味着有简单的界面。
技术的影响
大部分软件受限于运行平台。屏幕尺寸和像素密度也受限于硬件设备条件。一个简约的界面需要十分有限的设计元素,这意味着每一个元素都要有所发挥。排版布局和字体粗细在很大程度上决定了扁平设计的美观和易用性。

开始设计之前
任何项目开始第一步,就是确保你选对风格。深入设计之前,确保风格符合目标用户的感知需求,适应目标平台、承载设备和应用类型。如果该方案风格与项目不匹配,那么接下来的导向则毫无意义。

流程
设计流程非常重要,无论选择何种样式!简约设计时记住以下几点:
1.  设计minimal界面时,我会从 pre-pc时代寻求灵感,那个时候的艺术大师,用少量的资源做了大量的设计。例如:Josef Müller-Brockmann 和 Wim Crouwel,重温这些大师的作品是很好的学习机会。但是有时我也会参考minimal画家的作品,如Ellsworth  Kelly,建筑 师,如Mies van der Rohe 和工业设计师,如Dieter Rams。
2. 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有效。
3. 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
4. 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。

5.  整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。
网格

网格在界面设计中扮演很重要的角色,这里也不例外。如果你想通过建立视觉规范使整个设计次序化、直观化,那么网格就很有帮助。

1.网格不仅仅能展现视觉次序。还可以使用网格划分内容和功能组。你可以不用总是使用直线或框划分对象组,其实简单的对齐和间距设置也能帮助用户理解界面结构。

2.试着打破网格的结构,突出重要的元素来吸引用户眼球。告别虚假的3D元素装饰后,实物比例和定位等基本布局原则就是展现视觉次序的关键。

3.尝试一下你不习惯的更密集的网格设计。当你大量减少视觉配色这些元素时,又会发现这种设计方式可以承载更复杂的结构,也不显得凌乱。如果你有想表达的额外的内容信息你可以单独放置。

颜色

当然,颜色在视觉设计中角色很重要,对minimal界面更为关键。

1.考虑更宽泛的配色方案。如果你们像我一样,那么就会明白相近的配色往往使界面功能性更强。而以强烈的宽泛的配色来设计就更容易了。现在是你发挥的机会,只用少量的元素,扩展配色方案会让你感觉很好。

2.设置配色方案时,测试所选色调要在很宽的色谱内进行,才可保证用明暗对比来表现画面。

3.如果你想试试同系配色和鲜明对比。要及早测试配色,以确保微妙变化和高对比度元素都能有足够的选择空间。

文字排版
以内容主导的扁平式网页而言,文字排版就是大英雄,功不可没。
1.衬线是一种选择,无衬线则会显得更干净。
2.在品种繁多,粗细和样式各有差别的字体系列查找你需要的字体。当然不是使用全部,而宽泛的选择帮你更准确的定义出层级关系,同时你也会发现某些字体会更适合特定环境。
3.不要顾忌把大小和粗细差别悬殊的字体搭配在一起就一定会造成视觉凌乱。用超大、超细的字体做标题而用中等粗细的小号字体做正文其实也是一种尝试。
4.要注意字体便于阅读。我知道听起来可笑,但人们会对你选择的字体产生很多质疑,所以确保按任何比例缩放时均能阅读。

文章来源于课课家在线学习平台,转载请注明。
 

赞(20)
踩(2)
分享到:
华为认证网络工程师 HCIE直播课视频教程