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

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

 2009-04-25 10:14  來源:   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

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

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

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

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

在這里我們主要探討這個主題的一個方面,即購物類網(wǎng)站中同一個產(chǎn)品或主題頁面的內(nèi)部一致性的問題。解決“內(nèi)部一致性”的問題是建立在對網(wǎng)站框架的深刻理解上的。首先確定有可能在網(wǎng)站的各個界面、導(dǎo)航、信息設(shè)計等不同環(huán)境中可能反復(fù)出現(xiàn)的設(shè)計元素,然后試著獨(dú)立的設(shè)計這些元素,然后將整個設(shè)計方案應(yīng)用到整個網(wǎng)站中去,在需要的時候再進(jìn)行適當(dāng)?shù)恼{(diào)整。

但這僅僅是第一步,你會發(fā)現(xiàn)即使做到了這一點(diǎn),這個頁面仍舊可能凌亂無比,我們可以先看看這個例子:

wow.alipay.com/overseas

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

鑒于韓國購物網(wǎng)站及設(shè)計業(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è)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦