大家好,近期我在搜集整理图标素材,有了一定的素材积累后,想着是时候把躺在工具里的素材转化为自己吸收的方法论了,不然素材将会躺在那里吃灰,失去了素材搜集的意义。
图标是UI界面中不可或缺的组成元素之一,具有精简信息、高效传达信息、提升美感和丰富界面的作用。同时它也是体现设计师水平的重要衡量指标,日常的工作内容也离不开图标设计。那怎样才能设计出协调的、有差异化的、具有美感的图标呢?这就需要从以下几个方面做进一步的了解了。
图标在空间维度可分为扁平图标和立体图标,今天我们先来聊聊扁平图标。
扁平图标是一种简约、现代的设计风格,其核心在于去除多余的视觉装饰效果,专注于传达最核心的信息和功能。总结来说,扁平图标就是用最简单、最抽象、最少装饰的图形元素(形状和纯色),清晰、直接地表达一个对象、概念或功能的设计风格。它追求的是功能性和现代美感,而不是视觉上的逼真。
是一种模拟半透明磨砂玻璃视觉质感的UI设计风格。其核心特点是呈现出朦胧、柔和的透光感,同时模糊背后的内容,营造出轻盈、现代且富有层次感的视觉效果。总的来说,它兼顾透明度和层次感,色彩缤纷且引人注目。通常为面形图标。
毛玻璃风格=高斯模糊背景+低透明度色层(通常为背景色同色相的浅色)+微妙光效(边缘常搭配微弱的弥散阴影或光泽渐变,模拟玻璃表面的反光,提升质感)
是一种线条不闭合、存在刻意中断的图标设计风格。它通过在线条的特定位置制造“缺口”,营造出轻盈、简约且富有设计感的视觉效果。
晶白风就是在白色质感下,通过一些透明度变化、投影和外发光运用等,让整体设计更加富有层次感。
是指深入细节,通过对光影的把控,呈现出具有真实感、富有质感的视觉效果。
整体图形由线条构成,是最简约、最常见、最基础的图标表现形式之一,设计的关键是和谐、饱满、避免琐碎而影响美感。要注意,图标线条越粗,直观表现力越强。
整体图形由块状的形状构成,也是最常见的图标表现形式,面性图标的识别效率要优于线性图标。
整体是线性图标,其中有块状面作为装饰或背景。是一种通过线条与色块碰撞增强层次感与表现力的设计手法。它既保留了描边的清晰轮廓,又通过局部填充注入活力、传递品牌。
是指图标整体只用了一种颜色。它的使用场景很广泛,使用频率也很高,是最简约的图标表现形式。
指图标的不同部位采用不同的颜色。需要注意平衡色彩之间的占比关系,保持多个图标的统一。
指图标采用渐变色,可以是整体使用一种渐变色,也可以是不同部位使用不同的渐变色。
以上就是关于扁平图标风格、结构和配色三个维度的一些总结,希望能给大家带来一点启发。下期分享立体图标,敬请关注,谢谢大家~