主题:【原创】可持续的软件时尚设计 【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模型的各个侧面。启动一个功能的时候,不仅各个放映管的内容相应变化,而且有些放映管伸出,其它的缩进,以引导用户的注意力。
以上四款设计,注重选用元素,来营造风格,而没有强调选用套路,去突出控件之间的互动。或许有人认为,对于音乐播放器来说,控件互动的意义不大。但是也有人认为,正如电视出现以前,人类生活了几千年,似乎电视并不是生活的必需。但是电视出现以后,家家户户都离不开它。控件肯定需要互动,只是目前人们还没有足够的体验,所以没有意识到互动的重要。
- 相关回复 上下关系8
🙂太守给了这么大一顶帽子啊 美人他爹 字474 2009-10-27 12:54:06
🙂套路与流俗 2 邓侃 字294 2009-10-26 17:46:58
🙂我来解构下各个元素吧 黑传说 字200 2009-10-26 12:52:00
🙂【原创】可持续的软件时尚设计【4】UI设计
🙂【原创】可持续的软件时尚设计 【3】套路 13 邓侃 字2228 2009-10-25 03:08:43
🙂冲老邓把《Lost Symbol》和软件设计结合,也要花 1 高子山 字0 2009-10-25 04:38:20
🙂坐等软件时尚设计论, 2 土豆丝 字329 2009-10-23 16:58:25
😄那十年前计算机科学热的是什么? 小小小鱼 字0 2009-10-28 06:37:33