- Div+CSS3.0網頁布局案例精粹(升級版)
- 張曉景
- 846字
- 2020-03-02 16:09:17
1.3 網頁設計涵蓋的內容
現代的網頁如同門面,小到個人,大到公司、政府部門及國際組織等,在網絡上無不以網頁作為自己的門戶。當人們打開某個網站時,首先映入眼簾的是該網站的網頁界面,如頁面的框架與構圖、導航系統的設置、內容的安排、按鈕的擺放、色彩的應用等,這一切都是網頁設計的范疇,也都是網頁設計師的工作,人們稱為網頁藝術設計。網頁藝術設計涉及的具體內容很多,總體可以概括為視聽元素和版式設計兩個方面。
1.3.1 視聽元素
網頁中的視聽元素主要包括文本、背景、按鈕、圖標、圖像、表格、顏色、導航、背景音樂、動態影像等。網頁設計人員要考慮的是如何把這些元素以一種更容易被瀏覽者接受的方式組織起來放到網頁中,如圖1-13所示。

圖1-13 網頁中的視聽元素
對于以上各種視聽元素,大多數瀏覽器都可以顯示或播放,無須任何外部程序或模塊支持。例如,大部分瀏覽器都可以顯示JPEG圖形和GIF動畫,但有些多媒體文件(如MP3音樂)需要先下載到本地硬盤上,然后啟動相應的外部程序才能播放。另外,瀏覽器可以使用插件來播放更多格式的多媒體文件。
總之,互聯網技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更好的視聽效果。另外,一些新技術的出現,也對網頁的藝術設計提出了更高的要求。
1.3.2 版式設計
網頁的版式設計與報紙、雜志等平面媒體的版式設計有很多相通之處,它在網頁的藝術設計中占據著重要的地位。
所謂網頁的版式設計,是指在有限的屏幕空間上將各種視聽元素有機地進行排列組合,將理性思維以個性化的形式表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也給人以感官上和精神上的享受。圖1-14所示為具有代表性的網頁版式設計舉例。

圖1-14 具有代表性的網頁版式設計舉例
網頁的版式設計與報紙、雜志等平面媒體的版式設計也存在很多的差異。印刷品有固定的規格尺寸,網頁則不然,它的尺寸是不固定的,這就使得網頁設計者不能精確地控制頁面上每個元素的尺寸和位置,并且網頁的組織結構不像印刷品那樣為線性組合,這也給網頁的版式設計帶來了一定的難度。
- 剪映:剪輯+調色+字幕+配音+特效從新手到高手
- 剪映:視頻剪輯從入門到精通(電腦版)
- 基于BIM的Revit建筑與結構設計實踐一本通
- Painter 12中文版繪畫實戰技法
- 網店商品視頻拍攝與制作從入門到精通
- Photoshop CS6中文版完全學習手冊
- Illustrator CS5圖形設計入門、進階與提高
- 剪映:視頻剪輯從入門到精通(手機版)
- Photoshop CS6摳圖從新手到高手
- AI剪輯師手冊:剪映短視頻制作從入門到精通
- Adobe Audition CS6實例教程
- 3ds Max/Thinking Particles印象 影視包裝專業技法
- EDIUS 7視音頻制作高手之道
- 中文版Photoshop CS6平面設計從入門到精通
- 一定要學的Photoshop風光人文攝影后期技法