網頁設計經驗——網頁設計師必備知識指南

網頁設計經驗——網頁設計師必備知識指南

網頁設計經驗——網頁設計師必備知識指南

網頁設計經驗——網頁設計師必備知識指南

網頁和平面印刷使用色彩模式完全不同, 平面後期的實現依賴於印刷,所以採用CMYK的色彩模式;而網頁設計根據屏幕顯像方式使用RGB格式 。有一些平面設計師用習慣了CMYK 模式,當用CMYK去做banner或者是網頁的時候顏色色差很大。

無論是CMYK模式還是RGB模式,同樣是為了設計而服務,只要根據設計的需求遵循色彩模式標準就可以了。這也算是在入門網頁設計的時候最基礎的知識。

網頁設計經驗——網頁設計師必備知識指南

在平面設計中會涉及到一些印刷品設計。比如展架、噴繪布、宣傳手冊、LOGO設計、DM單、摺頁、臂貼、地貼、角旗、車貼、海報、等等,一般根據設計需求而設定像素,不同尺寸的平面設計設置不同的分辨率。

例一:

設計一個噴繪布,10M長5M寬,那麼根據自己的電腦硬件來考慮設置分辨率,一般會選擇 30像素、 45像素、 50像素,如果你電腦硬件條件很好則嘗試72像素也行(但是那麼大的噴繪布好像很少有用這麼高的像素)。

例二:

網頁設計經驗——網頁設計師必備知識指南

當然了設計設置分辨率也不是很絕對的,還要根據情況而定。但是有一個要記住就是:畫面越大分辨率的值就相對於越低,畫面越小分辨率的值就要相對於越高。

網頁設計經驗——網頁設計師必備知識指南

網頁設計經驗——網頁設計師必備知識指南

平面設計中設計海報、展架、畫冊等都有統一的尺寸規則,網頁設計尺寸隨著不同時期的流行趨勢,尺寸也同樣在變化。可視區域內從早期的網頁680像素、800像素、960像素、 980像素、1000像素、1200像素在門戶網站、專題設計中應用。

經過了互聯網的發展、網頁設計尺寸也有所不同、電商網站為了展示更好、更大的圖片產品內容、在設計的時候可視範圍設置成1200、1090、1230等甚至更大尺寸。

追求設計扁平化、全屏設計、大背景圖設計也是個主流的方式、響應式網站也同樣熱門於網頁設計當中、通欄整潔設計、讓用戶有更好的用戶體驗、在各個終端演示觀看都是一個出彩的效果、還有滾動式、滾動視覺差形式、多種方式同樣展示出最終效果、設計形式根據時期趨勢追求大圖、大視頻、大背景設計手法、更讓瀏覽者有更好的視覺體驗。

網頁設計經驗——網頁設計師必備知識指南

從版式的佈局上來說,平面設計和網頁設計有很多可以互用的表達手法。

左右佈局、上下佈局、中心佈局、對稱佈局為最常規的設計版式、排版多樣化,最終呈現的效果根據自己的感覺來進行設計。

但是很重要的一點,就是在網頁設計中一定要模塊化,就算是不規則的排版方式,也要做到有理有據。

網頁設計經驗——網頁設計師必備知識指南

無論是平面設計也好,網頁設計也罷,在字體應用上需要注意如下幾點:

1.文字適合性,根據標題主題選擇,字體樣式。

2. 可識別性、在文字設計應用設計同時要注重文字的識別性、一定要讓瀏覽者在不失美觀的程度下有更好的閱讀主題。

3.文字的美觀程度、在運用字體的時候一定要字體具有一定的美觀度。整體的效果也會有提升

4.文字個性化一般都運用在頭圖或一些大標題上、具有一些文字圖形上的變化、雖然變化但是一定要在保持識別性的情況下去做文字圖形的修改、文字不只是圖形裝飾,也是一種文字圖形的一種表達方式。

5.在網頁內容正文中一般文字選擇性都很小,在正文中,為了讓輸出的成品大小不對服務器造成壓力,一般正文文字都不建議用圖片演示、基本是手打字、基於HTML的特性,字體都根據用戶操作系統默認字體而定。

網頁設計經驗——網頁設計師必備知識指南

平面設計一般會通過紙質進行宣傳,這樣宣傳範圍小、具有侷限性且成本較高,相比而言網頁的信息傳達能力非常強。

互聯網的科技發展使得大家從網絡平臺上獲取更多的信息,而網頁大家對於視覺上的享受也有所要求,之前大家對網頁是以視覺的而看重,而近幾年大家可能更加看重用戶體驗。

從比較寫實、厚重的頁面到現在簡約、大氣、扁平化、更讓人利於操作、更帶來視覺享受。在用戶體驗的前提下還要注重用戶的交互功能的實現,網頁界面不僅能融入絢麗HTML5動態交互效果還能插入視頻,這是平面不能體現的。

網頁設計經驗——網頁設計師必備知識指南

從事設計專業的人,大多數都有過繪畫的基礎,比如:手繪、素描、水粉、速寫等,這些都可以幫助設計師提高色彩能力、審美能力、造型能力。

把這些學習的運用在設計當中同時也學習理論的平面構成、色彩構成、立體構成,等一些技法,都是對設計有所幫助。

那麼在這些能力具備的前提下就是軟件操作的技能,在網頁設計當中、軟件操作要精通的有:Photoshop 、Illustrator等、這兩個是必須要掌握的軟件,現在對用戶體驗的不同需求,在設計技術上也不同的升級,FLASH在網頁設計中已經不是很重要的地位。

除此之外,還有更多技術運用在網頁設計中,如:3D技術、AE技術、C4D技術、插畫技法等,更加滿足現在的視覺需求,讓網頁上的視覺更加具有衝擊力,更加的有交互性。

軟件操作性都熟練之後,UI圖標、網頁設計、H5設計,多練習、多看、多臨摹。從臨摹過程中提取出一些經驗,如何用的排版、留白、版式、字體、顏色、字號、等。

另外,如時間允許也可以學習一下Dreamweaver軟件,或者學習HTML豐富一下知識儲備。學習一下Dreamweaver軟件的功能、操作性。在學習HTML,瞭解一些基礎的標籤,比如<h1>-<h6>,<P>、<a>標籤等。

至少知道這些標籤是起到什麼作用,接著瞭解一下DIv+CSS樣式表。比如:類選擇器、ID選擇器、相對定位、絕對定位。邊框、內邊、外邊等、給網頁增加一些版式樣式。

除此之外如果有精力還可以學習一下javascript。從而可以實現更好的網頁交互性、學習一定要有一個路徑、循序漸進、通過系統的學習,相信你一定能成為一個優秀的設計師。

(完)


【E紀idea】往期文章推薦閱讀

(點擊下方字可直接跳轉到文章)

相關推薦

推薦中...