4.2线性图标的制作第二版.pptxVIP

HSUCLEAR

UI设计

主讲人：石美娟老师

线性化图标的制作

1

2

线性填充图标的绘制技法

线性图标的绘制技法

PART01

线性图标的绘制技法

移动应用中的图标通常都很小，例如以iphone6的ios为例，应用导航栏和工具栏图标只有44*44px，标签栏图标也只有50*50px，iphone6plus则需乘以1.5倍，正因为图标小给绘制增加了难度，导致许多设计师绘制的图标放大后发现许多问题，例如轮廓发虚。

ios的线性图标轮廓多使用2px宽的线框，轮廓发虚会直接导致图标显示模糊。

需要在绘制前先明确的几个问题

1、尽量使用45度角

2、PS软件中常规选项的勾选“将矢量工具与变化和像素网格对齐”

3、使用图标网格

需要在绘制前先明确的几个问题

1、尽量使用45度角

2、PS软件中常规选项的勾选“将矢量工具与变化和像素网格对齐”

3、使用图标网格

需要在绘制前先明确的几个问题

在上一个章节中，我们已经详细讲述了什么是线性化风格，线性图标的特点是什么，在本章节中，就让我们一起来学习一下线性图标的绘制技法

线性图标的绘制技法

线性图标的绘制技法

首先，我们需要了解一下PS中两种描边的方法：图层样式描边与路径描边。

图层样式描边是图层样式的一种，是对图形轮廓的描绘，图形可以是矢量图也可以是位图。

路径描边仅作用于形状，对