|
界面的厚度和質(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://m.95time.cn/design/doc/2010/7316.asp 
出處：Tencent CDC Blog
責(zé)任編輯：bluehearts
上一頁 泛泛而談界面視覺效果的一致性 [2] 下一頁
|
第 1 頁 
第 3 頁 泛泛而談界面視覺效果的一致性 [3]
