室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> UI设计 >> 文章内容

app图标设计教程系列三: 图标设计原则

[日期:2016-01-02]   来源:IT部落窝  作者:IT部落窝   阅读:140[字体: ]
内容提要:本文从9个方面讲解了APP图标设计应该遵循的原则,值得我们每个APP设计人好好思考.

  APP图标设计也需要遵循相应的原则。

1. 设计遵循用户使用习惯

  在进行图标设计时要根据用户的使用习惯来设计,当用户习惯了圆角的图标之后,你不能擅自改变图标的形状,同时还需要考虑到使用人群的国家和地域文化,以此来考量用户的使用习惯。
 
2. 功能图标设计简单明了
 
  图标的设计如果过于复杂,那么就会让用户难以了解App软件的操作,增加用户使用的难度,引起用户的厌烦情绪后会丢弃该App软件。所以开发者在进行设计时要遵循简单明了的原则,开发便于用户操作的App软件。
 
3. 明确目标客户群
 
  在开始设计图标之前,首先要弄清楚目标客户群体是谁?这样才可以根据确定好的目标群体来进行图标设计。
 
4. 突出个性
 
  如果开发者山寨其他图标图标,那么容易造成用户的困惑,也会让用户错误下载与图标相似的App软件,如果该软件造成了用户不好的用户体验,那么也会令用户对你的App产生怀疑,拒绝下载你开发的App软件。
 
5. 传达含义清晰、准确、容易记忆
 
  图标一般充当指示、提醒、概括、表述等作用,面对图标的设计,业界一直有一个标准:“对于其含义的理解,不需要额外的文字说明。”每个图标用简单的元素表达清晰的概念,并和产品本身进行联系的方式,是我们在图标设计中尤其需要注意的。
 
6. 风格表现统一、整体性强
 
  一套风格统一的图标是进行图标设计的基本原则,整体性强的设计会比零散的设计更有品质,更容易让用户理解。特别是针对企业产品等图标设计,统一的概念从VI阶段就已经贯彻,在图标设计中,我们需要引入一些VI的思想来规范它。一套设计精良、统一性足够好的图标,不但能够引起品牌的共鸣,甚至可以进一步带动界面部分的设计,以相同的质感、色系、光照效果等技巧统一整个产品的视觉感受。
风格的统一包括:造型的轮廓粗细的统一,颜色色调与调和的统一,材质与纹理(肌理)的统一等。
 
7. 排版位置的调整
 
  完成基本的图标设计后,根据界面布局来进行调整图标在整个布局中的位置。图标在重要或突出功能的位置上,必须首先进行调整造型和位置,因为在一般UI界面里靠上的位置或者特定位置的功能相对固定,不能简单的删除更改。否则整个功能方向就会失调,使得APP向另外一个方向去发展,得不偿失。
 
8. 配色协调
 
  给图标添加颜色是解决视觉冲击力的一种表现手段。赋予图标什么样的个性和使得突出重点,一般都会添加颜色。在整体界面中一般有背景色和主导色,一般选择的图标颜色要侧重于点缀色或者着重色,而其他不太重要的图标颜色尽量选择中性的颜色,如低纯度的蓝色,因为在UI界面设计中,蓝色几乎和黑白灰并称万用色。有时候UI界面或图标整体偏暖和冷就是因为补色没有运用好。
 
9. 兼容各种应用尺寸,主体与细节对比合适
 
  在设计图标时,尺寸要考虑周全,保证图标尺寸比例的准确性。因此除了要考虑图标在小尺寸屏幕的完美展示之外,还要考虑大尺寸的屏幕,让图标适用于不同屏幕大小的移动设备。
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程