最近接個(gè)活兒，給一個(gè)做機(jī)械設(shè)備的企業(yè)設(shè)計(jì)網(wǎng)站的VI，就是視覺識別系統(tǒng)，說白就是讓網(wǎng)站看起來更“像”他們公司。這事兒之前沒咋干過，有點(diǎn)兒挑戰(zhàn)，不過也挺有意思，今天就跟大家嘮嘮我是咋一步步搞定這個(gè)事兒的。

摸底，搞清楚狀況

我先跟客戶那邊的人好好聊聊，問一大堆問題。他們是做啥的？主要賣給誰？想讓網(wǎng)站看起來是啥感覺？是高大上那種，還是親民接地氣那種？這些都得弄明白，要不然設(shè)計(jì)出來的東西肯定不著調(diào)。

他們還給我一堆他們公司以前的宣傳資料，畫冊、logo啥的，讓我好好看看。我把這些東西翻來覆去看好幾遍，琢磨他們想要啥樣的風(fēng)格。

找感覺，定方向

解客戶的需求，我就開始找感覺。我上網(wǎng)搜一大堆同類型企業(yè)的網(wǎng)站，看看人家都是咋設(shè)計(jì)的。還找好多設(shè)計(jì)網(wǎng)站，看看現(xiàn)在都流行啥樣的設(shè)計(jì)風(fēng)格。這一通看下來，心里大概有點(diǎn)兒數(shù)。

我開始琢磨這個(gè)網(wǎng)站的主色調(diào)、輔助色調(diào)、字體、圖標(biāo)這些東西。這玩意兒就跟搭積木似的，得一塊一塊拼起來，還得讓它們看起來協(xié)調(diào)、舒服。

主色調(diào)我選深藍(lán)色，因?yàn)樗麄児臼亲鰴C(jī)械設(shè)備的，深藍(lán)色給人一種穩(wěn)重、專業(yè)的感覺。輔助色調(diào)我選橙色，帶點(diǎn)兒活力，不至于讓整個(gè)網(wǎng)站看起來太死板。字體我選微軟雅黑，這字體比較常見，也比較穩(wěn)妥，不容易出錯(cuò)。

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

感覺找對，就開始動(dòng)手設(shè)計(jì)。我先畫幾個(gè)草圖，把網(wǎng)站的整體布局、配色方案啥的都畫出來。然后用軟件把草圖做成效果圖，這下看起來就更直觀。

效果圖做出來，我自己先看看，感覺還行。然后拿給客戶看，聽聽他們的意見。客戶提一些修改意見，我又回去改。這一來一回改好幾次，才最終定稿。

輸出文檔，交付成果

設(shè)計(jì)方案定稿，接下來就是輸出文檔。我把網(wǎng)站的VI設(shè)計(jì)規(guī)范整理成一個(gè)文檔，包括主色調(diào)、輔助色調(diào)、字體、圖標(biāo)等等，都寫得清清楚楚。這樣，以后他們公司的網(wǎng)站維護(hù)人員或者其他的開發(fā)人員，就知道該用啥顏色、啥字體，保證整個(gè)網(wǎng)站的風(fēng)格是統(tǒng)一的。

我把設(shè)計(jì)好的效果圖、VI設(shè)計(jì)規(guī)范文檔都交給客戶，這活兒就算干完?？粗蛻魸M意的樣子，我也挺有成就感的。

這回給企業(yè)設(shè)計(jì)網(wǎng)站VI，雖然過程有點(diǎn)兒曲折，但結(jié)果還是挺讓人滿意的。以后再遇到類似的項(xiàng)目，我就更有經(jīng)驗(yàn)，干起來也更順手。干我們這行，就得多實(shí)踐、多才能不斷進(jìn)步嘛