網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析

前言

　　時(shí)至今日，互聯(lián)網(wǎng)已經(jīng)具備和報(bào)紙、廣播、電視、雜志四大媒體平起平座的實(shí)力，成為宣傳效果明顯的第五大媒體，網(wǎng)絡(luò)上大大小小的網(wǎng)站如雨后春筍般茁壯成長起來，作為放置信息的容器，我們可以把網(wǎng)站想象成一座摩天大樓，樓的內(nèi)部有很多的房間，而不同的信息則放在相應(yīng)的房間里?！　τ诿佬g(shù)基礎(chǔ)薄弱的讀者來說，用什么樣的色彩搭配在一起好看并不是一件容易的事情，學(xué)習(xí)任何知識都需要耐心，打好基礎(chǔ)才是關(guān)鍵，萬丈高樓平地起，靠的是穩(wěn)固的地基和堅(jiān)實(shí)的骨架，基礎(chǔ)不牢必然導(dǎo)致大樓的倒塌，溫故而知新才是永恒的主題，只有扎扎實(shí)實(shí)走好每一步才能水到渠成?！　【W(wǎng)站的色彩就像是人的外表一樣，如果打扮得美觀大方，就會給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，因此，網(wǎng)頁的色彩搭配將直接影響訪問者對網(wǎng)站的印象。本書從網(wǎng)站規(guī)劃、創(chuàng)意入手，對色彩搭配的原理、色彩對心理的影響進(jìn)行深入的分析，有助于各位讀者從中汲取營養(yǎng)?！　【W(wǎng)頁配色有著很強(qiáng)的藝術(shù)性，不同的色彩搭配方案就會讓人產(chǎn)生不一樣的感受。書中例舉了大量國內(nèi)的優(yōu)秀網(wǎng)頁作品進(jìn)行點(diǎn)評，并將眾多網(wǎng)站歸納為色調(diào)、風(fēng)格、類別，三大部分內(nèi)容，便于讀者索引和查找。對于初學(xué)者來說，模仿是最容易看到效果的方法，經(jīng)驗(yàn)豐富的設(shè)計(jì)師則需要博采眾家之所長，形成自己的風(fēng)格，多欣賞優(yōu)秀作品并不斷地分析、比較，必然會使你的配色能力逐漸增長和提高。　　本書把色彩構(gòu)成、色彩與情感、色彩處理手法與配色常見問題等基礎(chǔ)知識有機(jī)地整合起來，旨在幫助各位讀者在閱讀的過程中逐步掌握，網(wǎng)頁配色的規(guī)律、技巧并用通俗易懂的語言講述出來，便于讀者輕松，愉快的閱讀。在學(xué)習(xí)的道路上，沒有老師，只有班長，書中不足之處希望各位讀者與筆者多多交流、溝通，大家可以發(fā)送郵件到筆者的信箱，信箱地址為?！　∽詈?，筆者衷心希望各位讀者讀過此書后能有所收獲、有所啟示、有所感悟，并在配色實(shí)踐中獲得此書的幫助。

內(nèi)容概要

　　《網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析（全彩）》以介紹色彩知識為主線，從色彩原理入手，輔以大量優(yōu)秀網(wǎng)頁便于讀者對色彩搭配的理解，同時(shí)也使讀者了解到更多關(guān)于網(wǎng)頁設(shè)計(jì)的知識，注重讀者色彩基礎(chǔ)的培養(yǎng)，用通俗易懂的語言將復(fù)雜的配色原理表述出來?！　》_目錄，你會發(fā)現(xiàn)《網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析（全彩）》并不是一本僅僅講解色彩搭配的圖書，其中還有大量的關(guān)于創(chuàng)意、視覺設(shè)計(jì)、網(wǎng)站建設(shè)等方面的知識，可謂一書在手，建站無憂，而且在講解知識的過程中穿插了大量作者的提示、心得體會，讀者會在閱讀的過程中發(fā)現(xiàn)這些提示將對知識的掌握大有幫助?！　　毒W(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析（全彩）》以“戰(zhàn)略”的高度去講述色彩知識，旨在逐步培養(yǎng)讀者的審美能力、色彩搭配能力，并可應(yīng)用于網(wǎng)絡(luò)廣告、網(wǎng)頁創(chuàng)意、網(wǎng)頁設(shè)計(jì)等領(lǐng)域?！　　毒W(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析（全彩）》適合有志于從事網(wǎng)頁設(shè)計(jì)的讀者閱讀，對于已具備部分基礎(chǔ)知識，但仍在許多地方不甚理解的讀者，也可以通過閱讀《網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析（全彩）》有所收獲。

書籍目錄

第一篇 網(wǎng)頁設(shè)計(jì)篇序章第1章 網(wǎng)頁設(shè)計(jì)規(guī)劃1.1 為網(wǎng)站制定目標(biāo)1.1.1 對市場的預(yù)測和分析1.1.2 網(wǎng)站的項(xiàng)目規(guī)劃1.1.3 網(wǎng)站建設(shè)1.2 與客戶的有效溝通第2章 網(wǎng)頁結(jié)構(gòu)2.1 欄目結(jié)構(gòu)劃分2.1.1 規(guī)則的欄目組合方式2.1.2 不規(guī)則的欄目組合方式2.2 網(wǎng)頁版式劃分第3章 網(wǎng)頁創(chuàng)意和風(fēng)格3.1 網(wǎng)頁的創(chuàng)意3.1.1 創(chuàng)意是網(wǎng)頁的靈魂3.1.2 創(chuàng)意的方法3.2 網(wǎng)頁風(fēng)格第4章 網(wǎng)頁視覺設(shè)計(jì)4.1 網(wǎng)頁布局4.1.1 網(wǎng)頁的規(guī)格4.1.2 網(wǎng)頁的Logo4.1.3 頂部通欄4.1.4 網(wǎng)頁文本4.1.5 圖像的設(shè)計(jì)4.1.6 為網(wǎng)頁插入視頻4.2 網(wǎng)頁構(gòu)成4.2.1 點(diǎn)的應(yīng)用4.2.2 線的應(yīng)用4.2.3 面的應(yīng)用4.2.4 混和構(gòu)成應(yīng)用第5章 網(wǎng)站推廣和網(wǎng)絡(luò)廣告5.1 網(wǎng)絡(luò)推廣5.2 網(wǎng)絡(luò)廣告5.2.1 GIF 廣告5.2.2 Flash 廣告5.2.3 流媒體廣告5.2.4 　網(wǎng)絡(luò)廣告欣賞第二篇 色彩知識篇第6章 網(wǎng)頁配色的常見問題6.1 缺乏主色調(diào)6.2 文字能見度低6.3 增加視覺負(fù)擔(dān)6.4 風(fēng)格與主題脫離第7章 色彩構(gòu)成7.1 認(rèn)識色彩7.1.1 什么是色彩7.1.2 光7.1.3 色7.2 色彩與視覺7.2.1 色彩三要素7.2.2 色調(diào)第8章 色彩與情感8.1 色彩的心理效應(yīng)8.1.1 色彩的象征8.1.2 色彩的視覺效應(yīng)8.1.3 色彩的味覺效應(yīng)8.1.4 色彩的情緒效應(yīng)8.2 色彩表情8.2.1 明朗燦爛的“黃”8.2.2 神圣高貴的“金”8.2.3 歡快活潑的“橙”8.2.4 柔美浪漫的“紅”8.2.5 生機(jī)活力的“綠”8.2.6 平靜冷漠的“藍(lán)”8.2.7 神秘虔誠的“紫”8.2.8 酷意十足的“黑”第9章 常用色彩處理手法9.1 　色彩的對比9.1.1 色相對比9.1.2 明度對比9.1.3 純度對比9.1.4 補(bǔ)色對比9.1.5 冷暖對比9.1.6 面積對比9.2 色彩的調(diào)和9.2.1 同類色調(diào)和9.2.2 漸變色調(diào)和9.2.3 對比與調(diào)和第三篇 網(wǎng)頁配色篇第10章 網(wǎng)頁色彩10.1 216 網(wǎng)頁安全色10.2 網(wǎng)頁色彩模式10.2.1 RGB 色彩10.2.2 Indexed 色彩10.3 網(wǎng)頁配色原則10.3.1 人性化10.3.2 藝術(shù)性10.3.3 符合網(wǎng)站風(fēng)格和主題10.3.4 個(gè)性鮮明第11章 網(wǎng)頁配色技巧11.1 使用一種色彩11.2 使用兩種色彩11.3 使用多種色彩11.4 使用近似色彩11.5 使用無彩色第12章 網(wǎng)頁文字配色12.1 字號對文字顯示的影響12.2 文字與背景色彩的搭配12.2.1 與圖像背景的搭配第13章 網(wǎng)站色調(diào)與配色13.1 紅色系的配色13.1.1 適用紅色系的網(wǎng)站13.1.2 紅色系的網(wǎng)站配色講解13.2 橙色系的配色13.2.1 適用橙色系的網(wǎng)站13.2.2 橙色系的網(wǎng)站配色講解13.3 黃色系的配色13.3.1 適用黃色系的網(wǎng)站13.3.2 黃色系的網(wǎng)站配色講解13.4 金色系的配色13.4.1 適用金色系的網(wǎng)站13.4.2 金色系的網(wǎng)站配色講解13.5 綠色系的配色13.5.1 適用綠色系的網(wǎng)站13.5.2 綠色系的網(wǎng)站配色講解13.6 藍(lán)色系的配色13.6.1 適用藍(lán)色系的網(wǎng)站13.6.2 藍(lán)色系的網(wǎng)站配色講解13.7 紫色系的配色13.7.1 適用紫色系的網(wǎng)站13.7.2 紫色系的網(wǎng)站配色講解13.8 無彩色的配色13.8.1 白色的配色13.8.2 灰色系的網(wǎng)站13.8.3 黑色系的網(wǎng)站第14章 網(wǎng)站風(fēng)格與配色14.1 簡潔、質(zhì)樸的配色14.1.1 簡潔類網(wǎng)站的特點(diǎn)14.1.2 簡潔類網(wǎng)站配色講解14.2 尊貴、華麗的配色14.2.1 奢華類網(wǎng)站的特點(diǎn)14.2.2 奢華類網(wǎng)站配色講解14.3 男性化的配色14.3.1 男性化網(wǎng)站的特點(diǎn)14.3.2 男性化網(wǎng)站配色講解14.4 女性化的配色14.4.1 女性化網(wǎng)站的特點(diǎn)14.4.2 女性化網(wǎng)站配色講解14.5 自然舒適的配色14.5.1 自然舒適類網(wǎng)站的特點(diǎn)14.5.2 自然舒適類網(wǎng)站配色講解14.6 古典主義的配色14.6.1 復(fù)古類網(wǎng)站的特點(diǎn)14.6.2 復(fù)古類網(wǎng)站配色講解14.7 生動活潑的配色14.7.1 活潑類網(wǎng)站的特點(diǎn)14.7.2 活潑類網(wǎng)站配色講解14.8 柔軟稚嫩的配色14.8.1 柔軟稚嫩類網(wǎng)站的特點(diǎn)14.8.2 柔軟稚嫩類網(wǎng)站配色講解14.9 成熟穩(wěn)重的配色14.9.1 穩(wěn)重類網(wǎng)站的特點(diǎn)14.9.2 穩(wěn)重類網(wǎng)站配色講解14.10 厚重、金屬風(fēng)格的配色14.10.1 厚重、金屬類網(wǎng)站的特點(diǎn)14.10.2 厚重、金屬類網(wǎng)站配色講解第15章 網(wǎng)站分類與配色15.1 信息類網(wǎng)站配色15.1.1 行業(yè)門戶網(wǎng)站15.1.2 資訊網(wǎng)站15.1.3 機(jī)構(gòu)網(wǎng)站15.2 商業(yè)類網(wǎng)站配色15.2.1 電子商務(wù)網(wǎng)站15.2.2 企業(yè)網(wǎng)站15.3 機(jī)械科技類網(wǎng)站配色15.3.1 手機(jī)網(wǎng)站15.3.2 汽車網(wǎng)站15.3.3 計(jì)算計(jì)數(shù)碼網(wǎng)站15.4 休閑類網(wǎng)站配色15.4.1 服飾品牌網(wǎng)站15.4.2 美容化妝網(wǎng)站15.4.3 飲食網(wǎng)站15.4.4 體育網(wǎng)站15.5 娛樂類網(wǎng)站配色15.5.1 游戲網(wǎng)站15.5.2 音樂網(wǎng)站15.5.3 電影網(wǎng)站15.6 個(gè)人網(wǎng)站配色第四篇 作者配色案例篇第16章 廣聚福16.1 與客戶的溝通16.2 素材參考16.3 網(wǎng)頁規(guī)劃16.3.1 網(wǎng)頁結(jié)構(gòu)框架安排16.3.2 頂部通欄圖像16.4 網(wǎng)頁配色的實(shí)現(xiàn)16.4.1 插入圖像16.4.2 網(wǎng)頁色彩搭配的實(shí)現(xiàn)第17章 中藥康復(fù)中心17.1 與客戶的溝通17.2 素材參考17.3 網(wǎng)頁規(guī)劃17.4 網(wǎng)頁配色的實(shí)現(xiàn)第18章 華騰緣18.1 與客戶的初次溝通18.2 素材參考18.3 網(wǎng)頁規(guī)劃18.4 網(wǎng)頁配色的實(shí)現(xiàn)

章節(jié)摘錄

　　黑色　　黑色聯(lián)想到的形容詞：　　正面的：神秘、干練、威嚴(yán)、權(quán)威、教養(yǎng)、力量、強(qiáng)勢、攻擊；　　負(fù)面的：恐怖、不安、絕望、悲傷、沉默、虛無、孤獨(dú)?！　『谏笳髦绺摺?yán)肅、粗莽、沉默、退縮、沉穩(wěn)、黑暗，有消極、謙遜的意味，有高貴、穩(wěn)重、科技的意象。電視、汽車、音響、儀器的色彩大多采用黑色，生活用品和服飾設(shè)計(jì)也大多利用黑色來塑造高貴的形象，黑色也是萬能色，可以和任何色彩搭配?！　↑S色　　黃色聯(lián)想到的形容詞：　　正面的：快樂、輕快、撒嬌、可愛、理解、智慧、幸福、和平、明朗、希望；　　負(fù)面的：卑鄙、嫉妒、欺騙、偏見、破壞、神經(jīng)質(zhì)?！　↑S色是喜慶的用色，象征著明朗、高貴、希望、發(fā)展、警示，黃色是明度最高的色彩，有警示的作用，是引起注意的代表色彩，有集中視線的效果，常用于道路的標(biāo)志線、禁止通行路障、工程用的大型機(jī)器等?！　↑S色還象征智慧和光明，在古代的中國，黃色常用于皇室，是權(quán)利的象征。　　橙色　　橙色聯(lián)想到的形容詞：　　正面的：活力、健康、創(chuàng)造力、能力、快樂、華麗、社交性；　　負(fù)面的：不安?！　〕壬笳髦饷鳌⑷A麗、甜蜜、快樂、輝煌、動感，極具擴(kuò)展性，在工業(yè)安全用色中，橙色是警戒色，登山服裝、背包、救生衣等常用橙色引起別人的注意，橙色是由紅色和黃色混合而成的，是一種能引起食欲的色彩?！　〕壬o人一種朝氣活潑、積極向上的感覺，有平易近人的親和力。　　紅色　　紅色聯(lián)想到的形容詞：　　正面的：熱情、感動、勇氣、力量、生命力、能量、愛情、溫暖、開放、社交性；　　負(fù)面的：興奮、攻擊、恐怖、危險(xiǎn)、情欲、沖動?！　〖t色象征著幸福、吉祥、熱情、活潑、革命、溫暖，是所有色彩中最鮮艷、純凈的色彩，紅色容易引起注意，在各種媒體中被廣泛利用，紅色也常用來作為警告、危險(xiǎn)、禁止、防火等標(biāo)志的指定用色，有著強(qiáng)烈的刺激情感，給人帶來最快速的反應(yīng)?！　≡谥袊t色代表權(quán)利、喜慶、忠誠、革命。　　綠色　　綠色聯(lián)想到的形容詞：　　正面的：生命、豐盛、繁榮、希望、和平、舒適、安定、理性、正直、寬容；　　負(fù)面的：猜忌心、自我壓抑、貪婪、腐蝕。

編輯推薦

　　現(xiàn)在方案，即查即用；配色理念，邊用邊學(xué)；一書在手，建站無憂。　　本書匯集500余個(gè)網(wǎng)頁案例，通過詳細(xì)的色彩講解、豐富的視覺設(shè)計(jì)、獨(dú)到的網(wǎng)頁創(chuàng)意，帶你學(xué)習(xí)最新、最流行的網(wǎng)頁配色方案。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案例解析 PDF格式下載

---