从零开始学图标

#设计知识

#知识库

进度

0/0

知识点

笔记

0. 概述

1. 图标是什么

1.1 图标的基本介绍

1.2 图标的使用场景

1.3 图标的基本分类

2. 图标设计的基础知识

2.1 矢量图和位图

2.2 布尔运算和钢笔

2.3 图标的设计工具

2.4 图标的设计规范

2.4.1 表意的准确

2.4.2 图标的一致性

2.4.3 图形的视觉差

2.4.4 图标的栅格

2.4.5 像素对齐

3. 图标设计实例

3.1 工具图标的设计实例

3.2 操作总结和线面转换

3.3 装饰图标的设计实例

3.4 启动图标的设计实例

4. 工具图标的进阶

4.1 进阶线性图标

4.1.1 多种粗细风格

4.1.2 多色描边风格

4.1.3 描边缺口风格

5. 装饰图标的进阶

5.1 轻拟物风格

5.2 玻璃拟态风格

5.3 实物贴图风格

首页

知识库

设计知识

从零开始学图标

0. 概述

UX百科编辑部编辑于 2023-06-2720人正在学

在 UI 的设计体系中，图标是最重要的组成部分之一，是任何 UI 界面中都不可或缺的视觉元素。了解图标相关的概念，以及正确绘制的方法，是入门 UI 设计的必备条件。

网上现存不少关于图标绘制的文章和教学，但不是太笼统，就是太片面。即使看了很多这种碎片化的知识，也很难在我们的认知中对它有比较全面、系统的认识，所以大多数初级的 UI 设计师，始终画不好图标。

零基础学图标系列就是使用更全面系统的方式，教会大家怎么画图标。

UX百科内部交流群已开启，有任何体验问题或者学习问题随时交流：

学会

2328

下一篇： 1.1 图标的基本介绍

图标，是一种图形化的标识，它有广义和狭义两种概念：广义，指的是所有现实中有明确指向含义的图形符号；狭义。指的是在计算机设备界面中的图形符号，有非常大的覆盖范围。对于 UI 设计师而言，我们主要针对的就是狭义的概念，它是 UI 界面视觉组成的关键元素之一。在当下最常见的扁平化设计风格中，界面的...

笔记 (0)

只看自己

TOP

笔记