最近接個(gè)活兒，給深圳一家公司做網(wǎng)站，可把我給折騰的！今天就來(lái)跟大家伙兒嘮嘮我這回做網(wǎng)站設(shè)計(jì)的全過(guò)程。

我跟這家公司的負(fù)責(zé)人碰個(gè)面，琢磨他們到底想要個(gè)啥樣的網(wǎng)站。他們是一家科技公司，想搞個(gè)高大上點(diǎn)兒的，能體現(xiàn)他們公司專業(yè)、創(chuàng)新的那種感覺(jué)。我，就一邊聽(tīng)他們講，一邊在本子上記，把他們的需求都給捋清楚。這叫這叫明確品牌定位！得知道人家想要咱才能對(duì)癥下藥不是？

需求弄明白，接下來(lái)就是我大展身手的時(shí)候。我先是在紙上畫(huà)幾個(gè)草圖，把網(wǎng)站的大概樣子、布局啥的都給勾勒出來(lái)。這一步很重要，就像蓋房子打地基一樣，地基打好，后面才能穩(wěn)當(dāng)。我這人喜歡簡(jiǎn)潔明的風(fēng)格，不喜歡花里胡哨的，所以整個(gè)設(shè)計(jì)都盡量往簡(jiǎn)單、直觀上靠。畢竟網(wǎng)站是給人看的，得讓人家一眼就能看明白，知道你是干啥的，對(duì)？

草圖畫(huà)完，我就開(kāi)始在電腦上折騰。我用平時(shí)最順手的幾個(gè)設(shè)計(jì)軟件，把草圖一點(diǎn)點(diǎn)變成具體的頁(yè)面。這期間，我可沒(méi)少費(fèi)心思。顏色怎么搭配才能顯得高級(jí)，字體用哪個(gè)看著舒服，圖片怎么擺放才能吸引人……這些都得細(xì)細(xì)琢磨。我還特意去網(wǎng)上查查，說(shuō)是現(xiàn)在流行啥“響應(yīng)式設(shè)計(jì)”，就是說(shuō)網(wǎng)站得在電腦、手機(jī)、平板上都能正常顯示。這可把我給難住，以前沒(méi)搞過(guò)這玩意兒！沒(méi)辦法，只能硬著頭皮學(xué)唄，好在網(wǎng)上教程一大堆，總算是給弄明白。

• 先確定整體風(fēng)格，科技感，高端大氣。
• 色彩搭配，以藍(lán)白色為主，點(diǎn)綴一些亮色。
• 布局設(shè)計(jì)，簡(jiǎn)潔明，突出重點(diǎn)信息。
• 字體選擇，要易于閱讀，不能花里胡哨。

設(shè)計(jì)稿弄出來(lái)后，我給那家公司負(fù)責(zé)人看看，他們提幾個(gè)小修改意見(jiàn)，我都一一給改。這中間來(lái)來(lái)回回溝通好幾次，畢竟人家是甲方，咱得讓人家滿意不是？

設(shè)計(jì)稿定下來(lái)，我就開(kāi)始把設(shè)計(jì)稿變成真正的網(wǎng)站。這部分主要是寫(xiě)代碼，我找個(gè)做前端的朋友幫我一起搞，倆人分工合作，效率提高不少。我主要負(fù)責(zé)把設(shè)計(jì)稿變成靜態(tài)頁(yè)面，他負(fù)責(zé)把這些靜態(tài)頁(yè)面變成能交互的動(dòng)態(tài)頁(yè)面。這期間也遇到不少問(wèn)題，比如這個(gè)功能怎么實(shí)現(xiàn)，那個(gè)效果怎么弄出來(lái)……好在我們倆都比較有經(jīng)驗(yàn)，遇到問(wèn)題就一起商量，一起查資料，總算是給解決。

最終實(shí)現(xiàn)

經(jīng)過(guò)一番折騰，網(wǎng)站終于上線！看著自己的勞動(dòng)成果，心里還是挺有成就感的。雖然過(guò)程有點(diǎn)累，但結(jié)果是好的，客戶也挺滿意，這就值！這回做網(wǎng)站設(shè)計(jì)的經(jīng)歷，也讓我學(xué)到不少東西，下次再遇到類似的項(xiàng)目，我就更有經(jīng)驗(yàn)！