|
圖五：斑馬紋的延伸 – 單行顏色漸變形成的錯落分割
圖六：斑馬紋的延伸 – 僅僅使用留空來分割（有一種神交的感覺）
什么時候你該披上我：
斑馬紋的使用是當(dāng)在列表中，各行的內(nèi)容（每一行中又有多行內(nèi)容）甚至有多列數(shù)據(jù)在視覺上很難區(qū)分，起到一種規(guī)整的作用。從而使用戶在閱讀每一行的單個甚至多列內(nèi)容時形成聯(lián)系。
有時候在帶有標(biāo)題的內(nèi)容時同樣使用深淺顏色作為區(qū)分，形成斑馬紋的效果。比如picasa的內(nèi)容區(qū)設(shè)計。當(dāng)然這是一種特例，但細(xì)心留意，卻也在被流行開來。
圖七：picasa的斑馬紋特殊用法
斑馬得皮膚病了
為什么會去嘗試對斑馬紋做個了解，其實是最近會收到這樣的反饋：“斑馬紋搞得我文字看不清�。。�！”“啊，這里原來還有顏色啊”“太不舒服了”……我對我的行為深深的陷入了自責(zé)，因為設(shè)計的結(jié)果把大家給激動壞了（當(dāng)然我的出發(fā)點絕不是這樣的）。好吧，那怎么辦，調(diào)一調(diào)，調(diào)一調(diào)。我相信調(diào)節(jié)結(jié)果會有另一部分的人出來說“啊，好深啊，”“啊，好亂啊，看不清內(nèi)容啦�！睂τ诿恳晃挥脩舻囊庖姸际菓�(yīng)該尊重的，當(dāng)然通過一定的方式大家就不會對這個結(jié)果有太大的異議，也許是習(xí)慣，也許是淡忘，也許是出現(xiàn)更加激動的東西，也許還有其他什么我不知道的原因，但作為一名有良心的設(shè)計師，我決定對斑馬紋的設(shè)計做一個泛泛的了解。
斑馬你長的好奇怪啊。
我是個務(wù)實的人，問題的關(guān)鍵點在于斑馬紋的兩個顏色之間的色值差異。所以文章也僅僅是對這做一分析。
不同斑馬紋從內(nèi)容表達(dá)上都有他自身特定的含義。而從規(guī)整每一行的視覺角度出發(fā)，斑馬紋和線條的分割是一個不錯的選擇，如果兩者同時使用，未嘗不可，但兩個拳頭同時發(fā)力，總是看的費力，用的也比較復(fù)雜。除非線條被用的很輕，好比兩拳同時出擊，其中一個虛晃一槍，僅為迷惑用，也其當(dāng)好處。但在一行之中又有多列的情況，線條形式的缺點就會暴露無遺，顯的條條框框局促不安，尤其在某些界面全屏的時候，內(nèi)容卻被用戶舍不得用去幾行，中國人省吃儉用的一面可見一斑。因此從視覺的簡潔上看來斑馬紋的深淺搭配是一種首選。
出處：Tencent CDC Blog
責(zé)任編輯：bluehearts
上一頁 泛泛而談界面中的斑馬紋設(shè)計 [1] 下一頁 泛泛而談界面中的斑馬紋設(shè)計 [3]
|
第 1 頁 
第 2 頁 泛泛而談界面中的斑馬紋設(shè)計 [2]
