今天老板突然把我叫到辦公室，說是要搞個公司官網(wǎng)，讓我來負(fù)責(zé)設(shè)計這塊。這可是個大活，我之前也沒正經(jīng)搞過網(wǎng)頁設(shè)計，心里有點慌，但還是硬著頭皮接下來。

第一步：摸清需求

回到工位，我先冷靜一下，想想這事兒得咋弄。第一步，肯定得搞清楚老板到底想要個啥樣的網(wǎng)站。于是我又屁顛屁顛跑去問老板，詳細(xì)問問他對網(wǎng)站的期望、想要展示的內(nèi)容、目標(biāo)用戶等等。老板說，主要就是想展示公司形象、產(chǎn)品服務(wù)，還有聯(lián)系方式啥的，風(fēng)格要大氣、簡潔、專業(yè)。

第二步：找靈感，看案例

有大概方向，我就開始在網(wǎng)上瞎逛，看看別人家的公司網(wǎng)站都是咋設(shè)計的。主要就是各種搜，各種看，還專門找些同行業(yè)的網(wǎng)站，看看人家是怎么展示產(chǎn)品、怎么排版的。這一步主要是找感覺，積累點靈感。

第三步：畫草圖，定結(jié)構(gòu)

看不少案例，心里大概有點數(shù)。我就拿張紙，開始畫草圖。這一步很關(guān)鍵，要把網(wǎng)站的整體結(jié)構(gòu)、每個頁面的大概布局都確定下來。比如，首頁要放哪些模塊，導(dǎo)航欄怎么設(shè)計，產(chǎn)品頁面怎么展示等等。我畫好幾版，反復(fù)修改，感覺差不多，才算完事。

• 首頁：大圖 Banner、公司簡介、核心產(chǎn)品展示、新聞動態(tài)、聯(lián)系方式
• 產(chǎn)品頁：產(chǎn)品分類、產(chǎn)品詳情、在線咨詢
• 關(guān)于我們：公司介紹、團隊介紹、發(fā)展歷程
• 新聞中心：公司新聞、行業(yè)動態(tài)
• 聯(lián)系我們：聯(lián)系方式、在線留言

第四步：選工具，開始設(shè)計

草圖畫好，就得開始正式設(shè)計。我選個比較順手的工具，就開始照著草圖，一比一還原。先是把整體框架搭起來，然后開始填充內(nèi)容、調(diào)整細(xì)節(jié)。這一步是最費時間的，顏色搭配、字體選擇、圖片處理，都得一點點摳。

第五步：反復(fù)修改，優(yōu)化細(xì)節(jié)

第一版設(shè)計稿出來后，我自己先看幾遍，感覺有些地方還是不太滿意，又來來回回改好幾遍。然后，我把設(shè)計稿拿給老板看，老板提些意見，我又根據(jù)他的意見進行修改。這個過程，也是反反復(fù)復(fù)，改好多次，才最終定稿。

最終成果

經(jīng)過一番折騰，公司網(wǎng)站的設(shè)計稿終于搞定！雖然過程有點累，但看到最終效果，還是挺有成就感的。就交給開發(fā)的小伙伴去實現(xiàn)。希望這個網(wǎng)站能給公司帶來更多客戶，哈哈！