在設計中保持一致性(uniformity)是網(wǎng)頁設計中一個重要的組成部分,它能使你的設計有效地傳達信息而不會導致用戶迷惑或焦慮。保證一致性的一個有效方法是撰寫正式的“設計風格標準”文檔,也就是俗稱的視覺規(guī)范。這一文檔規(guī)定了一個產(chǎn)品或系列產(chǎn)品的圖形用戶界面設計中都必須遵守的設計準則。遵守這些準則將視覺元素保持大小一致的尺寸,有助于你的需要的時候更容易地將這些元素組合成一個新的設計。
由于網(wǎng)站有時候是被臨時或各自獨立建立起來的,它們的視覺設計的一致性已經(jīng)被折騰得千瘡百孔了,一般有以下兩個問題:
(1)內(nèi)部一致性的問題。也就是說,在網(wǎng)站的兩個不同的地方反映了不同的設計方法。
(2)外部一致性的問題。這是說,在同一個公司的不同產(chǎn)品中反映出不同的設計方法。
在這里我們主要探討這個主題的一個方面,即購物類網(wǎng)站中同一個產(chǎn)品或主題頁面的內(nèi)部一致性的問題。解決“內(nèi)部一致性”的問題是建立在對網(wǎng)站框架的深刻理解上的。首先確定有可能在網(wǎng)站的各個界面、導航、信息設計等不同環(huán)境中可能反復出現(xiàn)的設計元素,然后試著獨立的設計這些元素,然后將整個設計方案應用到整個網(wǎng)站中去,在需要的時候再進行適當?shù)恼{(diào)整。
但這僅僅是第一步,你會發(fā)現(xiàn)即使做到了這一點,這個頁面仍舊可能凌亂無比,我們可以先看看這個例子:
wow.alipay.com/overseas
這是哇!支付寶海外購頻道最新上線的首頁,導航、按鈕及其他設計元素都已經(jīng)過統(tǒng)一規(guī)范,我的任務是再將它休整的整齊一些。
鑒于韓國購物網(wǎng)站及設計業(yè)一發(fā)不可收拾的發(fā)展史,我搜尋了各大韓國購物網(wǎng)站,我們來看看他們是怎么做到的:
整齊劃一的廣告位
Mall.epost.go.kr
Kosney.co.kr
storyshop.kr
同一主題的視覺統(tǒng)一
Mall.epost.go.kr
storyshop.kr
制作精良的商品圖片
dcx
于是我將海外購這一頁面的所有圖片廣告全部替換,從一開始找類似尺寸的廣告到最后自己做,便產(chǎn)生了這一結(jié)果:
文章來源:www.cn8f.com
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!