精选好文 / 2021流行的7种UI设计风格,这一种多个大厂都在用!

2021流行的7种UI设计风格,这一种多个大厂都在用!

MOMO 2021-09-30 16:53:15

前几天有粉丝在后台给我留言:

去面了一家公司的UI|,第一轮人事面还可以,第二轮可能是产品的负责人或者是领导来面试的我,问了我好几个问题,有一个是说,如果要对我们的产品进行改版设计,你能做出几种风格的界面设计出来?我当时有点懵了,因为我在之前工作中没有说特定地去做一种风格的界面,一般领导要什么样的会给我参考,我自己也没有系统的思维和方法,所以现在有点惆怅。

他在面试的时候被问到:如果要对产品进行改版,你做出几种风格的界面设计?,但是该同学在以前的工作中都是“参考”别人家APP做的,所以就没有回答上来,最后面试结果也不太好。

最近应该有很多粉丝会有跳槽换工作的打算,所以今天就来跟大家聊聊UI界面设计风格的事情。

其实大家如果仔细观察会发现,前几年市场上的UI设计师风格主要是以扁平风为主,从去年开始,各大互联网公司开始让界面更加情感化,也更加注重用户体验和人机交流,所以就出现了几种新的风格设计。

 

比如新拟态风格在年初炒了一波热度,后来又是深色模式设计、玻璃拟化视觉,再到后来又出现的3D的UI界面设计趋势,还有一直存在的极简风、杂志风等,风格不断在更新,身为UI设计师的我们该如何跟上这个步伐呢?

 

新拟态风格

首先来说说大火的新拟态风格。

新拟态风格的热度可以说一直都有,而且各大厂的APP比如饿了么、美团等他们的设计中也在用新拟态的风格设计:


新拟物风格一般适合做局部的视觉强化,来加强用户对特定区域的感知。

 

常见的需要被凸出的要素,就是首页中快速入口图标、分类图标和底部导航栏图标了。这些区域长期受运营活动支配,需要结合用户的习惯来考虑点击量,相信大家已经很习惯了。

对于整个拟物体系来讲,比较重要的点实际上有2个,形体、光影.形体,就是对图形外轮廓的样式的呈现。不仅是外轮廓,还要包含更多的内部元素细节。

 

光影,新拟态一般会选择一个光源照射,光源位置从一个角打下来,这样就会形成亮色投影、深色投影,再配合轻微的斜面浮雕效果就会形成轻微的立体感。

 

当然,新拟态只是一种风格,还有深色模式、玻璃拟化、3D风格、霓虹渐变、极简风、留白风等其他热门的UI界面设计风格。

一种新风格的出现,其实都是有迹可循,如果掌握好了方法也不是那么难,以新拟态图标为例,来看看原谷歌系团队UI设计师酸梅干超人的画法详解:

 

第一步:确认轮廓造型

即确定图标本身的轮廓,并对每一个模块进行纯色的填充,定义它们的色彩和做出区分。

 

第二步:完善图形细节

在原有基础上,添加一些细节,完善具体样式。

 

第三步:增加基础的暗部表现

开始为图标增加高光了,高光从右上角打下来,那么有叠加关系的元素就会产生一个向下的投影。并且反向暗部的表现,让整体的立体感稍强。

 

第四步:增加高光效果

将高光添加到画面中来,将整个图标的质感进行拉升。

 

而且,除了新拟态风格,现在很多公司在招聘UI设计师时会要求“会多种风格设计”。所以在职场中,了解和掌握多种风格的界面设计,会更有利于我们的职业发展与薪资提高。

接下来一起了解一下不同风格的呈现形式:

1.极简留白设计风格

 

2.高冷杂志风格

 

3.酷炫深色模式

 

4.玻璃拟化视觉风格

 

5.新拟态设计风格

 

6.3D空间感风格

 

7.霓虹灯渐变风格

 

 

 

 

 

 

 

版权声明:博匠星锐学堂倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章

客服

官方客服

如遇课程或支付问题,请联系客服为您解决

电话客服:15927422891

Q Q客服: 联系客服

工作时间:9:00-18:00,节假日休息

试听

测试

开班

报名

顶部