UI设计有哪些风格?

摘要

我们接触最早的互联网产品是手机,当我们第一次接触一个新鲜事物,想要看懂里面的内容,里面的内容就要跟我们日常所接触的东西相近,这就是最开始的UI设计风格-拟物化写实风格。在人们开始接触新事物的时候,这种拟物化的风格可以帮助人们更加直观的了解产品,但随着产品更新迭代和产品种类增多,拟物化风格的迭代速度受到限制,

  我们接触最早的互联网产品是手机,当我们第一次接触一个新鲜事物,想要看懂里面的内容,里面的内容就要跟我们日常所接触的东西相近,这就是最开始的UI设计风格-拟物化写实风格。在人们开始接触新事物的时候,这种拟物化的风格可以帮助人们更加直观的了解产品,但随着产品更新迭代和产品种类增多,拟物化风格的迭代速度受到限制,产品适配成本太大,这时候就需要出现符合可快速迭代和适配不同种类的设计风格—扁平化设计风格。

  扁平化风格的出现,产品变得更加的简洁,由纯色或渐变色加上剪影图标、卡片、去掉装饰的风格符合快速迭代更新的要求,可以大大降低了同时兼容不同版本的的成本。并且人们已经熟悉了拟物化的风格之后,对产品已经比较熟悉,去掉其中的装饰,变得扁平,符合人们的认知过程。拟物化风格也相对显得更加分散用户注意力,扁平化的风格也降低了对于图形的关注,增加了产品的关注度。

  拟物化写实风格、扁平化设计风格是UI设计风格的两种风格类型。在UI设计发展过程前期比较明显的、也是大家比较公认的。随着互联网行业的发展,UI行业也越来越成熟,对UI行业的的要求也越来越高,UI的设计风格也同时在扁平化的基础之上调整、变化,有了新的设计形式。

  三维效果:随着电商行业的发展,电商行业的设计形式和风格也越来越丰富,其中近两年比较流行的就是视觉三维效果,区别于传统的二维效果,三维效果的视觉更加真实和具有立体感。在二维的平面上呈现三维的视觉效果,增加了设计的趣味性,这种形式一般用于电商设计和运营设计。使用的软件一般为C4D,这也是C4D软件最近比较火的一个原因。

  半扁平化风格:这种风格更加趋向于规则性,结合了material design和flat design的设计风格。Material Design是Google公司推出的设计规范,flat design是苹果公司在IOS7之后推出的设计规范。结合着两种设计规范内容,使界面内容更加规范。Material在此的衍生意义是卡片/纸片的意思,Material Design是非常重视信息层级及板块内容,并在其中加入了投影的运用。flat design删除了所有的样式,追求图标的识别、色彩和字体的规范,一个页面出现的信息层级比较少,一般不超过2个。在动效上强调干净利落,在颜色上强调柔和。这两种风格并不是绝对化的。

  渐变色风格:这种风格比较容易分辨,在我们的手机应用中,2017年以前,大部分的手机应用都是纯色的图标,但2017年以后,手机的图标大部分已经变成了渐变色,现在可以打开手机,看看我们的淘宝应用图标。不仅在图标上面比较明显,在手机应用界面内部,很明显发现我们的QQ手机界面大量的渐变色,在单色的扁平化的基础上加入渐变的成分,让页面看起来更加的灵动与丰富。

  设计风格与类型还可以产生很多的变化和改变,增加了产品的个性,更具产品之间的区分性。还有一些比较小众的设计风格形式,比如:几何点缀,大标题、大间距,半透明,卡片式等等可以根据不同的产品选择不同的设计风格,但要保证一个产品的设计风格是一致的,不要随意搭配。

匿名

发表评论

匿名网友