本書除了說明如何處理好藝術和技術之間的平衡關係,並將不斷發展的技術和標準合理運用在網頁介面設計的方法外,還特別精選上千幅優秀的網頁作品,以實際案例講解分析網頁的版式構圖與色彩搭配。經由本書,你不僅可以將網頁設計的創作編排技術統合起來,更能在你日後的設計作品中,將創意與藝術美感發揮的淋漓盡致。
無論是從零起步,還是希望能更有所進步的實務工作者,他們所面臨網頁設計最關鍵的問題不是技術,而是創意、構圖、色彩等藝術設計概念。事實上,如何處理好藝術和技術之間的平衡關係,如何將不斷發展的新技術和標準,合理地運用在網頁設計的過程中,也是每一個已經從事和即將從事網頁設計的創意人,所必須思考清楚的問題。
《版色過人─網頁美型創意設計書》是一本版式構圖和色彩搭配實戰參考用書,經過多月來素材的收集、整理、並從網路精選出上千幅的優秀作品,輔以理論到實踐的論述,將版式構圖、色彩搭配、案例分析合為一體,希望能給讀者作為網頁視覺設計的重要參考,並激發出更多精彩的個人創意。
本書共分為五大部分,分別是第一部分「網頁介面設計」、第二部分「網頁版式佈局」、第三部分「網頁色彩搭配」、第四部分「網頁版式與色彩案例分析」,以及以附錄形式出現的第五部分「常用顏色索引」。
其中,網頁介面設計是本書的第1單元,也是整本書的引言部分。這個單元主要包括網頁介面設計概述,其中說明了使用者介面設計的概念,網頁介面設計的歷程、內容、原則以及發展和創新。另外,還介紹了網頁介面的基本構成元素和網頁的資訊表現類型。
而網頁版式佈局是本書的第二部分,也是本書內容中的兩大核心之一,這個部分包括本書的第2 ~ 4單元。
第2單元內容為網站的企劃與定位,包括網站建置的流程、網站的使用者分析、網站整體風格定位、網站內容組織和網站欄目設計。而第2小節中專門說明了網站導覽設計在介面設計中的重要性,包括導覽介面的組織,以及導覽與網站風格的一致性。
第3單元則專門介紹網頁介面空間,從介面結構設計和結構類型兩方面說明了頁面的結構框架,從空間構成的角度介紹了頁面的空間設計。
第4單元專門介紹網頁的內容編排,包括文字設計、圖像設計、動畫設計等。本單元的最後一節則分析了12類網站頁面的版式設計風格,涵蓋房地產、線上遊戲、旅遊、服飾、飲食、教育、體育、文化等多方面的內容,以加強讀者對這些優秀作品的版式結構特點的理解。
本書的另外一個核心部分是網頁色彩搭配,這個部分包括本書的第5 ~ 6單元。
第5單元主題是色彩理論基礎,內容中詳述色彩與視覺的原理,RGB顏色和CMYK顏色模式,從色立體、色彩要素、色彩分類等多個角度闡述了色彩構成,還對色系的組織結構進行了剖析。另外,並針對網頁中專用的216種安全色,進行了色彩代碼的介紹。
第6單元則開始具體介紹配色方案的設計。從色彩的功能角色導引出多種配色關係,包括基於色相的配色、基於色調的配色、基於色彩情感的配色、漸層配色與對比配色等。本單元的最後一節同樣分析了12類網站頁面的色彩設計風格,涵蓋藝術、娛樂、數位產品、汽車、生活用品等方面,以實例的說明培養讀者對色彩的感覺。
另外,本書第四部分的篇幅是針對所節選的優秀設計作品中的網頁版式與色彩搭配兩個方面進行了詳細的分析。這部分包括本書的第7 ~ 9單元。
第7單元從10種不同的應用方面說明頁面版式和色彩設計要以網站內容為基礎。這些網站包括建築家居、影視、兒童等多方面。不同類型的網站,採用的版式和色彩截然不同。
第8單元則是針對中、韓、日三國的優秀網頁設計作品進行了分析,包括諾基亞「傾心奪慕」網站、健力寶網站、韓國的Cafeel數位產品網站、日本的RMX設計網站等,讀者可以從這些設計中體會到亞洲國家在設計風格上的特點和區別。
第9單元則分析了歐洲國家的網頁設計作品,包括英國、葡萄牙、荷蘭、法國、德國、義大利、挪威等,這些作品大都出自著名設計師之手,讀者從這些頁面的版式特點和色彩搭配方案中,可以領略到歐洲網頁的設計風格。
而在最後的附錄中,有常用顏色索引及經典配色色表的彙集,其中包括CMYK、RGB、十六進制色系表、十六進制和十進制的網頁安全色色表、中英對照色名及色樣表等。 |