話說，咱公司那老網(wǎng)站，看著就跟老古董似的，土得掉渣。老板終于拍板，說要整個(gè)新網(wǎng)站，這活兒就落到我頭上。我這心里又激動(dòng)又忐忑，畢竟是頭一回干這事兒。

我跟沒頭蒼蠅似的，到處亂竄。先是瘋狂地在網(wǎng)上搜各種資料，看人家那些大公司的網(wǎng)站，一個(gè)個(gè)都做得那么漂亮，心里那個(gè)羨慕。看的越多，腦子越亂，感覺這網(wǎng)站設(shè)計(jì)，水可真深。

摸索階段

我開始琢磨，咱這網(wǎng)站到底要弄成啥樣？簡約點(diǎn)？還是花哨點(diǎn)？

• 簡約風(fēng)：看著挺大氣，但會(huì)不會(huì)太單調(diào)？
• 交互風(fēng)：能跟用戶互動(dòng)，感覺挺但咱這小公司，有必要弄那么復(fù)雜嗎？
• 特效風(fēng)：那效果，酷炫是真酷炫，但那得花多少錢，老板肯定不樂意。

想來想去，我決定還是先從簡約風(fēng)入手。畢竟咱這網(wǎng)站主要還是展示公司形象和產(chǎn)品，功能實(shí)用才是最重要的。

開始動(dòng)手

我先用紙筆畫個(gè)草圖，把網(wǎng)站的各個(gè)板塊大致規(guī)劃一下。首頁、產(chǎn)品中心、新聞動(dòng)態(tài)、關(guān)于我們、聯(lián)系我們……這些基本的肯定不能少。

就是選顏色。我可不想弄得花里胡哨的，選來選去，定個(gè)淺灰色做底色，再配上幾個(gè)深藍(lán)色的色塊，感覺還挺清爽的。

然后是內(nèi)容，我把公司的各種資料整理一遍，又找美工要些產(chǎn)品的圖片，開始往網(wǎng)站上填充內(nèi)容。這過程可真是磨人，一會(huì)兒覺得這兒排版不好看，一會(huì)兒又覺得那兒文字描述不準(zhǔn)確，改來改去，折騰好幾天。

設(shè)計(jì)細(xì)節(jié)

在設(shè)計(jì)過程中，我也慢慢get到一些小技巧：

• 全屏設(shè)計(jì)：有些頁面，我試著把背景圖片鋪滿整個(gè)屏幕，你別說，效果還真不錯(cuò)，一下子就大氣起來。
• 響應(yīng)式設(shè)計(jì)：現(xiàn)在大家都用手機(jī)上網(wǎng)，我這網(wǎng)站也得能在手機(jī)上正常顯示。我還特意學(xué)點(diǎn)響應(yīng)式設(shè)計(jì)的知識，保證在不同設(shè)備上都能看。
• 漸變色：有些地方，我用漸變色，讓頁面看起來不那么死板。

與用戶溝通

光顧著自己埋頭苦干可不行，我還得聽聽用戶的意見。我把網(wǎng)站的初稿發(fā)給幾個(gè)同事，讓他們提提意見。結(jié)果，還真發(fā)現(xiàn)不少問題。有的說導(dǎo)航欄不夠清晰，有的說圖片加載太慢，還有的說在手機(jī)上看，字體太小……

根據(jù)大家的反饋，我又對網(wǎng)站進(jìn)行一番修改。這個(gè)過程挺痛苦的，有時(shí)候真想撂挑子不干。但想到這是自己的第一個(gè)作品，還是咬咬牙堅(jiān)持下來。

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

經(jīng)過N輪修改，網(wǎng)站終于上線！雖然還有些小瑕疵，但我已經(jīng)很滿意。看著煥然一新的公司網(wǎng)站，心里那叫一個(gè)美！

這回做網(wǎng)站，可真是讓我學(xué)到不少東西。從一開始的一頭霧水，到后來的慢慢上手，再到的成功上線，這其中的酸甜苦辣，只有自己知道。不過也正是這回經(jīng)歷，讓我對網(wǎng)站設(shè)計(jì)有更深的理解，也讓我對自己的能力更有信心。