話說，最近我接個(gè)活兒，給一個(gè)老客戶重新設(shè)計(jì)他們的網(wǎng)站。客戶的要求很簡單：大氣、經(jīng)典、耐看。接到任務(wù)后，我可不敢怠慢，畢竟是老客戶，得拿出真本事來。

第一步：摸清需求，找準(zhǔn)方向

我先跟客戶好好聊聊，問清楚他們到底想要啥樣的“經(jīng)典”。畢竟“經(jīng)典”這詞兒太寬泛，每個(gè)人的理解都不一樣。聊完之后，我心里大概有數(shù)，客戶想要的，是那種簡潔、大氣、注重內(nèi)容展示，又有點(diǎn)復(fù)古味道的網(wǎng)站。

第二步：扒拉素材，尋找靈感

有方向，我就開始四處扒拉素材。我翻遍各種設(shè)計(jì)網(wǎng)站，看不少經(jīng)典案例，還特意去研究一些老牌企業(yè)的官網(wǎng)。這一通操作下來，我發(fā)現(xiàn)，經(jīng)典的網(wǎng)站設(shè)計(jì)，都有幾個(gè)共同點(diǎn)：

• 顏色不能太花哨：一般都是用一些比較穩(wěn)重的顏色，比如白色、灰色、深藍(lán)色之類的，最多再加點(diǎn)金色或者銀色點(diǎn)綴一下。
• 布局要規(guī)整：不會(huì)搞那些花里胡哨的布局，都是方方正正的，看著就舒服。
• 內(nèi)容是王道：經(jīng)典的網(wǎng)站，一般都很注重內(nèi)容的展示，會(huì)把重要的信息放在最顯眼的位置，讓人一眼就能看到。
• 導(dǎo)航要清晰：導(dǎo)航欄一般都放在頂部或者左側(cè)，而且分類很明確，讓人很容易找到自己想要的東西。

第三步：動(dòng)手設(shè)計(jì)，反復(fù)修改

有靈感，我就開始動(dòng)手設(shè)計(jì)。我先用紙筆畫個(gè)草圖，把網(wǎng)站的大概框架定下來。然后，我打開電腦，用設(shè)計(jì)軟件把草圖變成高保真的設(shè)計(jì)稿。這一步是最費(fèi)時(shí)間的，因?yàn)橐粩嗟卣{(diào)整細(xì)節(jié)，比如顏色搭配、字體大小、圖片位置等等。我反復(fù)修改好幾遍，才最終確定設(shè)計(jì)稿。

在設(shè)計(jì)過程中，我特別注意以下幾點(diǎn)：

• 突出行為召喚：我在網(wǎng)站的顯眼位置，放上“聯(lián)系我們”、“解更多”之類的按鈕，引導(dǎo)用戶進(jìn)行下一步操作。
• 頁面做簡化設(shè)計(jì)：我把每個(gè)頁面的內(nèi)容都控制在合理的范圍內(nèi)，避免信息過載，讓用戶看著不累。
• 統(tǒng)一配色：我選一種主色調(diào)，然后在整個(gè)網(wǎng)站中都使用這種色調(diào)，保持風(fēng)格的統(tǒng)一。
• 導(dǎo)航設(shè)計(jì)也使用標(biāo)準(zhǔn)樣式：導(dǎo)航清晰明，用戶想找的東西都能快速點(diǎn)開。

第四步：給客戶看稿，搞定收工

設(shè)計(jì)稿完成后，我趕緊拿給客戶看?？蛻艨春蠓浅M意，只提幾個(gè)小小的修改意見。我按照客戶的要求，又做些調(diào)整，最終的設(shè)計(jì)稿就出爐。這回的網(wǎng)站設(shè)計(jì)，雖然過程有點(diǎn)曲折，但結(jié)果還是挺讓人滿意的。我也從這回實(shí)踐中，對“經(jīng)典的網(wǎng)站設(shè)計(jì)”有更深的理解。

經(jīng)典的網(wǎng)站設(shè)計(jì)，就是一種化繁為簡的藝術(shù)。它不需要太多花哨的東西，只要把最基本的東西做就能做出一個(gè)大氣、耐看、好用的網(wǎng)站。這回的經(jīng)歷也讓我明白，做設(shè)計(jì)，不能光顧著炫技，更重要的是要理解客戶的需求，做出真正符合他們要求的東西。