DIV CSS 佈局教程網

在開始聊我在阿裡四個月的網頁推廣設計之前，我想先來說說我對平面設計和網頁設計的認識。

它們之間的交集。

1.它們都是集藝術創作、電腦技術和數字技術於一體的，以“視覺”（包括符號、圖片和文字）作為溝通和表現方式的一種創造過程。設計師一般會利用字體排印、視覺藝術、版面編排（page layout）等方面的專業技巧，來達成創作計劃的目的。

2.它們都講求視覺上的快速、正確、有效的信息傳達，都在訴說一個理念或品牌，都具有商業價值，它們的目標是信息、提示、促銷和產生連鎖反應等。

同時他們之間的區別也是顯而易見的，主要表現在

1.設計實現的介質不同

平面設計實現的載體具有多樣性，紙、塑料、布、木頭、金屬等，一般都與印刷有關，因此它受到印刷的限制最大，例如對印刷紙張的材質、規格的要求，對字種字號的要求等，最明顯的是印刷的最小字體普遍使用識別性較好的有襯線字體。平面設計給人的體驗主要來自視、觸覺兩個方面。

網頁設計通過屏幕的顯示來實現，它與平面設計最大的區別是介入了多媒體技術的應用，但同時受網速的制約。在文字處理上，屏幕的像素化顯示要求最小的文字必須設置消除鋸齒來保證文字的識別性。網頁設計通過視聽被用戶感知。

2.信息的承載量不同

平面設計的產出物包括海報、宣傳冊、雜志、包裝、廣告等，它們每一次所承載的內容是相對有限的，而網頁設計每屏的信息承載量比平面設計大很多（因為網頁的滾動條可以無限拖動）。

進阿裡近兩個多月時做的推廣設計，我一直在范本末倒置的錯誤。為了突出推廣產品的品質感，我把對優質的產品圖，合適的人物、場景圖的選擇看作推廣視覺表達的最重要的環節。某天有個同事在我身後說：設計與繪畫一樣，當你停下來的任何時候它都應該是完整的！因為這句話，我逐漸對推廣設計的要點進行了歸納、分析，下面這幾點是我這段時間做網頁推廣設計的認識。

1.正確地理解需求的訴求點，並盡快達成共識

當我們接到一個需求demo時，設計師會先獨立地解讀，包括：對需求訴求點的明確，頁面的整體氛圍的感受等，接下來就是對網頁設計新人而言比較有挑戰性的環節——需求溝通。由於知識結構的不同，設計師和需求方對於同一個效果的認識會不盡相同，這時我們可以進入到下一個環節，

2.明確頁面設計的主題，投放的環境等，確定設計的氛圍和色調

這個過程中我們應該盡量多地讓需求方來描述她們所認為的這個活動想傳達給人的感覺，設計師借此把這種感覺用關鍵的文字與需求方達成共識，

3.主題文字的重中之重的確定，交互稿子的審核

經過這兩步，設計師可以花半個到一個小時的時間勾勒下這個頁面的框架，包括構圖，主題文字、元素的組合，行動點的安排等等，把第一個大致的稿子給需求方過一遍，進一步的溝通和明確以後可以開始設計了。這樣做的好處是，設計的方向相當明確，

4.合理有效地編排設計。

網頁設計不同於平面設計，它的顯示空間完全依賴顯示器的大小，因此網頁設計的第一屏給人的印象直接決定了用戶下一次還會不會再光顧，這就要求設計師必須同時合理安排好頁面的各個板塊的布局和銜接，保證信息傳達的快速、准確、有效性，做到明確而自然。這裡要強調一點的是過度渲染視覺效果的熱鬧而讓客戶不知所雲的設計是沒有價值的。

最後，當我們的頁面有了重點，細節塑造以後，我們需要對頁面進行最終的整合，頁面左右上下是不是均衡，色調，光線是不是統一等等，做一些輕微的調整。

下面是我畢業這幾個月做的一些推廣banner,包括活動營銷推廣、商品營銷推廣、郵件/論壇帖。

從我這幾個月的設計感受來說，對於一個剛畢業的設計師，在溝通方面的能力提高最重要，要學會換位思考。對需求的認識和理解要及時與需求方探討，挖掘需求的訴求點進行突出表現。在技術上要堅持不斷地練習、探索，嘗試用不同的表現風格(可愛、炫酷、手繪、簡約、雅致等)，不斷提高專業技能，使創意和技術達到完美結合。

——在這裡我要謝謝所有在生活工作上給予我幫助的人，謝謝大家！