图标设计的那些事
作为一名大学刚毕业入行不久的小菜鸟,斗胆在这里分享下我对于图标设计的一些心得体会。说的不好,还请各位看客包涵指正。 图标在我们日常生活中被广泛应用,软硬件、网页、社交公共场合无所不在。广义来说,图标就是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说,就是我们所熟悉的在计算机程序方面的应用。包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如今图标被广泛的应用,其价值也是显而易见的。一套好的图标能够为用户直观传达所描述的物体,减轻用户的认知负担,特别是一些抽象的功能和意义。同时增添图标的精美度不仅能提升整个界面的吸引力和观赏性,还能使产品与用户产生共鸣。
下面以制作电话本和短消息这两个图标为例。
设定风格。通观整个图标设计,设定风格是基础,亦是非常重要的一步。需要对整套图标进行周全的构想,因为这一步为图标设定了一个方向,之后图标设计的造型,上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。
绘制草图。这一步骤主要是设计图标的造型。造型在图标设计中有着决定性的影响,他直观的给用户展现其所代表的含义。而草图是最直观,最快速展现设计构思的一种方法。此时我们可以通过头脑风暴列举出一些能让用户一目了然,又贴合电话本和短消息含义的元素,同时列举的元素又要符合复古做旧的风格。因此,我选取做旧的通讯录来表示电话本,选取羽毛笔和信纸来表示短消息。在绘制草图时,要注意图标造型的统一,方向的一致性,使图标有充分的辨识度。其次要控制单个图标元素的数量与其他图标相协调,用最少的元素来表达图标的含义。不然过多的元素不仅会使图标臃肿不堪,更会使图标的含义模糊不清,难以琢磨。
上色刻画。在确定造型之后,就需要对图标上色以及深入刻画。
建议继续学习:
- 30套最好的网站开发与设计中使用的小型图标 (阅读:11083)
- 给 Kibana 实现百分比统计图表 (阅读:6230)
- 由黄钻等级图标处理引发的思考 (阅读:2225)
- 防垃圾邮件在线生成邮箱地址图标 (阅读:2165)
- APP图标的色彩 (阅读:2863)
- 浅析图标的微观世界――从符号学说起 (阅读:2040)
- 小xiao说说创意图标设计心得 (阅读:1617)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:sdj 来源: 网易用户体验设计中心博客
- 标签: 图标
- 发布时间:2012-01-03 23:22:50
-
[65] find命令的一点注意事项
-
[46] memory prefetch浅析
-
[44] 读书笔记-壹百度:百度十年千倍的29条法则
-
[33] 卡诺模型―设计品质与设计价值的思考
-
[31] 小屏幕移动设备网页设计注意事项
-
[28] Oracle bbed工具的编译
-
[25] 基本排序算法的PHP实现
-
[23] 8大实用又重要Mac使用技巧
-
[22] 杨建:网站加速--Cache为王篇
-
[21] 程序员技术练级攻略