【4】UI 设计

回到最初的问题，如何把时尚(Fashion)，风格(Style)，和式样(Form)，融入软件的设计？

软件的核心在于功能，软件的设计，在于如何巧妙地布置和勾连各个功能控件，使之营造不同的时尚，风格和式样。换句话说，软件的设计，不仅关注于各个功能控件的外观，而且也重视多个功能控件之间的互动，另外，还要强调多个页面之间的串联，形成完整的业务流程。

单个功能控件的设计，重点在于选用合适的风格元素。多个功能控件的互动，整个页面的布局，以及多个页面之间业务流程，重点在于选用不同的套路。如果说Dan Brown小说的套路，是悬念，是迷中迷，那么软件的布局和流程的套路，正好相反，强调直观，强调醒目。


Figure 6. Classic Winamp skin
Courtesy http://farm4.static.flickr.com/3492/4037024695_586c6b22fe_o.jpg

Winamp是一款音乐播放器。传统的设计，各个功能的布局，四平八稳，平铺直叙，如Figure 6 所示。

Figure 7. Catwoman styled Winamp skin
Courtesy http://farm3.static.flickr.com/2543/4037027313_90cffda896_o.jpg

叛逆型的设计，以Figure 7为例。外形不规则，像是猫女的眼睛。框架的质地仿皮草，像是猫女的衣裤。控件的质地像是金属，象征冷酷的力量。中间显示屏的质地像是玻璃，也像是猫女的眼珠。纹理仿皮具的针脚和滚边，模仿猫女的衣裤。


Figure 8. Oriental styled Winamp skin
Courtesy http://farm3.static.flickr.com/2574/4037031381_64bbb1ef32_o.jpg

东方情调的设计，以Figure 8为例。借用了中国漆器的质地，点缀着日本樱花。


Figure 9. 3D Winamp skin
Courtesy http://farm3.static.flickr.com/2538/4037779658_490a7521cb_o.jpg

3D 的设计，以Figure 9为例。事实上，Figure 9的设计并不是真正的3D，但是这个设计存在很大联想空间。假如软件设计成3D，通过移动鼠标可以改变视角，看到3D模型的各个侧面。启动一个功能的时 候，不仅各个放映管的内容相应变化，而且有些放映管伸出，其它的缩进，以引导用户的注意力。

以上四款设计，注重选用元素，来营造风格，而没有强调选用套路，去突出控件之间的互动。或许有人认为，对于音乐播放器来说，控件互动的意义不大。但是也有人认为，正如电视出现以前，人类生活了几千 年，似乎电视并不是生活的必需。但是电视出现以后，家家户户都离不开它。控件肯定需要互动，只是目前人们还没有足够的体验，所以没有意识到互动的重要。