艺考网
当前位置:艺考网 > 问答社区

让UI设计线性图标变精致的方法,要注意大小、线条、圆角的统一性

作者:王秋霜 发布时间:2023-11-21 12:20:38

大小统一:借助图标盒子降低图形视觉偏差。

线条粗细的同一性:线条是组成元素,要保持线条粗细一致。

圆角的统一:使用圆头端点,注意线条端点统一。

有规律的断点:使用辅助线,加强视觉统一。

断点的大小:使用圆形绘制复制断点,避免断点大小不统一。

颜色占比的统一:图标颜色要大致统一,让颜色占比相对平衡...

让UI设计线性图标变精致的方法,要注意大小、线条、圆角的统一性

一、让UI设计线性图标变精致的方法

1、大小统一

不同的图形的视觉重量不同,绘制图标可以借助图标盒子来绘制图标。

2、线条粗细的同一性

线条是主要的组成元素,所以在绘制时要保持线条不要太大的粗细对比,尽可能保持统一。

3、圆角的统一

保持形状圆角统一的同时,也要注意线条端点的统一,在使用圆角时,也要使用圆头端点。

4、有规律的断点

使用辅助线,保持图标断点更有规律,视觉上更加统一。

让UI设计线性图标变精致的方法,要注意大小、线条、圆角的统一性

5、断点的大小

断点的大小也是要统一的,一个大一个小,就会使图标不统一,绘制图标时,可以用圆形绘制复制断点,固定断点的大小。

6、颜色占比的统一

颜色的占比也需要统一,比如说一些图标的橙色占比高,一些图标的橙色占比低就会使整体不统一。所以我们需要将图标中的两种颜色趋向统一,使颜色占比更加平衡。

7、端点的对齐

我们需要在图标设计上可以运用比较多的端点对齐,非常多大师都会使用这一个方式,让图标更加统一,简简单单的线性图标一样可以非常精致。

让UI设计线性图标变精致的方法,要注意大小、线条、圆角的统一性

二、UI设计怎么运用元素叠加

1、元素叠加是一种常用的设计手法,如果我们不喜欢常规的圆形装饰效果,那就可以把它们叠在一起,就有了更加丰富的视觉表现,如果你觉得画面有些平淡,同样可以把元素进行堆叠,就形成了一种迷幻的神秘感。

2、在左右图文的排版中,如果觉得如今的视觉的效果有些普通,可以把元素放大一些,突出的效果会更加吸引用户的眼球,如果小伙伴们想要增加操作的趣味性,可以做成卡片堆叠的效果,既可以体现内容数量的丰富度,也能够引导我们的用户进行操作。

让UI设计线性图标变精致的方法,要注意大小、线条、圆角的统一性

3、如果你喜欢某样东西,也许你的喜欢是直白的也可能是隐晦的,把文字堆叠在一起,就会有种朦胧的美。

4、把主体放置在框内,叠加上文字,就有了一种文艺的氛围,当然如果你想要增加一些神秘的艺术感,我们也可以使用一些叠加的手法和效果,就可以让我们的整体画面变得有层次感。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
渐变色如何正确使用,可以在图片或者文字上运用
渐变背景:为单色卡片的背景添加渐变,可增加卡片的生动性。图片渐变叠加:当内容背景为图片时,可通过叠加半透明渐变色来增强画面的视觉表现力。渐变文字:对文字的部分笔画添加渐变,可增强视觉感。多层渐变图标:通过多层渐变叠加组合制成一个logo,视
怎么做图形相交叉logo,首先应绘制一个圆形
把圆形画出来,打开对象-重复-径向重复。调整数量和位置,扩展图形,再点击确定。用线条拼出双线三角形,先画2条直线,旋转一定角度,再连续复制。选择图形,用形状生成器修剪圆形,让画面变成负形三角形。画面中出现圆形镂空的三角形logo。将尖角改为
美工的工作内容,简单的来说就是对产品进行美化加工
美工可分为网店美工、平面美工、三维美工、网页美工等。网店美工:主要负责设计店铺页面、产品海报。平面美工:主要负责平面类的美观设计。三维美工:主要负责环境场景模型设计、道具模型设计以及三维角色模型设计。网页美工:主要负责对网页进行美化排版。