多语言展示
当前在线:1392今日阅读:113今日分享:31

网页图标设计教程

最近小编收到很多问题,其中一个就是下面小编为大家整理一下关于网页图标设计教程的方法的步骤,希望这些方法能够帮助到大家。
方法/步骤
1

首先,在早期的计算机图形学领域内,图标只能在有限的范围内被使用。但是从人机交互的角度来看,使用图标比使用文本的优势要多。简单、醒目、而且友好,取代了一段冗长枯燥的描述。

2

然后,随着屏幕尺寸越变越小,图标的使用可以节省空间,这点很受欢迎,使用图标看起来很舒服,很大程度上的增加了艺术感染力。

4

然后,选择熟悉的图标:用户对图标的理解往往基于以前的经验。让自己熟悉竞品所使用的图标和常用的目标平台上的图标,那些是用户最容易辨认的。多数情况中,设计图标无需发挥创意。别误会,并不是说创新图标不好,但基本功能太花哨的图标可能会对用户体验产生负面影响。如果你想展示你的设计技能,可以依靠其他设计元素传达你的产品信息,同时保持系统图标的设计简单、现代、友好。

5

然后,背景填充渐变,再花正圆矩形大小,适当就行,图层样式为径向渐变,渐变色如图(自己看着调)。

6

最后,绘制阴影,用椭圆工具在图标下层绘制一个形状如图的椭圆,在属性面板里进行羽化,然后建立图层蒙版擦出多余部分。

注意事项

上述方法为小编整理所得,希望能够帮助到大家。

推荐信息