

①易识别。手机app图标设计的最主要目的就是让用户打开手机交互界面就能够快速、准确地识别出app图标。易识别的要义是:减少用户错误选择app图标的概率。具体来讲,易识别设计能够减少用户app使用上的难识别、难理解困惑,节省用户查找app的时间。

②一致性。从人机工程学角度来看,一致性是指手机 app 图标在显示与控制上与用户的期望相一致或与用户的命令操作相一致。一致性设计,要求设计师在设计图标时要充分考虑用户的使用app的行为习惯。例如,许多用户打开手机的原因是看时间或看日期。

③易用性。易用性主要体现在app按键功能设计上。整个手机界面交互,要在用户自愿、过程流畅、按键灵活的基础上,通过app图标的缩放、变形、投影、声效等变化提示用户操作。另外,易用性还体现在app图标的布局上。


①图形设计。app图形要具有概括性,在交互界面要体现对称与均衡、统一与变化、动态与静止的关系。图形要注意分辨率;注意简练达意,避免过度使用象征性或隐喻性符号,而是尽量采用人们熟知的图形或场景,尽量用对比较强的对比关系来提高图标的识别度。

目前,很多手机app图标的造型已经由原来的边框分明的矩形逐渐向多边形转变。不同的多边形给用户带来的认知体验不同。例如:三角形图形给用户带来锐利、鲜明感;椭圆形、正圆形给用户带来稳定、柔滑感。

②色彩设计。图标色彩不能过多,一般在3到4种即可,且尽量少使用纯色。纯色视觉冲击力较强,如果设计师在不重要的位置使用了纯色,就会导致主次颠倒,让用户忽略主要信息。另外,设计师应当合理配置图标的色彩。不同的色彩会给用户带来不同的情感体验。

例如,黄色表示醒目、灿烂、财富,给人以尊贵的感觉;黑色表示深沉等,给人以沉闷、神秘的感觉;红色表示热情、张扬、活泼等,给人以生动、喜庆的感觉;绿色表示安全、自然、清新、健康等,给人以安静、舒适、安全的感觉;银色代表尊贵、安全、纯洁与永恒,给人以高贵、冷酷、尊崇与未来的感觉。

基于不同颜色会给人带来不同的感觉,因此设计师在设计图标时应当格外注意图标色彩的情感表达。就目前来看,具有一定提示、备忘与娱乐作用的app图标通常采用暖色,如橙色、红色、黄色、粉色等;而有科技含量的app图标通常采用冷色,如蓝色、绿色、灰色等。

③文字设计。文字能让用户在手机交互界面中快速找到自己需要的app,大大提高用户识别app的速度与使用次数,因此设计师要特别注意图标的文字设计。设计文字时,设计师首先要避免使用一些用户不懂的专业术语、生僻字或生僻词,以免app给用户带来陌生感。大量的app图标设计实践证明,通俗、直白的文字说明能大大拉近app与用户之间的距离,让用户对app产生亲近感。

④材质设计。指的是app体现的感觉和给用户的印象。不同的材质感会让app图标产生不同的视觉效果。目前,很多设计师都喜欢采用半透明性晶体的图标来增强app界面的体积感和材质感。这种材质能让图标呈现出圆润、高档、科技的视觉效果,也使得图标更加趋于人性化。

⑤布局设计。在手机交互界面中,app图标设计的不只是单独的个体,而是色彩、比例、材质、布局多个组合的整体。app图标整体风格不仅对系统操作的流畅度有很大的影响,并且对用户的app使用体验也有很大的影响。生硬、古板的app图标整体风格会让用户产生枯燥、生涩的心理感知;而灵动、新颖的app图标整体风格会让用户产生丰富、舒畅的心理感知。

从可用性角度来讲,在设计时,设计师要以人的需求为基本出发点,把自己当做用户,按照用户的思维方式和操作习惯对图标的图形、色彩、文字、材质与布局进行人性化设计。
