RIA Shanghai | Adobe上海用户组

最近练习一下软件UI的设计。在此记下本次练习的心得。

（呵呵，有点言过其实了，其实就是一个界面而已。）

发现UI设计不是一件很容易的事情，特别是对于大部分没有美术功底的Programmer来说。

软件UI设计有点像一门交叉领域的学科。要涉及到编程，美工和一些心理学上的知识。要让软件的使用者，感觉到顺手、舒服。

看到一本书上，曾提到过类似的话。是说，“想让美工学会编程，还不如让编程人员学习美工。”这句话，也说明软件UI设计是一个需要多种技能的工作。

像Flex，以flash为奠基石的软件，更是强化了其在界面上的表现力。那么界面的重要性，不言而喻。

闲话少说，先把作业交上来。放上作者的玉照，以证明是本人出品。

使用软件：Adobe Fireworks CS3

学习，还是从模仿开始。色调和字体都模仿了APPLE.com 。字体使用了Myriad， 整体页面的色调偏灰。

本次练习了以下几个方面。顺便写下注意事项。

1. 圆角

软件的页面和按钮，都有圆角的应用。一般都使用在5以下的圆角。显得界面不算太死板，而又不至于太不规范。

2. 阴影

按钮和Panel一般都有加了阴影。常用的设置有，距离2，柔化2。这样做出的按钮和Panel都不会太平面化，有一些立体的感觉。使整体的界面都显得很“精神”。

3. 倒影

倒影是现在比较常用的一种装饰手法。也是增强了界面的立体感。是界面上的图标等部件，看起来不死板。倒影的实现，是依靠蒙版。蒙版的应用在Fireworks中很重要。要多加练习。

4. 过渡色

页面的背景和panel的背景都有使用过渡色。“Gloomy Weather”的字体也有使用过渡色，可能这里的截图，不太明显。过渡色的使用，可以让字体有一些高光的效果。

按钮使用过渡色，使得其有一些立体的效果。

把左右隔开的灰色竖线，也有使用简单的过渡色。使panel产生一种上下两层，不在一个水平面上的视觉效果。

5. 排版

文字的排版，模仿了一些英文杂志的做法。文章的第一个字母粗体大写。第一个段落的字号大于其他正文的字号。

使用主辅两个标题。字号上有些变化，也是调整页面灵活性的方法。

*软件UI界面和摄影有异曲同工之妙，都是光影、颜色和构图的配合。这次没有联系配色，感觉上配色比较复杂。下次练习。