用户体验与交互设计

——雅秋@UCD交互设计

Archive for the ‘视觉设计GUI’ Category

  图标很重要的作用就是向用户传达出正确的操作信息。很多图标采用好似照片记录的写实性也不失为一种好办法。详细地绘制人们熟悉的对象是有意义的,但是,绘制人们不熟悉的对象或抽象概念(例如网络)又有什么意义呢?有多少用户见过裸露的硬盘驱动器是什么样子?用户最终还是依靠附加的文字来理解。

  如果为表达某个通用概念,视觉上的细节一定减少。界面设计本身存在的环境就要求尽量减少文化和习惯的差异性,对图形也力求普遍性,也要减少不必要的细节。

  但是细节也不能太少,识别性绝对是第一必要条件,尽可能满足用户短时间理解记住图形的含义。

  在这个教程中,我会详细地介绍如何创造一个和iphone touch上相似的电池图标。电池“电量”的颜色可以改变,包括它的剩余能量。图标可以用在电池或能量计量应用程序上,或者仅作为一个图形设计。我制作使用的软件为Illustrator cs4。

  用ps做一个Adobe 盒子图标,使用自己做的泊坞图标,还可以学习笔刷,模糊,遮罩层和混合样式等技术。我用的是ps cs4.现在就开始吧~

  1、新建一个文件,设置如下: