海淘科技在網(wǎng)頁(yè)設(shè)計(jì)這潭水里也游了有些日子，今天跟大家聊聊網(wǎng)頁(yè)設(shè)計(jì)那些事兒(為你們寫一篇文章，海淘科技會(huì)多發(fā)原創(chuàng)觀點(diǎn)的哦，畢竟用也算走在時(shí)代最前沿的公司了)

1、一定要多問(wèn)!一定要多問(wèn)!一定要多問(wèn)!重要的事說(shuō)三遍，不要拿起ps就設(shè)計(jì),否則不僅你的psd會(huì)被撕碎，你也會(huì)被甲方虐成狗!

問(wèn)清客戶想要的風(fēng)格，問(wèn)客戶想要的效果，問(wèn)客戶喜歡的類型，了解客戶所在行業(yè)，客戶的年齡性格等等，這樣您才會(huì)對(duì)設(shè)計(jì)的走向有一個(gè)把握!

2、一定要多看

在顧客想要的風(fēng)格和達(dá)到的風(fēng)格里找，多看同行業(yè)的網(wǎng)站，找感覺(jué)，找到感覺(jué)之后再開始設(shè)計(jì)，海淘科技做了很多的行業(yè)類的網(wǎng)站建設(shè)案例，比如教育培訓(xùn)網(wǎng)站建設(shè)案例，點(diǎn)擊這直接查看。

3、尺寸一致，風(fēng)格一致，不要首頁(yè)的main尺寸是1010，內(nèi)頁(yè)的main部分是1080，風(fēng)格一旦定下來(lái)，整個(gè)網(wǎng)站風(fēng)格都定了

4、圖層隨時(shí)命名分組，否則你的前端哥哥會(huì)打死你的。原因：

• 使用PSD的群體：設(shè)計(jì)師本人、客戶、工程技術(shù)人員(程序員)、新人接手等。
• PSD圖層太多，當(dāng)時(shí)記得，時(shí)間一長(zhǎng)容易忘記。
• 項(xiàng)目設(shè)計(jì)過(guò)程難免有需求更改、修改建議，導(dǎo)致設(shè)計(jì)稿需要反復(fù)修改，雜亂的圖層結(jié)構(gòu)是不是讓你更添一愁呢?
• 作為一名網(wǎng)頁(yè)重構(gòu)工作者，會(huì)直接面對(duì)你的PSD文件，無(wú)序的圖層及命名令人抓狂

看一個(gè)案例，設(shè)計(jì)稿與HTML頁(yè)面的的名稱對(duì)應(yīng)位置圖。可以看下左邊代碼的幾個(gè)節(jié)點(diǎn)，用顏色做了區(qū)分，顏色對(duì)應(yīng)了右邊的模塊，最外面的紅色(wrapper)是這個(gè)頁(yè)面的外套，對(duì)應(yīng)PSD上就是整個(gè)頁(yè)面;接下來(lái)紫色(header)，對(duì)應(yīng)PSD上的頭部(LOGO+導(dǎo)航);同理：綠色、黃色?？梢园l(fā)現(xiàn)基本是從上到下的順序，當(dāng)然還有例外的情況，這里就不說(shuō)了。看個(gè)直觀感受就可以了。

5、最后說(shuō)說(shuō)如何學(xué)好設(shè)計(jì)吧

首先要多收集多模仿 發(fā)現(xiàn)別人比自己好在哪里，把別人的變成自己的，掌握別人的風(fēng)格，慢慢去挑對(duì)方的毛病。其次要多關(guān)注互聯(lián)網(wǎng)——最近流行的東西、人、話，緊跟時(shí)代，緊貼當(dāng)前社會(huì)生活。接觸的東西多了，腦洞就大了，設(shè)計(jì)的感覺(jué)也就有了，還有理論知識(shí)也必不可少，可以去網(wǎng)上下載些電子書來(lái)看，也可在海淘科技看哦!

《網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)分享》文章下載，點(diǎn)擊：網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)分享