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