網頁設計 入門知識，帶給那些即將畢業和設計愛好者們，多年設計經驗所總結。圍繞平面與
網頁設計 之間的不同差異和共同點講解一些平面與網頁不同知識點。
網頁設計 入門之前的知識，多年設計經驗所總結。圍繞平面與
網頁設計 之間的不同差異和共同點講解一些平面與網頁知識點、從字體、像素、版式、色彩、如何學習等角度講解。
大家對於
網頁設計 的認識有多少呢？知道網頁和平面的區別嗎？那麼學習網頁又要從哪些地方學起呢？需學習哪些軟體呢？如何快速成為一名
網頁設計 師......等等。有一部分的
網頁設計 新手會有疑惑，我就與大家聊一聊
網頁設計 和平面設計的區別。想入門
網頁設計 都需要掌握什麼軟體以及技巧。
螢幕顯示視覺傳達動態 傳統紙類視覺傳達設計
設計+技術的呈現方式 設計+工藝的呈現方式
兩個同樣是視覺傳達的設計但是之間的差異性在於
網頁和平面印刷使用色彩模式完全不同， 平面後期實現依賴於印刷，所以採用CMYK的色彩模式；而
網頁設計 根據螢幕顯像方式使用RGB格式 。有一些平面設計師用習慣了CMYK 模式，但當用CMYK去做banner或者是網頁的時候顏色色差很大。無論是CMYK模式還是RGB模式，同樣是為了設計而服務，只要根據設計的需求遵循色彩模式標準就可以了，這也算是在入門
網頁設計 的時候最基礎的知識。
在平面設計中會涉及到一些印刷品設計。比如展架、噴繪布、宣傳手冊、LOGO設計、DM單、折頁、臂貼、地貼、角旗、車貼、海報、等等，一般根據設計需求而設定像素，不同尺寸的平面設計設置不同的解析度。
例一：
設計一個噴繪布，10M長5M寬，那麼根據自己的電腦硬體來考慮設置解析度，一般會選擇 30像素、 45像素、 50像素，如果你電腦硬體條件很好則嘗試72像素也行，（但是那麼大的噴繪布好像很少有用這麼高的像素）
當然了設計設置解析度也不是很絕對的，還要根據情況而定，但是有一個要記住就是：畫面越大解析度的值就相對於越低,畫面越小解析度的值就要相對於越高。
隨著網際網路的發展、
網頁設計 、UI設計也熱門起來、首先是PC/移動端,其中包含了專題設計、欄目設計、門戶設計、電商設計、詳情頁設計、banner廣告設計、H5設計、APP設計,無論是其中的哪種設計設置72像素即可、這是因為最早的圖形設計是在mac電腦上進行的，mac本身的顯示器解析度就是72,PS中把圖像DPI也設成72，便於設計。之後72像素顯示器解析度逐漸成為一種默認的行業標準，這套規則就這麼沿用下來
平面設計中設計海報、展架、畫冊等都有統一的尺寸規則，
網頁設計 尺寸隨著不同時期的流行趨勢，尺寸也同樣在變化。可視區域內從早期的網頁680像素、800像素、960像素、 980像素、1000像素、1200像素在門戶網站、專題設計中應用。經過了網際網路的發展、
網頁設計 尺寸也有所不同、電商網站為了展示更好、更大的圖片產品內容、在設計的時候可視範圍設置成1200、1090、1230等甚至更大尺寸、追求設計扁平化、全屏設計、大背景圖設計也是個主流的方式、響應式網站也同樣熱門於
網頁設計 當中、通欄整潔設計、讓用戶有更好的用戶體驗、在各個終端演示觀看都是一個出彩的效果、還有滾動式、滾動視覺差形式、多種方式同樣展示出最終效果、設計形式根據時期趨勢追求大圖、大視頻、大背景設計手法、更讓瀏覽者有更好的視覺體驗。
從版式的布局上來說，平面設計和
網頁設計 有很多可以互用的表達手法。左右布局、上下布局、中心布局、對稱布局為最常規的設計版式、排版多樣化，最終呈現的效果根據自己的感覺來進行設計。但是很重要的一點，就是在
網頁設計 中一定要模塊化，就算是不規則的排版方式，也要做到有理有據。
無論是平面設計也好,
網頁設計 也罷，在字體應用上需要注意如下幾點：
1.文字適合性，根據標題主題選擇，字體樣式。
2. 可識別性、在文字設計應用設計同時要注重文字的識別性、一定要讓
瀏覽者在不失美觀的程度下有更好的閱讀主題。
3.文字的美觀程度、在運用字體的時候一定要字體具有一定的美觀度。
整體的效果也會有提升
4.文字個性化一般都運用在頭圖或一些大標題上、具有一些文字圖形上的變化、雖然變化但是一定要在保持識別性的情況下去做文字圖形的修改、文字不只是圖形裝飾，也是一種文字圖形的一種表達方式。
5.在網頁內容正文中一般文字選擇性都很小，在正文中，為了讓輸出的成品大小不對伺服器造成壓力，一般正文文字都不建議用圖片演示、基本是手打字、基於HTML的特性，字體都根據用戶作業系統默認字體而定。
平面設計一般會通過紙質進行宣傳，這樣宣傳範圍小、具有局限性且成本較高，相比而言網頁的訊息傳達能力非常強，網際網路的科技發展使得大家從網絡平台上獲取更多的信息，而網頁大家對於視覺上的享受也有所要求，之前大家對網頁是以視覺的而看重，而近幾年大家可能更加看重用戶體驗。從比較寫實、厚重的頁面到現在簡約、大氣、扁平化、更讓人利於操作、更帶來視覺享受。在用戶體驗的前提下還要注重用戶的交互功能的實現，
網頁設計 介面不僅能融入絢麗HTML5動態交互效果還能插入視頻，這是平面不能體現的。
從事設計專業的人，大多數都有過繪畫的基礎，比如：手繪、素描、水粉、速寫等，這些都可以幫助設計師提高色彩能力、審美能力、造型能力。把這些學習的運用在設計當中同時也學習理論的平面構成、色彩構成、立體構成，等一些技法，都是對設計有所幫助。
繪畫基礎-水粉、素描
繪畫基礎-速寫、色彩構成
那麼在這些能力具備的前提下就是軟體操作的技能，在
網頁設計 當中、軟體操作要精通的有：Photoshop 、Illustrator等、這兩個是必須要掌握的軟體，現在對用戶體驗的不同需求，在設計技術上也不同的升級，FLASH在
網頁設計 中已經不是很重要的地位。但在動效H5中FLASH軟體的升級版AN在動效效果上起到了很重要的角色。
除此之外，還有更多技術運用在
網頁設計 中，如：3D技術、AE技術、C4D技術、插畫技法等，更加滿足現在的視覺需求，讓網頁上的視覺更加具有衝擊力，更加的有交互性。
C4D技術
AE技術
插畫結合設計
軟體操作性都熟練之後，UI、
網頁設計 、H5設計等 多練習、多看、多臨摹。從臨摹過程中提取出一些經驗，如何用的排版、留白、版式、字體、顏色、字號、等。
UI
網頁設計 另外，如時間允許也可以學習一下Dreamweaver軟體，或者學習HTML
網頁設計 豐富一下知識儲備。
Dreamweaver軟體的功能、操作性。然後在學習HTML，了解一些基礎的標籤，比如<h1>-<h6>,<P>、<a>標籤等。至少知道這些標籤是起到什麼作用
接著了解一下前端
網頁設計 的DIv+CSS樣式表。比如：類選擇器、ID選擇器、相對定位、絕對定位。邊框、內邊、外邊等、給網頁增加一些版式樣式。除此之外如果有精力還可以學習一下javas cript。從而可以實現更好的網頁交互性
網頁設計 學習一定要有一個路徑、循序漸進、通過系統的學習，相信你一定能成為一個優秀的
網頁設計 師。
