主题：【原创】可持续的软件时尚设计 【1】 -- 邓侃

【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模型的各个侧面。启动一个功能的时候，不仅各个放映管的内容相应变化，而且有些放映管伸出，其它的缩进，以引导用户的注意力。

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

【3】套路

2003年，美国作家Dan Brown发表小说，“达芬奇的密码”，一夜成名。连带着，三年前他写的小说“天使与魔鬼”，也重见天日，炙手可热。2009年，他再出新书，“失落的符号”，持续高热。Dan Brown写小说有什么秘诀？读完这三篇小说，不难发现他的套路。

“天使与魔鬼”故事发生在罗马，“达芬奇的密码”基本发生在巴黎，“失落的符号”在华盛顿。古迹，艺术鉴赏，历史掌故，宗教哲学辩论，高科技，秘密团体。把这些素材串联起来的，是阴谋，是凶杀，是悬念，是解密。俗人们被打打杀杀吸引，雅人们受知识和推理蛊惑，各得其所，于是Dan Brown左右逢源。

如何用希区柯克式的商业手法，把文化艺术哲学科学串联起来？举例说明如下。

“失落的符号”里有这么一段情节，主人翁得一宝物，宝物上的铭文，是破解秘密的提示。这段铭文由16个字母组成，分成4行，分别是“S O E U” “A T U N” “C S A S” “V U N J”。很显然，这16个字母排列错乱。但是如何才是正确的排序呢？

主人翁在宝物的盒子上找到另一段字，“1514 AD”。猛一看，这是年号，“公元1514年”。再仔细看，AD的写法很奇特，如Figure 4 所示。原来，这个AD不是公元的意思，而是版画家Albrecht Durer的独特的签名。“1514 AD”也不是“公元1514年”的意思，而是指Durer的一幅名画，如Figure 5 所示。

Figure 4. The signature of Albrecht Durer

Courtesy http://www.museumsyndicate.com/images/signatures/266.jpg

Figure 5. Melencolia I, 1514, by Albrecht Durer

Courtesy http://www.chgs.umn.edu/museum/responses/bak/images/melancholia/durer23.jpg

画中的小黑板上，分4行写着16个数字，“16 3 2 13” “5 10 11 8” “9 6 7 12” “4 15 14 1”。按照这16个数字，把铭文重新排列一下，就成了 “J E O V” “A S A N” “C T U S” “U N U S”。把这16个字母串联起来，适当分词，就成了“JEOVA SANCTUS UNUS”。这是一段拉丁文，意思是“唯一的真神”。

铭文破解了，但是主人翁依然不得要领，究竟秘密是什么呢？又经过一段折腾，才明白这段拉丁文，隐指牛顿当年用过的假名，当时牛顿在秘密研究炼金术。就这样，一个谜接着一个谜，Dan Brown牵着读者的鼻子，慢慢走向秘密的真相。

Dan Brown给我们的启示是，1. 大量收集素材，2. 利用迷中迷等等商业手段把这些素材串联起来。这是一个套路。延用这个套路，我们可以大量生产类似Dan Brown风格的小说。美国有“达芬奇密码”，中国有“鬼吹灯”，故事不同，套路相似。

邓大的思路很开阔，能把貌似无关领域的东西引入软件设计中来。不过您说到重构和复古，我想起今年实时系统研究领域的一些事情，因为大家又把7-8年研究的东西比如: EDF算法，Resource Reservation拿出来炒冷饭，竟然还有越炒越热的迹象，似乎研究也有轮回之说，每隔个10几年，把前人作的东西重新作一次，就有了新的成果，但是如果隔了2-3年，只能吃冷饭了。

【2】重构

把这些元素组合起来，是否就一定是维多利亚风格呢？当我们看到Figure 2这张照片时，多半不会认为这是维多利亚风格，而是现代婚纱。

Figure 2. Modern wedding dresses

Courtesy http://darrphotography.files.wordpress.com/2009/03/austin_scarlett_wedding_dresses_2.jpg

重构的意义，在于确认我们对于元素的解构是否深入，全面和准确。比较Figure 1和Figure 2，现代时装的设计，十分强调胸部的处理，而处理的手法，很大程度上依赖于颈部和肩部的反衬。解构，重构，再解构，再重构，我们对于时尚，风格和式样的精微之处的把握，就准确得多。

Figure 3. Farrari599 GTB Fiorano 中国限量版

Courtesy http://farm3.static.flickr.com/2668/4037381786_4a59004960_o.jpg

2009年9月，法拉利推出了一款具有中国风格的跑车，如Figure 3所示，设计者是卢昊。

什么是中国风格？卢昊式的诠释，着力点在于车身的烤漆。车身以温润的冰玉色为基调，饰以错落的瓷纹，体现宋代哥窑瓷器的风格。也就是说，在卢昊看来，宋瓷具有鲜明的中国风格，而构成宋瓷风格的元素在于，冰玉色，瓷纹，以及瓷釉的光影效果。

卢昊对于中国风格的诠释是否成功，很多人赞同，但也有人不认同。这说明重构的评价，只能依赖于民意的统计。