图标设计心得

《图标设计心得》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、图标设计在这里分享下我对于图标设计的一些心得体会。说的不好，还请各位看客包涵指正。图标在我们II常生活屮被广泛应用，软硬件、网页、社交公共场合无所不在。广义来说，图标就是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说，就是我们所熟悉的在计算机程序方面的应用。包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如今图标被广泛的应用，其价值也是显而易见的。一套好的图标能够为用户直观传达所描述的物体，减轻用户的认知负担，特别是一些抽彖的功能和意义。同时增添图标的精美度不仅能提升整个界而的吸

2、引力和观赏性，述能使产品与用户产生共鸣。下而以制作电话本和短消息这两个图标为例。设定风格。通观整个图标设计，设定风格是基础，亦是非常重要的一步。需要对整套图标进行周全的构想，I大I为这一步为图标设定了一个方向，Z后图标设计的造型，上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。绘制草图。这一步骤主要是设计图标的造型。造型在图标设计中冇着决定性的彩响，他直观的给用户展现其所代表的含义。而草图是最直观，最快速展现设计构思的一-种方法。此时我们可以通过头脑风眾列举出一些能让用八一目了然，乂贴合电话本和短消息含义的元素，同

3、时列举的元素又要符合复古做III的风格。因此，我选取做III的通讯录來表示电话木,选取羽毛笔和信纸来表示短消息。在绘制草图时，要注意图标造型的统一，方向的一致性,使图标有充分的辨识度。其次要控制单个图标元素的数量与其他图标相协调，用最少的元素来表达图标的含义。不然过多的元素不仅会使图标臃肿不堪，更会使图标的含义模糊不清,难以琢磨。上色刻画。在确定造型Z后，就需要对图标上色以及深入刻画。V勾勒造型用钢笔工其依循手给找稿勾勒出图标邀魁井上色区分体块封面渐变「渐芟J^100J%温合旅式「正窜不透明度⑵：•—滚吏：□反向®徉式9：线性角

4、度也：0)融⑸：88度混合複式：正常不透明度®):渐更：rz徉式3：銭性角度蚀：0)馳⑸：v

5、1001%■卜I□反向®V[3与国层对齐0)C)刻画羽毛笔对羽毛笔逬行深入的刻融6A.混合複式(0)：不适明度『):佯式《■):日□艮向识)线性▼a讀层对齐⑴角度讥)：908缩放($)：正京HI錯构内阴影混合栈式：正片巫底不透明度9）：9晅輻1不度（3便用全尚光⑹操素角厦鱼）：&）厂结构丰富细节为足话本柏信城分册浄加照片和文字・毀升便圏标的鮒玻投影混合植式：正片巫底不透明度◎:叼使用全局光⑹角度®距富3阴寒◎大小0拮构内給面V平涪V铝

6、式0100%方法◎:谋度0：J««方H：Q±O下大小辺：J较化E：J~阴影角度切:OCZ至度□便用全局光⑥□消除搐齿3论色■ILJ£——J~

7、75

8、%正片叠底y■Qfio卞高度:光泽等高規:高光杈式抄不透躯3朗影根式®:不透明度渐费角度凶：样式3：混合履式:不透明度懑支:结构7用洌箋工貝勾勒形状〃八龙“""八A-做旧质感为了站合之的设定的复古做旧风相给通讯录和侶纸加上強的效果.阿为通讯录的封面添1X1边角•以突显孵代俊旧龍・他合珂滨舍欖式©)：正片錢底▼■不透明®(o)：0loo%度N使用全册(G)距离(0)：Q扩膜(R)：tr

9、2像喜大小⑸：0内发光结构混合稅式©)：不送明度(0)：杂色㈣：•□©I漆色52方法(Q)：柔和▼源:匚居中佢)。边缘(G)阻塞(C)：J大小(S)：Lh渐变廉加浪合樟式(0):正常不逸明度(P)：•—渐賁：反向只)祥式co：O100▼/与图层对弃⑴ftg(N):0)90虔缩放⑸:A总结一，设计一套完整的图标要确保其风格的一致性。在造型，透视，大小，色彩,效果处理等各个方面做到统一，以保证每个图标都与其风格相契合。其次，控制图标元素的数量，对一些不必耍的元素要呆断去除。图标应该是一种能使用户轻松识别的图形语言，而不是成为用户阅读

10、的负担。更要充分展现各个图标间的差异程度，捉升图标自身的辨识度，从而帮助用户理解阅读。再则述要考虑这套图标所应用的环境。不同国度，不同社会环境，不同文化传统对图形也有不同的认识理解。同时也要考虑到人们的情感因素，避免使用敏感图形。所以在设计开始就应考虑周详，谨慎使用。最后，画图标要有足够的耐心，对于细节要不怕繁琐，细心揣摩。（详细咨询：东莞论坛——汽车频道）