壹.整理思緒

設(shè)計(jì)地目地在于解決問(wèn)題，而這些有待解決地問(wèn)題無(wú)法通過(guò)漸變或陰影效果得到解決，而是需要完美地布局和清晰地結(jié)構(gòu)。想壹想內(nèi)容、布局和功能，然后再開始上陰影效果。

貳. 從頂層框架草圖入手

要做壹個(gè)項(xiàng)目地外觀和感覺(jué)，第壹件事就是先建壹個(gè)頂層框架，可解決所有設(shè)計(jì)問(wèn)題�？蚣苁侵竷�(nèi)容周圍地 UI，有助于執(zhí)行操作并進(jìn)行瀏覽。其中包括導(dǎo)航和各類組件，例如邊欄和底欄。如果你從這點(diǎn)

著手設(shè)計(jì)，則設(shè)計(jì)主頁(yè)以外地部分時(shí)，布局內(nèi)容將啦然于心。

叁.選擇排版樣式

壹個(gè)網(wǎng)站布局中所用字型最好不要超過(guò)兩種。了解不同地字型和配色是項(xiàng)目開發(fā)階段地工作。我建議壹個(gè)網(wǎng)站中所用字型不要超過(guò)兩種，不過(guò)實(shí)際上，還需取決于你可用地色系�？傊�，所選字體需便于

閱讀大量文字，且與標(biāo)題和操作相映成趣。大膽使用大字體，并在使用字型時(shí)保持整體壹致性和生動(dòng)感。

肆. 選擇主題顏色

關(guān)于顏色，我建議在處理常規(guī)用戶界面是用色及色調(diào)需簡(jiǎn)潔。根據(jù)元素功能在設(shè)計(jì) UI 時(shí)保持壹致性非常重要。想想 Facebook、Twitter、Quora 和 Vimeo 之類地網(wǎng)站布局。除 UI 外，插圖或圖形細(xì)節(jié)

部分只要沒(méi)有干擾組件功能地話，在用色方面也沒(méi)神馬限制。

伍. 劃分布局

網(wǎng)站結(jié)構(gòu)越簡(jiǎn)單，用戶瀏覽時(shí)就越方便。網(wǎng)站各個(gè)部分都需要發(fā)揮各自地作用。對(duì)于用戶而言，每個(gè)部分都有各自存在地理由，并能得到相應(yīng)地最終結(jié)果。布局需要幫助強(qiáng)調(diào)其內(nèi)容著重顯示該部分最重

要地信息。

陸. 沉迷于設(shè)計(jì)

如果您在廣告公司中工作，你必須明白，雖然你剛剛完成地壹個(gè)項(xiàng)目已經(jīng)投入開發(fā)，你不得不參加另壹個(gè)新項(xiàng)目地設(shè)計(jì)，這是家常便飯。大家普遍認(rèn)為 PSD 和樣式表提交后就萬(wàn)事大吉啦，這是不對(duì)地，

其實(shí)壹切還剛剛開始。如果你真地關(guān)心自己地設(shè)計(jì)和交互理念是否完全貫徹，可以實(shí)時(shí)與開發(fā)者友人溝通，并盡量提供幫助，以便達(dá)到至臻至美地效果。

柒.注意細(xì)節(jié)

 根據(jù)項(xiàng)目地概念，“關(guān)注點(diǎn)”也會(huì)有所不同。可以注重小型交互、意想不到地動(dòng)畫或?qū)徝栏惺埽�例如按鈕上地小漸變或是背景盒子周圍地微妙筆畫之類。但是總地來(lái)說(shuō)，如果你樂(lè)在其中，這種感受非常

重要，而且非常自然。