界面的厚度和質(zhì)感的一致:
界面的厚度是影響界面視覺效果一致性的另外一個重要前提點(diǎn)。因?yàn)樵斐山缑娴暮穸然臼且驗(yàn)橘|(zhì)感表現(xiàn)的原因造成的,所以兩者放在一起來闡述說明。
界面的厚度是造成界面效果給用戶視覺沉重感的一個原因,當(dāng)然也能經(jīng)常聽到顏色明度的高度也能造成頁面的沉重感的觀點(diǎn)。雖然事物的明度聯(lián)系自然界的真實(shí)物體,以及人的心理感受,應(yīng)該有一定的道理,但是明度低的顏色也卻可以通過質(zhì)感的表現(xiàn)來化解沉重感。所以對應(yīng)自然界的物體,厚對比薄,界面的厚度來的影響會更加直接。所以他們是直接影響視覺效果一致性的一個前提。
(圖四 界面頭部側(cè)面弧度體現(xiàn)的界面厚度)
而界面的厚度很多情況下是通過質(zhì)感來完成表現(xiàn)。如弧度的表現(xiàn),真實(shí)物體的模仿、光影強(qiáng)弱的再現(xiàn)等等。質(zhì)感很大成都上直接決定視覺風(fēng)格的走向,他在一致性的前提點(diǎn)里重要度極高。但同樣在包含在主體框架的指引下,比如:水晶質(zhì)感、平板質(zhì)感、木紋質(zhì)感在同一產(chǎn)品的不同版本框架下,設(shè)計延續(xù)的一致性顯然是不甚理想的。但如果這些質(zhì)感效果在同一產(chǎn)品的個性皮膚框架下,他們都可被看作是一致的。
(圖五 界面質(zhì)感相對平板的一致性體現(xiàn))
組件細(xì)節(jié)的表現(xiàn):
關(guān)于組件統(tǒng)一表現(xiàn)的觀點(diǎn),很多人已經(jīng)非常認(rèn)同了,事實(shí)上大家也是這樣在做的,比如QQ2009后制定的視覺規(guī)范,已經(jīng)直接影響了一些產(chǎn)品的組件設(shè)計。對各個組件在視覺上的表現(xiàn)做了必要規(guī)范。但是在組件以外,或者其他視覺元素的細(xì)節(jié)表現(xiàn)上可以套用同樣的設(shè)計手段,在相同屬性的界面下選用同一種方式去表現(xiàn),從而達(dá)到影響整體的界面視覺效果的一致性。這一類的表現(xiàn)有很多,隨意從展示界面的可視部分舉幾個例子:
(圖六 進(jìn)度條的幾種表現(xiàn)方式:單色,雙色,多彩等等)
(圖七 列表的幾種表現(xiàn)方式:整體單色,雙色間隔,單色間隔)
(圖八 Tab的表現(xiàn))
在界面表現(xiàn)中,如此到達(dá)界面效果一致性的前提點(diǎn)還有很多,這里的舉例只是開一個頭表達(dá)觀點(diǎn),舉例的效果也僅僅是從自身的界面中提取出來的其中一種特定表現(xiàn)。一致性的視覺表現(xiàn)也并不是將我們最終所能獲取到位的前提點(diǎn)全部滿足,而是根據(jù)界面系列的不同屬性,對所有一致性的前提點(diǎn)根據(jù)屬性來抽取組合,達(dá)成主題下的界面視覺效果一致性,這才是重點(diǎn)。
在很多人看來,設(shè)計是感性的,但是設(shè)計更多的存在于理性之中。諸如此文的一致性概念,偏重的是將界面視覺元素的分析和歸納,以及轉(zhuǎn)變看待界面視覺一致性的觀念和態(tài)度。不斷嘗試和總結(jié)歷程的變化,轉(zhuǎn)變?yōu)槊鎸υO(shè)計的潛意識,不論我們在參考、設(shè)計、評審,都采用近似的標(biāo)準(zhǔn)。而不是每個人自我意識的評價,設(shè)計會變得思路順暢和立意鮮明。
原文:http://cdc.tencent.com/?p=2085
本文鏈接:http://www.95time.cn/design/doc/2010/7316.asp
出處:Tencent CDC Blog
責(zé)任編輯:bluehearts
上一頁 泛泛而談界面視覺效果的一致性 [2] 下一頁
|