图标设计的基本原则
图标设计的基本原则就是要尽可能的发挥图标的优点:比文字直观,比文字漂亮,减少图标的缺点:不如文字表达的准确。因此图标设计的基本原则可以简单的归纳一下几点。
第一:可识别性原则
可识别性原则,意思是说,图标的图形,要能准确表达相应的操作。换言之,就是我看到一个图标,就要明白他所代表的含义,这是图标设计的灵魂。可以当之无愧称之为图标设计的第一原则。
差异性原则,什么意思呢?意思是如果一个界面上有六个图标,我一眼看上去,要能第一时间感觉到他们之间的差异性,否则我怎么辨认呢?这是图标设计中很重要的一条原则,但也是在设计中最容易被忽略的一条,图标和文字相比,它的优越性在于它更直观一些,但是如果图标设计失去了这一点。
首先我们要明确一个点,图标的主要作用是用的,代替文字,第二才是美观。但现在的图标设计者往往陷入了一个误区,片面的追求精细,高光和质感。其实,图标的可用性随着精细度的变化,是一个类似于波峰的曲线。在初始阶段,图标可用性会随着精细度的变化而上升,但是达到一定精细度以后,图标的可用性往往会随着图标的精细度而下降。
我们经常会看到很多界面上,往往会堆砌着各种不同风格的图标,显然,这些图标都是从互联网上收集起来,由于没有完全配套的图标,只能东拼西凑,导致界面粗制滥造,业余。
统一风格为什么这么重要,理解这一点,你会明白互联网上有数百万的图标资源,为什么你的老板还要花钱雇一个图标设计师。一套好的图标,要有统一的风格,这条原则,很多设计师都明白,但是真正实现起来,也许并不那么容易。怎么做呢?
1、我建议你在设计之前,先做如下的定义:
是简约的,还是精致的;
是平面的,还是立体的;
是古典的,还是现代的;
是写实的,还是卡通的;
是单色的,还是多彩的;
是绚丽的,还是柔和的;
是抽象的,还是具体的;
是有框的,还是无框的;
也许我的定义并不能囊括所有的风格,但是至少可以给你提供一种思路
2、如果可能的话,我建议你用铅笔,在白纸上勾勒出你的草图,用什么符号图形代表什么操作,在画的时候,尽可能的想象第一步的风格定义。
3、统一你的色彩,准备好你的调色板。
比如我喜欢用illustrator,我会从调色板面板里调出一种风格的色彩,略加调整,这将是我这套图标的色彩定义,在画图标的时候,尽可能选择你定义好的颜色,这样,你就能尽可能的保证你的图标色彩的统一。
图标是没有单独存在的,图标最终是要放置在界面上才会起作用的。因此,图标的设计,要考虑图标所处的环境,这样的图标,是否适合这样的界面?
比如你的界面是森林和大地,你就可以考虑用石块,木头,或者蘑菇,野花设计一系列的图标。
如果你的界面是平面的,简约的,你可以考虑用一些简单的平面的符号或者图形来设计你的图标,这样整个界面会很协调,不要认为这样的图标是简陋的,其实这样的图标的可识别性非常强的,在简洁的界面里,会透露出一种简约之美。下图是我对ui设计四个阶段“用户研究,交互设计,视觉设计,可用性测试”的图标定义。
追求视觉效果,一定是要在保证差异性,可识别性,统一性,协调性原则的基础上,要先满足基本的功能需求,才可以考虑更高层次的要求--情感需求。
图标设计的视觉效果,很大程度上取决于设计师的天赋、美感和艺术修养,有些设计师做了很多年的设计,作品一堆,拿出来一看,粗糙,刺眼,土气。
这一条我不想说的太多,因为这是几乎是每个设计都努力的目标,我提供一套迅速提高技能方法,最原始,但也最管用:那就是多看,多模仿,多创作。当然还少了一个前提,那就是设计师的天赋。勤奋 天赋=成功
这一条对图标设计师提出了更高的要求,这是一个挑战,但我认为,图标设计的原创性并不是必要的,因为目前常用的图标风格种类已经很多,易用性较高的风格也就那么多种,过度追求图标的原创性和艺术效果,会导致图标设计另辟蹊径,这样做往往会降低图标的易用性降低,也就是说所谓的好看不实用。当然,这里也要看你的产品的侧重点,如果考虑更多的是情感化的设计,完美的艺术效果,这样做也无可厚非。
图标的尺寸常有以下几种:
16×16 24×24 32×32 48×48 64×64 128×128 256×256
图标过大占用界面空间过多,过小又会降低精细度,具体该使用多大尺寸的图标,常常根据界面的需求而定。
图标的常用格式有以下几种:png,gif,ico,bmp。