020-29815005
预约专线时间:09:00-23:59

优漫教育教你「轻拟物」!Apple,小米都采用这种设计风格。

新闻来源:优漫教育 日期:2021-04-19
优漫教育教你「轻拟物」!Apple,小米都采用这种设计风格。 自Applebigsur发布后的用户界面图标。变得轻盈起来。其它大厂家也开始采用这样的应用图标了!平面图标的趋势会继续吗?如何制作出这款受欢迎的轻量级模拟图标? 翻开手机电脑上各种app图标,往外…
优漫教育教你「轻拟物」!Apple,小米都采用这种设计风格。


        自Applebigsur发布后的用户界面图标。变得轻盈起来。其它大厂家也开始采用这样的应用图标了!平面图标的趋势会继续吗?如何制作出这款受欢迎的轻量级模拟图标?UI设计

        翻开手机电脑上各种app图标,往外看,几乎都是扁平设计风格占主导地位,虽然扁平图标可以提高用户获取信息的效率,但也降低了设计师做UI界面的难度。例如在大多数手机端UI界面设计中,只需将图片、矢量图标、几何形状、文字等组合起来,大部分工作都是排版工作,很少涉及到图标的制作。于是,UI设计门槛无限降低,大量的从业人员经过短期的训练就可以上手,导致了大多数设计师图标的绘制不佳。
        这一状况持续了多年,对于这几年才入行的UI设计师来说,拟物已经成为一种非常陌生的东西,虽然在当今的设计环境中,拟物并不是必修课,但我们应该知道,拟物的制作并非是为了在特定的场合使用,而是为了全方位地提升我们设计师的基本素养,既可以学习结构、光影、透视、色彩等传统美术的知识点,又可以提高软件的熟练度。
        扁平拟物-平拟物-平拟物-平拟物-?
UI设计
    3.什么是拟物?
        先来看一下早期的优秀拟物图标案例,都将物体表面的光影、纹理、肌理、透视表现得淋漓尽致。它看起来很精致,但细节太多,而且制作很麻烦。与平面风格的UI相比,从整体造型来看所运用的知识点并不多,没有太多的光影结构,有些只是造型的控制和色彩的搭配。
结构和内容简单,也让近80%的设计者缺乏对光影纹理的理解,从而限制了自己作品的多样性。
        轻拟物的发展很好地弥补了这一点,轻拟物虽然“轻”,但它有着和拟物图标同源的光影逻辑,具有实体纹理。
UI设计
        之前提到的轻拟物的核心,与拟物的设计是一致的,只是在造型和光影的塑造上,会省去许多复杂的细节和纹理。要做好轻拟,我们需要注意三件事:造型、光影和色彩搭配。
    一是造型。
        外形概览图形是图形外轮廓的表现形式,为了更好地传递信息,可以通过图形外轮廓的造型,将想要传递的信息概括到图形上。可说是造型是一种象征。
    二、光影。
        光线和阴影。
  
    高亮度:表示最靠近光线的表面;
    暗部分:用于区别受光面和背光面,反映物体的基本体积;
    明暗过渡的柔和度:反应体积转折面的弯曲强度,过渡越柔和,弯曲越平滑,过渡越僵硬,弯曲越僵硬;
    投射反射:确定物体被放在桌面上。
    关于光影的更多知识,请看我之前写的一篇文章:创意合成大师的秘诀:将光影控制到极致
    法律摘要。
       第一,外轮廓的造型,好的造型是好图标的骨架。
       造型细节造型完美,使用大量的圆角效果可以让小图标更圆润。
       第三:基本明暗度分析,对要造型的体积胸有成竹,才便于造型光影体积。
       第四:增加光影细节,根据对体基的明暗分析,完善画面光影。

UI设计

结论。

在今后的一个时期内,轻质仿物感的大量应用将是可能的。通过对光影造型的学习,我们可以提升自己作品的多样性,增加作品视觉输出的可能性,也可以让我们更轻松地面对因特网的复杂性和变化性。

与此同时,想要做一个设计师,建议大家也要关注设计的流行趋势,偶尔做一些市场流行的高频作品,比如最近流行的2.5d,失败艺术海报等。


优漫教育