當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

如何保持商品類(lèi)網(wǎng)站視覺(jué)設(shè)計(jì)的一致性

 2009-04-25 10:14  來(lái)源:   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

在設(shè)計(jì)中保持一致性(uniformity)是網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)重要的組成部分,它能使你的設(shè)計(jì)有效地傳達(dá)信息而不會(huì)導(dǎo)致用戶(hù)迷惑或焦慮。保證一致性的一個(gè)有效方法是撰寫(xiě)正式的“設(shè)計(jì)風(fēng)格標(biāo)準(zhǔn)”文檔,也就是俗稱(chēng)的視覺(jué)規(guī)范。這一文檔規(guī)定了一個(gè)產(chǎn)品或系列產(chǎn)品的圖形用戶(hù)界面設(shè)計(jì)中都必須遵守的設(shè)計(jì)準(zhǔn)則。遵守這些準(zhǔn)則將視覺(jué)元素保持大小一致的尺寸,有助于你的需要的時(shí)候更容易地將這些元素組合成一個(gè)新的設(shè)計(jì)。

由于網(wǎng)站有時(shí)候是被臨時(shí)或各自獨(dú)立建立起來(lái)的,它們的視覺(jué)設(shè)計(jì)的一致性已經(jīng)被折騰得千瘡百孔了,一般有以下兩個(gè)問(wèn)題:

(1)內(nèi)部一致性的問(wèn)題。也就是說(shuō),在網(wǎng)站的兩個(gè)不同的地方反映了不同的設(shè)計(jì)方法。

(2)外部一致性的問(wèn)題。這是說(shuō),在同一個(gè)公司的不同產(chǎn)品中反映出不同的設(shè)計(jì)方法。

在這里我們主要探討這個(gè)主題的一個(gè)方面,即購(gòu)物類(lèi)網(wǎng)站中同一個(gè)產(chǎn)品或主題頁(yè)面的內(nèi)部一致性的問(wèn)題。解決“內(nèi)部一致性”的問(wèn)題是建立在對(duì)網(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è)頁(yè)面仍舊可能凌亂無(wú)比,我們可以先看看這個(gè)例子:

wow.alipay.com/overseas

這是哇!支付寶海外購(gòu)頻道最新上線(xiàn)的首頁(yè),導(dǎo)航、按鈕及其他設(shè)計(jì)元素都已經(jīng)過(guò)統(tǒng)一規(guī)范,我的任務(wù)是再將它休整的整齊一些。

鑒于韓國(guó)購(gòu)物網(wǎng)站及設(shè)計(jì)業(yè)一發(fā)不可收拾的發(fā)展史,我搜尋了各大韓國(guó)購(gòu)物網(wǎng)站,我們來(lái)看看他們是怎么做到的:

整齊劃一的廣告位

Mall.epost.go.kr

Kosney.co.kr

storyshop.kr

同一主題的視覺(jué)統(tǒng)一

Mall.epost.go.kr

storyshop.kr

制作精良的商品圖片

dcx

于是我將海外購(gòu)這一頁(yè)面的所有圖片廣告全部替換,從一開(kāi)始找類(lèi)似尺寸的廣告到最后自己做,便產(chǎn)生了這一結(jié)果:

文章來(lái)源:www.cn8f.com

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦