網頁設計配色圖典(選對色彩有訣竅)
基本介紹
- 書名:網頁設計配色圖典
- 出版社:化學工業 (2014年4月1日)
- ISBN:7122194639
- 頁數:199頁
- 語種:簡體中文
- 作者:瞿穎健
- 出版日期:2014年4月1日
- 開本:16
- 類型:藝術
基本內容
編輯推薦
2、所選案例均為國外非常典型的藝術宣傳作品,對國內設計師做相類似的設計有很大的啟發和示範作用。
目錄
1.1色彩究竟是什麼
1.1.1色彩是什麼
1.1.2色彩能夠做什麼
1.1.3色彩的屬性
1.2主色、輔助色、點綴色的關係
1.2.1主色
1.2.2輔助色
1.2.3點綴色
1.2.4設計師談——利用柔和色調打造全新視覺感受
1.2.5動手練習——使用圖示代替文字增加頁面現代感
1.3色彩的對比
1.3.1明度對比
1.3.2純度對比
1.3.3色相對比
1.3.4面積對比
1.3.5冷暖對比
第2章網頁設計的基礎知識
2.1什麼是網頁
2.2網頁的構成
2.2.1網頁簡介
2.2.2網頁標題
2.2.3網站的LOGO
2.2.4網頁頁眉
2.2.5網頁頁腳
2.2.6網頁導航
2.2.7網頁的主體內容
2.3網頁的尺寸
2.4網頁的色彩
2.4.1RGB色彩模式
2.4.2HTML語言對色彩的描述
2.4.3網路安全色
第3章了解基礎色
3.1紅
3.1.1淺談紅色
3.1.2套用實例
3.1.3常見色分析
3.1.4猜你喜歡
3.2橙
3.2.1淺談橙色
3.2.2套用實例
3.2.3常見色分析
3.2.4猜你喜歡
3.3黃
3.3.1淺談黃色
3.3.2套用實例
3.3.3常見色分析
3.3.4猜你喜歡
3.4綠
3.4.1淺談綠色
3.4.2套用實例
3.4.3常見色分析
3.4.4猜你喜歡
3.5青
3.5.1淺談青色
3.5.2套用實例
3.5.3常見色分析
3.5.4猜你喜歡
3.6藍
3.6.1淺談藍色
3.6.2套用實例
3.6.3常見色分析
3.6.4猜你喜歡
3.7紫
3.7.1淺談紫色
3.7.2套用實例
3.7.3常見色分析
3.7.4猜你喜歡
3.8黑
3.8.1淺談黑色
3.8.2套用實例
3.8.3猜你喜歡
3.9白
3.9.1淺談白色
3.9.2套用實例
3.9.3猜你喜歡
3.1灰
3.10.1淺談灰色
3.10.2套用實例
3.10.3猜你喜歡
第4章網頁布局技巧與色彩
4.1網頁布局的基礎知識
4.2黃金分割式布局與左右對齊式布局
4.2.1黃金分割式布局
4.2.2左右對齊式布局
4.2.3動手練習——修改背景顏色
4.2.4設計師談——黑色配色方案
4.2.5配色實戰
4.2.6常見色彩搭配
4.2.7猜你喜歡
4.3全景式布局與衛星式布局
4.3.1全景式布局
4.3.2衛星式布局
4.3.3動手練習——使用點綴色
4.3.4設計師談——按鈕的設計
4.3.5配色實戰
4.3.6常見色彩搭配
4.3.7猜你喜歡
4.4照片組合式布局與包圍式布局
4.4.1照片組合式布局
4.4.2包圍式布局
4.4.3動手練習——LOGO的設計
4.4.4設計師談——扁平化
4.4.5配色實戰
4.4.6常見色彩搭配
4.4.7猜你喜歡
4.5散開式布局與對稱式布局
4.5.1散開式布局
4.5.2對稱式布局
4.5.3動手練習——提高顏色的純度
4.5.4設計師談——留白
4.5.5配色實戰
4.5.6常見色彩搭配
4.5.7猜你喜歡
第5章網頁色彩的視覺印象
5.1女性
5.1.1甜美
5.1.2時尚
5.2男性
5.2.1理智
5.2.2溫存
5.3兒童
5.3.1柔和
5.3.2活力
5.4老人
5.4.1溫暖
5.4.2踏實
5.5華麗
5.5.1優雅
5.5.2華美
5.6質樸
5.6.1淳樸
5.6.2乾淨
5.7活潑
5.7.1天真
5.7.2活力
5.8莊重
5.8.1莊嚴
5.8.2穩重
5.9興奮
5.9.1亢奮
5.9.2歡樂
5.1沉靜
5.10.1安靜
5.10.2沉寂
5.11溫暖
5.11.1溫馨
5.11.2和煦
5.12涼爽
5.12.1勁爽
5.12.2冰涼
5.13專業
5.13.1品質
5.13.2科技
5.14時尚
5.14.1新潮
5.14.2前衛
5.15雅致
5.15.1精緻
5.15.2優雅
5.16環保
5.16.1呼吸
5.16.2健康
5.17安全
5.17.1安穩
5.17.2安然
5.18信譽
5.18.1大氣
5.18.2品質
5.19榮耀
5.19.1華麗
5.19.2光輝
5.2美味
5.20.1香甜
5.20.2濃香
5.21神秘
5.21.1奇幻
5.21.2深邃
5.22夢幻
5.22.1絢麗
5.22.2迷幻
5.23自然
5.23.1綠色
5.23.2清新
5.24嚴肅
5.24.1典範
5.24.2規範
第6章不同網站的網頁色彩搭配
6.1門戶網頁
6.1.1什麼是入口網站
6.1.2案例分析
6.1.3動手練習——降低文字的飽和度
6.1.4設計師談——別忽視網頁中的搜尋框
6.1.5配色實戰——扁平化網頁的配色方案
6.1.6常見色彩搭配
6.1.7猜你喜歡
6.2企業網站
6.2.1什麼是企業網站
6.2.2案例分析
6.2.3動手練習——增加頁面空間感,
集中用戶視線
6.2.4設計師談——用同一色相進行色彩搭配
6.2.5配色實戰——網頁中點綴色配色方案
6.2.6常見色彩搭配
6.2.7猜你喜歡
6.3產品展示
6.3.1什麼是產品展示網頁
6.3.2案例分析
6.3.3動手練習——減少畫面顏色
6.3.4設計師談——各國家的顏色內涵
6.3.5配色實戰——網頁配色方案
6.3.6常見色彩搭配
6.3.7猜你喜歡
6.4購物網站
6.4.1什麼是購物網站
6.4.2案例分析
6.4.3動手練習——為留白空間添加裝飾
6.4.4設計師談——網頁設計中,字型粗細的選擇
6.4.5配色實戰——網頁色彩搭配
6.4.6常見色彩搭配
6.4.7猜你喜歡
6.5社交網站
6.5.1什麼是社交網站
6.5.2案例分析
6.5.3動手練習——網站色調應該與產品相呼應
6.5.4設計師談——避免紅字藍底或藍字紅底的情況
6.5.5配色實戰——不同配色方案的視覺效果
6.5.6常見色彩搭配
6.5.7猜你喜歡
6.6個人網頁
6.6.1什麼是個人網頁
6.6.2案例分析
6.6.3動手練習——為單調的背景添加裝飾
6.6.4設計師談——網頁設計中的三個小細節
6.6.5配色實戰——舞蹈網站的色彩搭配
6.6.6常見色彩搭配
6.6.7猜你喜歡
6.7社區論壇
6.7.1什麼是社區論壇
6.7.2案例分析
6.7.3動手練習——別把選項藏起來
6.7.4設計師談——單色網頁設計
6.7.5配色實戰——網頁色彩搭配
6.7.6常見色彩搭配
6.7.7猜你喜歡
6.8活動網站
6.8.1什麼是活動網站
6.8.2案例分析
6.8.3動手練習——儘量減少表單問題
6.8.4設計師談——選用兩種色彩進行色彩搭配
6.8.5配色實戰——同一網站的配色方案
6.8.6常見色彩搭配
6.8.7猜你喜歡
6.9搜尋引擎
6.9.1什麼是搜尋引擎
6.9.2案例分析
6.9.3動手練習——學會強調最佳方案
6.9.4設計師談——使用黑色與一種
色彩進行搭配
6.9.5配色實戰——小面積修改顏色的方案
6.9.6常見色彩搭配
6.9.7猜你喜歡
第7章不同行業的網頁色彩搭配
7.1車品類
7.1.1現代風格車品網頁
7.1.2粗獷風格車品網頁
7.1.3動手練習——為教育網頁換一個合適顏色
7.1.4設計師談——為網頁製作一個漂亮的等待頁面
7.1.5常見色彩搭配
7.2服飾類
7.2.1品牌時裝網頁
7.2.2年輕服裝網頁
7.2.3動手練習——將商品突顯出來
7.2.4設計師談——使用菱形進行頁面的分割
7.2.5常見色彩搭配
7.3珠寶類
7.3.1珠寶類購物網頁
7.3.2品牌珠寶網站
7.3.3動手練習——提高畫面明度
7.3.4設計師談——色塊拼貼法
7.3.5常見色彩搭配
7.4建築裝潢
7.4.1室內設計裝飾公司網頁
7.4.2景觀事務所網頁
7.4.3動手練習——為導航欄添加圖示增加其識別性
7.4.4設計師談——簡潔明快的網頁設計風格
7.4.5常見色彩搭配
7.5媒體、音樂類
7.5.1音樂類網頁
7.5.2電視劇網頁
7.5.3動手練習——為界面換一個
合適的點綴色
7.5.4設計師談——利用視差滾動,打造全新感官享受
7.5.5常見色彩搭配
7.6IT科技
7.6.1軟體研發公司網頁
7.6.2電腦製造商網頁
7.6.3動手練習——衛星式布局方式的妙用
7.6.4設計師談——為界面添加一個合適的字型
7.6.5常見色彩搭配
7.7教育類
7.7.1知名大學網頁
7.7.2私立學校網頁
7.7.3動手練習——為頁面填寫一個
顯眼的輔助色
7.7.4設計師談——為網站設計一個漂亮的界面
7.7.5常見色彩搭配
第8章不同風格的網頁設計
8.1簡約至上主義風格
8.1.1簡潔
8.1.2整齊
8.1.3動手練習——使網頁看起來唯美、整潔
8.1.4設計師談——簡約是一種特殊的表達
8.1.5常見色彩搭配
8.2絢麗的歐美風格
8.2.1清爽
8.2.2時尚
8.2.3動手練習——將頁面改為中純度色彩基調
8.2.4設計師談——歐美風網站的色彩搭配
8.2.5常見色彩搭配
8.3淡雅的韓式風格
8.3.1淡雅
8.3.2醇厚
8.3.3動手練習——使網頁看起來清新淡雅
8.3.4設計師談——韓式的淡雅清新
8.3.5常見色彩搭配
8.4悠遠的日式風格
8.4.1細膩
8.4.2民族
8.4.3動手練習——使網頁看起來更富意境
8.4.4設計師談——日式風格
8.4.5常見色彩搭配
8.5空間感網頁設計
8.5.1層次
8.5.2立體
8.5.3動手練習——使網頁層次更加清晰
8.5.4設計師談——“立體感”的產生
8.5.5常見色彩搭配
8.6扁平化設計
8.6.1整潔
8.6.2簡約
8.6.3動手練習——為頁面選擇一個合適的顏色
8.6.4設計師談——力求簡約的扁平化設計
8.6.5常見色彩搭配
8.7趣味的手繪風格
8.7.1趣味
8.7.2鮮活
8.7.3動手練習——添加插畫,活躍頁面氣氛
8.7.4設計師談——富有親和力的手繪風
8.7.5常見色彩搭配
8.8抽象的網頁設計
8.8.1精煉
8.8.2情緒
8.8.3動手練習——使網頁風格更加簡約
8.8.4設計師談——抽象風是情緒的精煉
8.8.5常見色彩搭配
8.9懷舊的復古風格
8.9.1回憶
8.9.2濃厚
8.9.3動手練習——使網頁視覺重點突出
8.9.4設計師談——復古風的融情
8.9.5常見色彩搭配
第9章綜合版式配色
9.1兒童主題網頁
9.1.1項目分析
9.1.2案例分析
9.1.3版式分析
9.1.4配色方案
9.1.5佳作欣賞
9.2自然主題網頁
9.2.1項目分析
9.2.2案例分析
9.2.3版式分析
9.2.4配色方案
9.2.5佳作欣賞
9.3科技類網頁
9.3.1項目分析
9.3.2案例分析
9.3.3版式分析
9.3.4配色方案
9.3.5佳作欣賞
9.4商務風格網頁
9.4.1項目分析
9.4.2案例分析
9.4.3版式分析
9.4.4配色方案
9.4.5佳作欣賞
序言
本書按照配色設計的各大模組分為9章,分別為色彩達人必學知識、網頁設計的基礎知識、了解基礎色、網頁布局技巧與色彩、網頁色彩的視覺印象、不同類型的網頁色彩搭配、不同行業的網頁色彩搭配、不同風格的網頁設計、綜合網頁配色。
在每一章都安排了大量的案例和作品賞析,所有案例都配有設計分析,在讀者學習理論的同時,可以欣賞到優秀的作品,因此不會感覺枯燥。
本書在最後一章對4個大型案例進行了作品的項目分析、案例分析、配色方案的講解,給讀者一個完整的設計思路。通過對本書的學習,可以幫助讀者在色彩搭配、理論依據、網頁設計理念這三方面都有非常大的提升,可以輕鬆應對工作。
編者在編著過程中以配色原理為出發點,將“理論知識結合實踐操作”、“經典設計結合思維延伸”貫穿其中,願作讀者學習和提升道路上的“引路石”。
本書由TOPART視覺研究室組織編寫,瞿穎健主編。曹茂鵬、曹愛德、曹明、曹詩雅、曹瑋、曹元鋼、曹子龍、崔英迪、丁仁雯、董輔川、高歌、韓雷、鞠闖、李進、李路、馬嘯、馬揚、瞿吉業、瞿學嚴、瞿玉珍、孫丹、孫芳、孫雅娜、王萍、王鐵成、楊建超、楊力、楊宗香、於燕香、張建霞、張玉華等同志參加編寫和整理。
由於編者水平所限,書中難免有疏漏之處,希望廣大專家、讀者批評斧正!
編者