本文抄录Eason Zhang 发布在UI中国的文章《互联网设计圈大盘点:回顾2018展望2019》,因原文太长,超8000字,现整理为缩减版。
1,极简主义/MUJI风格(性冷淡风格)
设计上追求极简和留白,减少视觉上的干扰,让用户聚焦内容本身。这一理念影响着设计行业各个领域,尤其在家居和服饰等领域,这种设计给人带来一种舒适、简单的生活感受。
MUJI为这一风格的代表,设计风格简洁时尚,提倡简约、自然、富质感的生活哲学,配色柔和、舒适、小清新,深受年轻消费者的追随和喜爱。
2,扁平化
什么是扁平化?
扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。
不过2017年微软推出了流畅设计体系,包含五大核心元素:光线、深度、动效、材质和缩放,扩展了UI的设计维度,营造出空间感、3D立体感、未来感,这种风格有别于扁平化,会在未来的设计趋势中注入新血液。
3,大标题+大圆角+去线化+留白+投影
人的大脑对圆形和圆角矩形接收程度比直角矩形高,圆角的使用对用户来说更加友好,内容也更容易聚焦。
弱化分割线或者去掉分割线的使用,用大间距留白效果来构造空间,打造出清新自然的界面;另外加大文字大小和色彩对比,带来优雅舒适的界面阅读体验; 去掉线条不代表没有边界 ,交互上要注意点击状态下(pressed)点击区域的可视性。
卡片加投影的设计手法能够清晰的体现出层级关系,能给设计增加深度,但实现开发成本高、效果不理想。
4,icon的细节刻画
微拟物Icon,通过模拟真实物体的质感、细节、光亮等表现手法,使icon的辨识度变高。
实物icon,在生鲜类电商中运用较多,可以直观的传达出商品的新鲜度。
在icon上加动效,甚至加上音效,在2019也会继续流行。
5,插画风格
插画广泛应用于App中的启动页、缺省页、banner图、专题头图、弹窗插图、icon等。
有趣味、富有创意的插画会让用户对产品的好感度大幅提升;
插画种类:手绘插画、扁平插画、渐变插画、肌理插画、2.5D插画
线条插画和实物结合
6,色彩渐变
渐变色风格色调使用上有冷暖色调渐变、同色系渐变、多色渐变等,风格多样、颜色丰富明快,在电商设计中使用这种手法可以突出节日的热闹氛围,刺激用户购买欲。
金属幻彩渐变也很流行,类似光折射在金属上产生的彩色光晕效果,十分具有时尚感。
7,渐变色新趋势:柔和渐变
主张让色彩自然延伸,打破边界限制(全屏手机追求无边界设计理念),用颜色牵引视觉走向。
8,年轻、大胆的配色
Pantone 2019年度代表色 珊瑚橘(Pantone 16-1546 Living Coral), 这款颜色热情、积极、富有生机。
9,字体效果处理
字体错层手法,加强层级关系和层次感,突出主题。
油漆字风格
10,故障风
错位、失真、变形是这一风格特色,搭配霓虹等元素,配以动效,更突出效果。
制作故障风的网站:https://photomosh.com
11,双重曝光风格
通过将两个主题叠加在一起,产生更有深意的视觉感受,比如将人脸和自然风景结合。
12,多使用线条
用线条走向引导视觉走向
13,动效设计/微交互
特点:快速且流畅、恰到好处的反馈、提升操作感、提供良好的视觉效果,在App、网页、插画或是品牌设计中比较常见。
14,响应式设计/栅格化设计
做好响应式设计,必须结合栅格化设计,栅格化可以让你的设计变得有依据。
生成栅格的网站:http://grid.guide
15, VUI
VUI指人通过对话与计算机进行交互,例如 Siri, Amazon Echo.....
16, 车载UI
随着一系列新能源车的问世,车在UI设计也将会是一个新的设计门类。
需要注意以下几点:
●屏幕大,触控区应该尽量在触手可及的位置,要缩短操作距离,操作要简单;
●考虑夜间驾驶的情况,屏幕色彩不宜太亮,干扰驾驶人视线;
●三秒原则,在三秒内给出用户操作反馈,可以是视觉也可以是听觉;
●文字主次明显,遵循易扫原则;
●ICON设计简洁,识别性要高;
●多考虑使用场景,比如异常天气。