- 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 具有代表性的網頁版式設計舉例
網頁的版式設計與報紙、雜志等平面媒體的版式設計也存在很多的差異。印刷品有固定的規格尺寸,網頁則不然,它的尺寸是不固定的,這就使得網頁設計者不能精確地控制頁面上每個元素的尺寸和位置,并且網頁的組織結構不像印刷品那樣為線性組合,這也給網頁的版式設計帶來了一定的難度。
- 3ds Max/VRay印象 商業大空間效果圖表現技法(第2版)
- 水利工程CAD繪圖快速入門
- 攝影師的后期課:影調與調色篇(修訂版)
- After Effects高級影視特效火星風暴
- Maya動畫制作案例教程
- iLike職場數碼照片修飾處理完美實現
- 新媒體實用工具全攻略:圖文制作+視頻剪輯+音頻處理+輔助運營
- 傳奇 Photoshop超寫實手繪插畫表現技法
- Flash CS6動畫設計高手之道
- 中文版AutoCAD 2010快捷命令一冊通
- Photoshop CS6中文版從入門到精通
- 你好,色彩 Photoshop CS6色彩調整功能與應用
- 創意的Photoshop CS6設計之路
- 數碼照片藝術處理(項目式全彩微課版)
- 中文版Flash CS6入門與提高