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

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

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

2、一定要多看

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

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

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

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

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

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

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

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