技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 图标设计的那些事

图标设计的那些事

浏览:1810次  出处信息

    

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

    下面以制作电话本和短消息这两个图标为例。

    

    

    设定风格。通观整个图标设计,设定风格是基础,亦是非常重要的一步。需要对整套图标进行周全的构想,因为这一步为图标设定了一个方向,之后图标设计的造型,上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。

    

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

    

    

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

    

建议继续学习:

  1. 30套最好的网站开发与设计中使用的小型图标    (阅读:10937)
  2. 给 Kibana 实现百分比统计图表    (阅读:6093)
  3. 由黄钻等级图标处理引发的思考    (阅读:2177)
  4. 防垃圾邮件在线生成邮箱地址图标    (阅读:2118)
  5. APP图标的色彩    (阅读:2562)
  6. 浅析图标的微观世界――从符号学说起    (阅读:1938)
  7. 小xiao说说创意图标设计心得    (阅读:1575)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1