今天又搞一天的網(wǎng)頁(yè)設(shè)計(jì)，累死我。不過(guò)話說(shuō)回來(lái)，看著自己從零開始搗鼓出來(lái)的網(wǎng)頁(yè)，心里還是美滋滋的。今天就跟大家分享一下我設(shè)計(jì)網(wǎng)頁(yè)的整個(gè)過(guò)程。

第一步：明確目標(biāo)

我可不是直接上手就干的。我先是好好想想，這個(gè)網(wǎng)頁(yè)到底是用來(lái)干嘛的？是展示產(chǎn)品？還是分享信息？或者是要吸引用戶注冊(cè)？目標(biāo)不同，設(shè)計(jì)思路肯定也不一樣。我這回做的，是一個(gè)朋友公司的產(chǎn)品展示頁(yè)面，所以我的目標(biāo)就很明確：突出產(chǎn)品特點(diǎn)，吸引潛在客戶。

第二步：草圖構(gòu)思

目標(biāo)明確，接下來(lái)就是畫草圖。這一步很重要，就像蓋房子先要打地基一樣。我拿出一張紙，一支筆，就開始在紙上涂涂畫畫。把腦子里的想法都畫出來(lái)，什么地方放logo，什么地方放產(chǎn)品圖片，什么地方寫文字介紹，都大致規(guī)劃一下。別看這草圖畫得丑，但它能幫我理清思路，避免后面瞎折騰。

第三步：選擇合適的工具

草圖畫好，就該選工具?，F(xiàn)在做網(wǎng)頁(yè)的工具太多，五花八門的，看得人眼花繚亂。我這個(gè)人比較喜歡簡(jiǎn)單直接的，所以就選一個(gè)自己用著順手的。工具不重要，關(guān)鍵是能實(shí)現(xiàn)你的想法。

第四步：開始“砌磚”

工具選好，就可以開始正式“砌磚”。這一步是最花時(shí)間的，也是最考驗(yàn)?zāi)托牡?。我按照草圖的規(guī)劃，一點(diǎn)一點(diǎn)地把網(wǎng)頁(yè)的內(nèi)容填充進(jìn)去。先是把整體的框架搭然后往里面添加各種元素，比如圖片、文字、按鈕等等。這個(gè)過(guò)程就像搭積木一樣，挺有意思的。

• 處理圖片：圖片可是網(wǎng)頁(yè)的“門面”，一定要選好看的，而且要清晰。我把朋友提供的產(chǎn)品圖片都仔細(xì)處理一下，調(diào)整大小、亮度、對(duì)比度什么的，讓它們看起來(lái)更舒服。
• 排版文字：文字內(nèi)容也很重要，不能亂糟糟的。我把文字分段、加粗、調(diào)整字號(hào)，讓它們看起來(lái)更整齊、更容易閱讀。
• 添加動(dòng)畫：為讓頁(yè)面更生動(dòng)一些，我還加一些簡(jiǎn)單的動(dòng)畫效果。動(dòng)畫不能太多，不然會(huì)讓人覺(jué)得眼花繚亂。

第五步：測(cè)試和修改

網(wǎng)頁(yè)的初稿完成后，我可不敢直接就發(fā)布。我先自己在不同的瀏覽器上測(cè)試一下，看看有沒(méi)有什么問(wèn)題。果然，發(fā)現(xiàn)一些小毛病，比如圖片顯示不全、文字錯(cuò)位等等。然后，我就根據(jù)測(cè)試結(jié)果，一點(diǎn)一點(diǎn)地修改，直到滿意為止。

整個(gè)過(guò)程，大概花我一天時(shí)間，從早上10點(diǎn)開始到晚上10點(diǎn)，弄完腰酸背痛的！收費(fèi)嘛朋友給友情價(jià)，就收1000塊。要是按照市場(chǎng)價(jià)，這種頁(yè)面起碼得2000塊起步！不過(guò)看到做出來(lái)的成果，還是挺有成就感的。今天就分享到這兒，希望能給大家一點(diǎn)啟發(fā)。