形的表象:
界面的形具體分為外形,內(nèi)形。外形側(cè)重界面的外在具體形狀。內(nèi)形對(duì)界面的內(nèi)容進(jìn)行并列和分割。
外形方面:每一個(gè)產(chǎn)品的主界面外形都是來源于軟件本身的特點(diǎn),這個(gè)不能作為一個(gè)界面視覺一致性的重點(diǎn)參考。這個(gè)比較好理解,比如即時(shí)通信界面,不可否論他肯定有被改變的一天,但至少在目前看來長條形的豎形界面是給用戶的第一直觀感受。至于長條形的寬度和比例,將會(huì)作為一個(gè)參考要素影響到界面視覺效果的一致性。所以當(dāng)相同屬性的界面在趨于同樣外形的同時(shí),考慮到產(chǎn)品特點(diǎn),也需要適當(dāng)?shù)念櫦盎ハ嘀g的外形感受。當(dāng)然還有一些細(xì)節(jié)的處理方式也會(huì)在必要的時(shí)候造成界面視覺效果的一致性,比如外形的圓角弧度、界面邊框的厚度就是必須需要注意的細(xì)節(jié)
內(nèi)形方面:內(nèi)形方面除了同屬性的界面他們因?yàn)楣δ艿慕贫a(chǎn)生的布局結(jié)構(gòu)外,他們的并列方式、分割方式應(yīng)該采取相應(yīng)的一致性前提,比如線條的劃分、兩種色彩的劃分、質(zhì)感的結(jié)構(gòu)劃分、用戶意想的劃分⋯⋯
(圖二 外形和內(nèi)形的在舉例界面合集中的一致性體現(xiàn))
色彩的表現(xiàn):
色彩運(yùn)用產(chǎn)生的感覺,豐富而多彩,是影響視覺一致性比較重要的前提點(diǎn)。
前提點(diǎn)可以分為顏色絕對(duì)的一致,如色相、純度、明度的絕對(duì)一致或差別細(xì)小。退一步有單純的色相的一致,或者明度相同,相似色組合的色彩一致。如果不同產(chǎn)品產(chǎn)品之間考慮到某種似親非親的關(guān)系,他們的顏色組合還有相似色、三色組、全色相換等組合產(chǎn)生的色彩感覺一致性。
在色彩具體的單個(gè)假面表現(xiàn)運(yùn)用上也有一些色彩的一致性前提,比如單色的漸變手法,雙色的漸變手法,雙色的運(yùn)用又有相似色,互補(bǔ)、分裂互補(bǔ)等調(diào)和方式。如此細(xì)節(jié)的考慮,可以使一致性在多個(gè)方面來影響目的,通過這些被經(jīng)常稱作色彩感覺的感性事物來達(dá)到視覺效果一致性的目的,而不僅僅是只認(rèn)定單一顏色相同才算是一致的狹義上的一致性,否則將直接造成設(shè)計(jì)想像的單一。
(圖三 相似色組合顏色方式在舉例界面合集中的一致性體現(xiàn))
(圖四 顏色明度及雙色的漸變方式在舉例界面合集中的一致性體現(xiàn))
出處:Tencent CDC Blog
責(zé)任編輯:bluehearts
上一頁 泛泛而談界面視覺效果的一致性 [1] 下一頁 泛泛而談界面視覺效果的一致性 [3]
|