icon设计,UI设计也有接触web端的产品设计,主要倾向快速使用型,比如会员线的注册流程,查找list,这种类型的页面要求简练、信息明晰、不需要过多的图形化设计,让用户快速坚定的走完这个过程是最主要的,跟终端的gui设计有点区别,终端的界面设计更多关注图形自身的细节,其实做任何用户界面设计实质都是为用户而设计,产品整体的风格符合用户的心思,产品的信息结构导向符合用户的习惯。
这儿总结几个做icon设计的关键要素吧,也是对自己的总结。
形的把握
Icon最重要,最难的是形的把握,所以建议多画草图,在画草图的同时要考虑形的体现方式,在08——09年,icon的设计趋势3维,从iphone面市后终端的icon都跟iphone差不多,以二维方式展示。不管三维、二维、像素,形要简练易懂,一望而知,icon的元素都会取自生活中的某个物体,想要简略易懂,要捉住物体最主要的特征来展示,假设在高分辨率屏幕下能够具象一些,可展示更多的细节,也可用两个元素来组合。
一套icon需要有个共同的外形,下面的图标都是在一个方形的容器里边去做的,icon的四面要顶到容器。假设你的容器定位是三角,正三角,梯形都是如此,一般我会做2-4px的浮动空间.
外框是操控整个icon的容器,内框线操控左右浮动的像素,最好浮动不要过大,不然没有意义,我一般会操控在2-4像素。
组合
图标的组合元素不易过多,最好是1-2个组合,元素过多导致辨认混乱,即使两个元素的组合也要有主次,大小区别或许色彩轻重区别。
假设一套图标里边有一起的元素,那么就没必要从头设计,只需元素之间组合就可。
也有一个特例假设一个元素在同一界面上使用很多,会导致的辨认性不高,建议元素能够做一下小的调整。
这套图标“文本”元素使用的比较多,所以最好有使用到文本的元素做一些小调整
色彩
1.一个icon的色彩最好操控在三个色彩以内,最好操控在0——2之间(黑白灰不算在内),假设超出三个icon会很花不稳,这一点跟界面设计原理相同。
2.整套icon的色彩灰度保持共同,基调共同,这儿的共同不是说完全共同,有左右浮动的空间,设计师会凭着感觉取色。
3.操控好Icon与布景明暗间隔,icon的明暗反差。
透视角度和光源角度
一套icon的透视角度和光源角度要共同,不然会很凌乱,说一下光源角度,假设从45度角照耀,要考虑icon的高光、反光、暗影(这儿的暗影不是指整个icon的暗影,3D icon会发生暗影2D icon元素之间会发生暗影)
质感
金属质感、水晶玻璃、纸质、亚光质感等等,这是大的分类,比如水晶质感还有好几种体现剔透的、只体现高光的。
icon设计,质感的体现,一套图标在草稿纸上画好,再用其中最好体现的一个图标做质感的测验,一般脑子里有几种质感的体现方式,只需做完一个icon,其它icon的做法都相同。