2018-2019 互联网设计圈大盘点

        本文抄录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设计简洁,识别性要高;

●多考虑使用场景,比如异常天气。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 古语云:兵马未动,粮草先行
    李凯_5ce4阅读 211评论 0 0
  • 警惕家庭的“精神垃圾”毒害孩子:做父母的都期待着自己的孩子能成才,然而,事实却并非尽如人意。一些家长,只顾着向孩子...
    熠煊妈妈阅读 258评论 0 1
  • 晚上10点,俩孩子已入睡,我略自豪地对先生说,你看,ipad摆在这,可他们都没说要看,可见,孩子的可塑性有多强。先...
    楚粤阅读 424评论 0 1
  • 规矩的黑与白 镶嵌在滚烫的柏油路上 红绿黄三...
    一忆光年阅读 225评论 0 2