兄弟們，今天來(lái)聊聊我最近搗鼓的一個(gè)事兒——給一個(gè)做電商的朋友公司網(wǎng)站重新弄下VI設(shè)計(jì)。這事兒從頭到尾，還真讓我學(xué)到不少東西，今天就跟大伙兒分享分享。

摸底和溝通

我這朋友找到我，說他那網(wǎng)站看著有點(diǎn)“土”，想讓我給參謀參謀。我一聽，這不就是讓我給“整容”嘛于是我先打開他那個(gè)網(wǎng)站，上上下下、仔仔細(xì)細(xì)地看一遍，心里大概有個(gè)數(shù)。然后，我就跟他坐下來(lái)，好好聊聊。主要問他幾個(gè)問題：

• 你這公司主要是賣啥的？
• 你覺得你這公司跟別人比，有啥不一樣的地方？
• 你希望別人看到你這網(wǎng)站，有啥感覺？

通過這些對(duì)話，我摸清他公司的定位、產(chǎn)品特點(diǎn)，還有他想要傳達(dá)的品牌形象。這一步非常關(guān)鍵，因?yàn)檫@決定后續(xù)設(shè)計(jì)的方向。

扒拉競(jìng)爭(zhēng)對(duì)手

知己知彼，百戰(zhàn)不殆嘛我花些時(shí)間，去研究他那些競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。看看人家是怎么做的，哪些地方做得哪些地方還有提升空間。這一步，主要是為找到一些靈感，同時(shí)也避免“撞衫”。

動(dòng)手設(shè)計(jì)

有前面的基礎(chǔ)，我就開始動(dòng)手設(shè)計(jì)。我確定幾個(gè)核心的視覺元素：

• 顏色：我選兩個(gè)主色調(diào)，一個(gè)代表科技感，一個(gè)代表活力。
• 字體：我挑一款比較現(xiàn)代、簡(jiǎn)潔的字體，看著舒服，也容易認(rèn)。
• Logo：這個(gè)我改下他原來(lái)的logo，讓它更符合現(xiàn)在的整體風(fēng)格。

然后，我把這些元素融入到網(wǎng)站的各個(gè)部分，比如導(dǎo)航欄、按鈕、圖片等等。在這個(gè)過程中，我不斷地調(diào)整、修改，力求讓整個(gè)網(wǎng)站看起來(lái)協(xié)調(diào)、統(tǒng)一。

反復(fù)確認(rèn)和修改

設(shè)計(jì)這東西，不是一次就能搞定的。我把初步的設(shè)計(jì)稿給朋友看，他提出一些修改意見。然后，我根據(jù)他的反饋，又進(jìn)行調(diào)整。這樣來(lái)來(lái)回回好幾次，最終才敲定最終的設(shè)計(jì)方案。

落地實(shí)現(xiàn)

設(shè)計(jì)稿定，接下來(lái)就是讓它變成真正的網(wǎng)站頁(yè)面。我這邊是把設(shè)計(jì)稿給到他們公司技術(shù)，他們負(fù)責(zé)把設(shè)計(jì)稿上的東西，一比一地還原到網(wǎng)站上。因?yàn)榍捌诘脑O(shè)計(jì)稿做的很細(xì)致，所以這一步進(jìn)行得還算順利。

效果和總結(jié)

新網(wǎng)站上線后，朋友反饋說效果不錯(cuò)，看著比以前“洋氣”多，客戶的反饋也挺我自己也覺得挺滿意的，畢竟是親手“打扮”出來(lái)的嘛而且更重要的是讓員工對(duì)公司的認(rèn)同感增加不少！

這回的實(shí)踐，讓明白一件事：VI設(shè)計(jì)不僅僅是“好看”，更重要的是要體現(xiàn)公司的個(gè)性和特點(diǎn)，要讓別人一眼就能記住你。