在設(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)部一致性”的問題是建立在對(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è)頁面仍舊可能凌亂無比，我們可以先看看這個(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é)果：

收集意見，有沒有覺得整齊一些？

原文：http://ued.alipay.com/?p=1002