APP图标设计基本过程

图图资源公众号引导关注.jpg
以上资料,免费领取,领取地址:https://vip.f6sj.com
APP图标设计基本过程
APP图标设计基本过程

其实图标创意阶段前还有一个重要的步骤创意准备。根据设计师所要做的项目需求,确定ICON图标的风格样式,这一步骤在界面设计过程中,可用图标风格评测的方法来确定所绘制的图标是什么样的风格路线,这也是项目前期对用户研究的内容,有潜力的公司会制订“用户角色”,用来指导界面视觉风格方向、界面内容建构和交互设计等。

APP图标设计基本过程

当设计师从客户那里接到设计任务后,应怎样开始设计图标呢?首先要看懂界面的需求,并对每个功能图标的定义要非常清楚,否则设计的结果将导致用户难以理解,这个也是图标设计所关心的可用性问题。较差的图标设计最终会带来用户对界面的操作失败的体验结果。

APP图标设计基本过程

但视觉审美和可用性有时候存在着矛盾,设计师们不能走极端,只顾及可用性而忽视设计美观的一面,也不能太追求设计上美的需求而忽略了这是一个功能性很强的界面图标,最好是能在这两者之间取得平衡。

APP图标设计基本过程

理解功能需求后,设计师要收集很多关于“关键词语 联想图形”之间能转化的元素,用生活中的物或其他视觉产品来代替所要表达的功能信息或操作提示。例如音乐,我们会想到音符、光盘、音乐播放机、耳机等。但到底选择什么来表达呢?原则上是越贴近用户的心理模型最好,用大家常见的视觉元素来表达所要传达的信息。

APP图标设计基本过程

隐喻在图标设计中是必要的思维方法。找出物与所指之间的内在含义,这就要求设计师对生活的细微观察、丰富的联想能力。当然这也是设计的困难点,做好一个图标设计不亚于好的产品创意设计,包括最终的图标制作也是体现设计师能力之处,特别是现在高分辨率显示设备的大量应用,好的界面要得到用户的认可,高质量的图标设计必不可少。

APP图标设计基本过程
APP图标设计基本过程

草图绘制阶段就是将设计师的创意绘制出来,检验视觉关系,也就是在视觉方面多在草图上推敲,以提高效率,避免在渲染完成后再来修改而造成不必要的浪费。首先要确定图标透视,即关系到一套方案中的每个图标的透视方向,这是在图标设计一致性方面的基本要求,透视统一。然后一步步地进行细节添加。

APP图标设计基本过程
APP图标设计基本过程

一个图标要表达一定的含义就往往须组合不同的形态,借助单个形态所传达的内在信息,拼合在一起去传达另外一种信息。例如:在设计“导航”功能图标时,设计师第一反应是与卫星有关,但就以单个卫星的外形来传达导航的含义恐怕不够,于是再联想与导航有关的信息图示,如“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理地布置它们之间的主次、空间关系。

APP图标设计基本过程

需要注意的是:不可随便使用其与要表达功能相关的图形或物体,要经过精心的挑选,最好是大家熟悉、易记的物或形,毕竟目的是要帮助用户更形象地理解计算机程序的内在功能含义,以易记、易懂为前提。也不能借助过多的图形来表达图标含义,因为过于复杂反而影响用户的理解。

APP图标设计基本过程
APP图标设计基本过程

在前面的流程完成后,设计师设计的草图已经很清楚地表达了自己的想法,并且也能与功能信息密切地吻合,那就需要使用Photoshop、Illustrator、Firework等软件进行绘制,这要看个人的习惯,以及对软件的熟悉程度,都是可以完成图标制作的。

APP图标设计基本过程

零基础自学CDR AI PS ID视频教程

终身VIP资源更新!UI图标设计基础(视频教程)

网站右侧边栏广告位.jpg
本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 630371849@qq.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.po4.xyz/42821.html