分享

“鸿蒙”系统都在用的「轻拟物」风格,你还不会吗?

 昵称35641324 2021-06-17

最近,华为发布的“鸿蒙系统”火了!

虎仔在看关于HarmonyOS UX设计理念的宣传片时,意外地发现:鸿蒙系统的设计中,竟然用了「轻拟物」风格设计!


图片
图片
图片
▲截图来自HarmonyOS UX设计理念宣传片

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

图片

一般我们见到的都是放在APP做局部的视觉强化,加强用户对特定区域的感知。

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

图片

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

图片

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

图片


新拟态风格



一种新风格的出现,其实都是有迹可循,如果掌握好了方法也不是那么难,以新拟态图标为例,比较重要的点实际上有2个,形体、光影

形体,就是对图形外轮廓的样式的呈现。不仅是外轮廓,还要包含更多的内部元素细节。光影,新拟态一般会选择一个光源照射,光源位置从一个角打下来,这样就会形成亮色投影、深色投影,再配合轻微的斜面浮雕效果就会形成轻微的立体感。

图片

▲普通线性图标VS新拟态图标

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

像现在很多公司在招聘UI设计师时会要求“会多种风格设计”。所以在职场中,了解和掌握多种风格的界面设计,会更有利于我们的职业发展。

图片

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多