查看: 1974|回复: 0
打印 上一主题 下一主题

图标设计的那些事

[复制链接]

124

主题

1

听众

170

积分

设计实习生

Rank: 2

纳金币
29
精华
1

最佳新人

跳转到指定楼层
楼主
发表于 2013-11-21 14:29:08 |只看该作者 |倒序浏览

  作为一名大学刚毕业入行不久的小菜鸟,斗胆在这里分享下我对于图标设计的一些心得体会。说的不好,还请各位看客包涵指正。 图标在我们日常生活中被广泛应用,软硬件、网页、社交公共场合无所不在。广义来说,图标就是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说,就是我们所熟悉的在计算机程序方面的应用。包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如今图标被广泛的应用,其价值也是显而易见的。一套好的图标能够为用户直观传达所描述的物体,减轻用户的认知负担,特别是一些抽象的功能和意义。同时增添图标的精美度不仅能提升整个界面的吸引力和观赏性,还能使产品与用户产生共鸣。
  下面以制作电话本和短消息这两个图标为例。


  设定风格。通观整个图标设计,设定风格是基础,亦是非常重要的一步。需要对整套图标进行周全的构想,因为这一步为图标设定了一个方向,之后图标设计的造型,上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。
  绘制草图。这一步骤主要是设计图标的造型。造型在图标设计中有着决定性的影响,他直观的给用户展现其所代表的含义。而草图是最直观,最快速展现设计构思的一种方法。此时我们可以通过头脑风暴列举出一些能让用户一目了然,又贴合电话本和短消息含义的元素,同时列举的元素又要符合复古做旧的风格。因此,我选取做旧的通讯录来表示电话本,选取羽毛笔和信纸来表示短消息。在绘制草图时,要注意图标造型的统一,方向的一致性,使图标有充分的辨识度。其次要控制单个图标元素的数量与其他图标相协调,用最少的元素来表达图标的含义。不然过多的元素不仅会使图标臃肿不堪,更会使图标的含义模糊不清,难以琢磨。


  上色刻画。在确定造型之后,就需要对图标上色以及深入刻画。










  总结一下。第一,设计一套完整的图标要确保其风格的一致性。在造型,透视,大小,色彩,效果处理等各个方面做到统一,以保证每个图标都与其风格相契合。其次,控制图标元素的数量,对一些不必要的元素要果断去除。图标应该是一种能使用户轻松识别的图形语言,而不是成为用户阅读的负担。更要充分展现各个图标间的差异程度,提升图标自身的辨识度,从而帮助用户理解阅读。再则还要考虑这套图标所应用的环境。不同国度,不同社会环境,不同文化传统对图形也有不同的认识理解。同时也要考虑到人们的情感因素,避免使用敏感图形。所以在设计开始就应考虑周详,谨慎使用。最后,画图标要有足够的耐心,对于细节要不怕繁琐,细心揣摩。


分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-10 09:00 , Processed in 0.088525 second(s), 31 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部