1.網站設計整體頁面佈局，大概形式有這麼幾種會正對PC端和手機端設計不同佈局，便於使用者瀏覽：
a.列表式佈局（現在很多做成卡片式） b.大圖展示佈局 c.兩列網格佈局 d.兩列瀑布流 e.兩列拼圖佈局 f.三列網格佈局。
這些主要正對移動端響應式會比較多采用，按照傳統的PC端會增加一些上下佈局，半包圍佈局等一些做法。說的這些名詞你可以透過搜尋引擎查一下，在這裡因為打字原因放一張圖作為示例，見圖一。
2.網站配色。選色如果是企業站，那更多會根據企業形象色，比如LOGO的顏色，行業色（比如環保公司會選擇藍色，綠色），產品色，氛圍色（比如喜慶一般紅色）來選取主色調。然後確定輔助色，輔助色的搭配可以用同類色，臨近色（圖二）、中差色、對比色、互補色來完成，但是一定要注意用色面積，不一定主色就是佔的面積最多，它只是影響了整個畫面的色調而已，中間更多過度的是黑白灰。
3.動效互動設計。動效我們只的是FLASH，文字，圖片，或者是整個板塊的轉場和入場。會因為頁面場景不一樣做一些便於引起使用者注意的動效互動，提升使用者體驗感。互動解釋起來相對內容多點哈，就簡單說一下例子，比如你在設計按鈕的時候，你期望使用者點選“確定”，那麼在整個畫面按鈕你可能會透過亮色來提示使用者產生頁面互動。
4.細節調整。文字的字型字號，對齊方式，字間距，段落間距，方便使用者閱讀提取頁面有效資訊；圖片清晰度，大小範圍，圖片會不會影響整個畫面色調，會就調整色調；富媒體包括動畫，影片，動圖測試播放和頁面載入時間等。
所有這一切都是為了企業能夠有效傳達資訊，使使用者產生企業希望大使用者行為。圍繞內容，場景，使用者做的設計。
那怎麼去學呢，好的設計師一定要有好的審美，要有好的審美那就需要看大量的美的設計，不限於網站設計本身，如果可以逛逛站酷，花瓣，優設等網站。另外要多練習，開始可能很難，對於新手來講配色會難一點，那你可以嘗試去在原型稿上搭配不同的顏色，多了就有感覺。高手跟新手的差異在於細節的把控，所以慢慢你會進入細節方面，這個就要看很多相關理論，還有作品了。
1.網站設計整體頁面佈局，大概形式有這麼幾種會正對PC端和手機端設計不同佈局，便於使用者瀏覽：
a.列表式佈局（現在很多做成卡片式） b.大圖展示佈局 c.兩列網格佈局 d.兩列瀑布流 e.兩列拼圖佈局 f.三列網格佈局。
這些主要正對移動端響應式會比較多采用，按照傳統的PC端會增加一些上下佈局，半包圍佈局等一些做法。說的這些名詞你可以透過搜尋引擎查一下，在這裡因為打字原因放一張圖作為示例，見圖一。
2.網站配色。選色如果是企業站，那更多會根據企業形象色，比如LOGO的顏色，行業色（比如環保公司會選擇藍色，綠色），產品色，氛圍色（比如喜慶一般紅色）來選取主色調。然後確定輔助色，輔助色的搭配可以用同類色，臨近色（圖二）、中差色、對比色、互補色來完成，但是一定要注意用色面積，不一定主色就是佔的面積最多，它只是影響了整個畫面的色調而已，中間更多過度的是黑白灰。
3.動效互動設計。動效我們只的是FLASH，文字，圖片，或者是整個板塊的轉場和入場。會因為頁面場景不一樣做一些便於引起使用者注意的動效互動，提升使用者體驗感。互動解釋起來相對內容多點哈，就簡單說一下例子，比如你在設計按鈕的時候，你期望使用者點選“確定”，那麼在整個畫面按鈕你可能會透過亮色來提示使用者產生頁面互動。
4.細節調整。文字的字型字號，對齊方式，字間距，段落間距，方便使用者閱讀提取頁面有效資訊；圖片清晰度，大小範圍，圖片會不會影響整個畫面色調，會就調整色調；富媒體包括動畫，影片，動圖測試播放和頁面載入時間等。
所有這一切都是為了企業能夠有效傳達資訊，使使用者產生企業希望大使用者行為。圍繞內容，場景，使用者做的設計。
那怎麼去學呢，好的設計師一定要有好的審美，要有好的審美那就需要看大量的美的設計，不限於網站設計本身，如果可以逛逛站酷，花瓣，優設等網站。另外要多練習，開始可能很難，對於新手來講配色會難一點，那你可以嘗試去在原型稿上搭配不同的顏色，多了就有感覺。高手跟新手的差異在於細節的把控，所以慢慢你會進入細節方面，這個就要看很多相關理論，還有作品了。