轻拟物风格图标如何设计?跟随教程轻松掌握!

更新时间:2024-01-09 14:34:50

轻拟物图标是一种常用的图标设计风格,其特点是使用简单的线条和形状来表示意义。轻拟物风格图标如何设计?这种风格的图标通常具有简洁的外观,并且能够很好地转化为不同的尺寸和颜色。轻拟物风格图标如何设计?首先,我们要了解轻拟物图标的设计要点:形态、光影、颜色。其次,我们可以跟随本文的教程一起来制作一个轻拟物风格图标,跟随教程轻松掌握!一起跟随教程设计一款轻拟物图标吧!

导读:

1、轻拟物风格图标设计知识点

2、轻拟物风格图标设计教程

3、总结

轻拟物风格图标

一、轻拟物风格图标设计知识点

1、轻拟物风格图标的分析拆解

轻拟物设计是一种使用简化形态的拟物设计。它在保留拟物设计中的核心要素,如光影、结构和透视的同时,对图标的轮廓、肌理和层级进行了精简,使得图标的形态更加概念化、理想化,易于辨识。轻拟物设计的目的是为了减少对用户的认知负荷,使界面更加直观和易用。

2、轻拟物风格图标的形态

形态是指图标的外轮廓样式。

3、轻拟物风格图标的光影

光影是指图标的明暗关系。

4、轻拟物风格图标的颜色

颜色是指图标的色彩表达。

二、轻拟物风格图标设计教程

1、主要结构

主体:月亮主体和质感

装饰:一些常见的睡眠图形符号

2、月亮(形状)

绘制 34*34px 的圆形,再绘制 30*30px 的圆形,选中两者选择顶部工具栏中布尔运算的「减去顶层」。

添加线性渐变,颜色 #DABFFF、#977EFC、6E61FA。

3、月亮(暗部)

绘制圆形,填充 #A8E2FF。·添加高斯模糊,大小为「12」。

调整形状,并和月亮创建蒙版。

4、月亮(高光)

绘制圆形,填充 #A8E2FF。·添加高斯模糊,大小为「12」。

调整形状,并和月亮创建蒙版。

5、月亮(暗部)

在月亮的上端和下端分别绘制两条弧线,填充 #7364FA。

添加高斯模糊,大小为「4」。

6、装饰

使用钢笔工具绘制一个「Z」字形状。

调整两端端点都为圆形端点。·再选中另外两个端点,调整圆角值为 1。

再次选中形状,选择顶部工具栏中的「轮廓化」工具。

7、装饰(质感)

选中装饰,填充 #BDA9FD。

添加内阴影,参数为「1、-1、1、0」、颜色 #6383FF。

8、星星(形状)

选择工具栏中的「五角星」工具,绘制一个五角星,填充 线性渐变,颜色 #FFF385 到 #F99A50 。

选中五角星在右侧属性面板中修改角度为 4 。

调整四个端点的圆角值和内部四个端点的圆角值。

9、星星(质感)

再复制一个星星,选中两个星星创建蒙版。

选中内部的星星颜色填充 #FF9514,并向右下方移动。

添加高斯模糊,大小为「4」。

10、星星(高光)

绘制一个椭圆,填充白色。

添加高斯模糊,大小为「2」。

11、阴影

绘制 20*4px 的椭圆,填充 #5739ED。

添加高斯模糊,大小为「5」。

三、总结

以上就是关于「轻拟物风格图标如何设计?跟随教程轻松掌握!」的全部内容,通过了解轻拟物图标的设计要点,我们可以跟随教程一起来制作一个轻拟物风格图标。首先,我们需要选择一个简单的几何形状作为基础形状。然后,我们可以通过添加渐变和半透明效果,来增加图标的层次感和立体感。最后,我们可以选择明亮、饱和的颜色,并且注意颜色的搭配和对比度,来增强图标的视觉效果。通过跟随教程,我们可以轻松掌握轻拟物图标的设计方法,制作出简洁、易懂、美观的轻拟物风格图标。希望本文对想要学习轻拟物图标设计的读者提供了帮助,可以使用即时设计,一起跟着教程自己做一组轻拟物图标吧!