《網(wǎng)頁好設(shè)計(jì)：Photoshop網(wǎng)站視覺藝術(shù)設(shè)計(jì)及色彩搭配》詳細(xì)講解網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識和色彩搭配綜合知識，同時(shí)以StepByStep的方式剖析了7個(gè)原創(chuàng)網(wǎng)站前臺UI界面的整體創(chuàng)作過程，實(shí)例效果獨(dú)特，設(shè)計(jì)技巧豐富，著重于視覺藝術(shù)效果的表現(xiàn)形式。《網(wǎng)頁好設(shè)計(jì)：Photoshop網(wǎng)站視覺藝術(shù)設(shè)計(jì)及色彩搭配》實(shí)例的創(chuàng)作過程完全按照網(wǎng)頁設(shè)計(jì)的實(shí)際流程進(jìn)行編排，涵蓋了網(wǎng)頁設(shè)計(jì)常用的設(shè)計(jì)理念及操作技巧。
在講解軟件操作和創(chuàng)作設(shè)計(jì)過程的同時(shí)，融合了編者在網(wǎng)頁設(shè)計(jì)領(lǐng)域多年積累的豐富經(jīng)驗(yàn)，力求將編者試圖表現(xiàn)的思想和創(chuàng)意以最完美的視覺效果、最詳盡的講解方式展現(xiàn)給讀者，無論是專業(yè)人士還是廣大網(wǎng)頁設(shè)計(jì)愛好者，相信都能從《網(wǎng)頁好設(shè)計(jì)：Photoshop網(wǎng)站視覺藝術(shù)設(shè)計(jì)及色彩搭配》中獲得一定的經(jīng)驗(yàn)和技巧。
《網(wǎng)頁好設(shè)計(jì)：Photoshop網(wǎng)站視覺藝術(shù)設(shè)計(jì)及色彩搭配》語言簡潔、內(nèi)容豐富，適合從事網(wǎng)頁設(shè)計(jì)、平面美術(shù)設(shè)計(jì)、網(wǎng)站建設(shè)等相關(guān)行業(yè)人員學(xué)習(xí)使用，也可作為高等院校相關(guān)專業(yè)和各類社會(huì)培訓(xùn)班的教學(xué)用書。
Chapter 01 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識
1.1 商業(yè)網(wǎng)站建設(shè)綜合知識
1.1.1 商業(yè)網(wǎng)站設(shè)計(jì)原則
1.1.2 常用網(wǎng)頁元素
1.2 網(wǎng)頁設(shè)計(jì)常用文件格式分析
1.3 網(wǎng)站整站策劃分析
1.4 網(wǎng)頁設(shè)計(jì)——細(xì)節(jié)內(nèi)容分析
1.4.1 策劃過程
1.4.2 關(guān)于導(dǎo)航欄設(shè)計(jì)
1.4.3 使用CSS控制整體格式
1.4.4 使用表格、層布局排版
1.4.5 使用模板
1.4.6 選擇使用框架
1.4.7 將VI企業(yè)視覺設(shè)計(jì)應(yīng)用在網(wǎng)頁設(shè)計(jì)中
1.4.8 色彩的搭配
1.4.9 多媒體元素
1.5 網(wǎng)頁布局類型分析
1.5.1 “國”字型
1.5.2 拐角型
1.5.3 T字型
1.5.4 框架型
1.5.5 “三”字型
1.5.6 POP型
1.5.7 Flash型
1.6 網(wǎng)頁尺寸和顯示器分辨率的關(guān)系
Chapter 02 Photoshop軟件基礎(chǔ)與應(yīng)用技巧
2.1 Photoshop用戶界面和工具箱
2.1.1 用戶界面
2.1.2 工具箱內(nèi)常用工具及工具使用技巧
2.2 Photoshop數(shù)碼圖像后期處理技術(shù)
2.2.1 用色階調(diào)整圖像明暗度
2.2.2 自動(dòng)化調(diào)整圖像
2.2.3 運(yùn)用曲線調(diào)整色調(diào)
2.2.4 運(yùn)用色彩平衡調(diào)整圖像顏色
2.2.5 調(diào)整圖像亮度／對比度
2.2.6 調(diào)整圖像色相／飽和度
2.2.7 更改特定顏色的工具——替換顏色
2.3 圖層的使用技巧
2.4 通道和圖層蒙版應(yīng)用技巧
2.4.1 RGB顏色模式通道
2.4.2 Alpha選區(qū)通道
2.4.3 圖層蒙版
2.5 常用技巧與工具應(yīng)用
2.5.1 智能內(nèi)容識別填充功能
2.5.2 內(nèi)容感知移動(dòng)工具
2.5.3 透視裁切工具
Chapter 03 網(wǎng)頁色彩搭配與酷站賞析
3.1 色彩基礎(chǔ)知識
3.1.1 色彩是一種感覺
3.1.2 固有色的概念
3.1.3 物體色的可變性
3.1.4 無彩色和有彩色
3.1.5 色彩構(gòu)成三要素
3.1.6 三原色
3.1.7 印刷專用色
3.1.8 Photoshop中的色彩組成模式
3.1.9 色彩特征
3.1.10 色彩視覺生理特征
3.2 網(wǎng)頁色彩搭配
3.2.1 網(wǎng)頁安全色
3.2.2 網(wǎng)頁顏色搭配技巧與酷站賞析
Chapter 04 金屬風(fēng)格汽車網(wǎng)站設(shè)計(jì)
4.1 實(shí)例分析
4.1.1 設(shè)計(jì)目的
4.1.2 交流重點(diǎn)
4.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
4.2.1 首頁整體布局設(shè)計(jì)
4.2.2 Logo標(biāo)志設(shè)計(jì)
4.2.3 頂部Banner設(shè)計(jì)
4.2.4 金屬透明按鈕菜單欄
4.2.5 主頁內(nèi)容圖形效果設(shè)計(jì)
4.2.6 相關(guān)鏈接位置設(shè)計(jì)
4.2.7 頁腳及標(biāo)準(zhǔn)Logo制作
4.2.8 切片輸出
4.3 實(shí)例詳解——Dreamweaver整合發(fā)布
4.3.1 在網(wǎng)頁中插入表格和編輯文本
4.3.2 按鈕圖像交替效果的實(shí)現(xiàn)
Chapter 05 像素風(fēng)格數(shù)碼商城網(wǎng)站設(shè)計(jì)
5.1 實(shí)例分析
5.1.1 設(shè)計(jì)目的
5.1.2 交流重點(diǎn)
5.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
5.2.1 構(gòu)建網(wǎng)站基本框架和主色調(diào)的確定
5.2.2 像素文字和水晶按鈕設(shè)計(jì)
5.2.3 網(wǎng)站圖標(biāo)和頂部導(dǎo)航欄菜單設(shè)計(jì)
5.2.4 內(nèi)容整體設(shè)計(jì)制作
5.2.5 切片輸出與在Dreamweaver中編輯發(fā)布
Chapter 06 世界名表官方網(wǎng)站設(shè)計(jì)
6.1 實(shí)例分析
6.1.1 設(shè)計(jì)目的
6.1.2 交流重點(diǎn)
6.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
6.2.1 頁頭及整體布局
6.2.2 導(dǎo)航菜單及鏈接
6.2.3 主要產(chǎn)品內(nèi)容區(qū)域設(shè)計(jì)
6.2.4 廣告區(qū)域內(nèi)容設(shè)計(jì)
Chapter 07 品牌商城B2C網(wǎng)站設(shè)計(jì)
7.1 實(shí)例分析
7.1.1 設(shè)計(jì)目的
7.1.2 交流重點(diǎn)
7.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
7.2.1 頂部導(dǎo)航菜單
7.2.2 選項(xiàng)菜單及搜索框設(shè)計(jì)
7.2.3 大幅廣告效果設(shè)計(jì)
7.2.4 產(chǎn)品篩選和首頁產(chǎn)品展示設(shè)計(jì)
7.2.5 底部鏈接菜單設(shè)計(jì)
Chapter 08 魔幻風(fēng)格游戲網(wǎng)站設(shè)計(jì)
8.1 實(shí)例分析
8.1.1 設(shè)計(jì)目的
8.1.2 交流重點(diǎn)
8.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
8.2.1 華麗魔幻背景的制作
8.2.2 虛幻的云彩效果
8.2.3 頂部奇異金屬圖形
8.2.4 科技風(fēng)格金屬圓環(huán)
8.2.5 魔幻球形上的Logo效果
8.2.6 外界空間特效
8.2.7 外星生物——昆蟲的制作
8.2.8 外星生物——昆蟲翅膀的制作
8.2.9 水滴文字效果
Chapter 09 立體風(fēng)格影視娛樂網(wǎng)站設(shè)計(jì)
9.1 實(shí)例分析
9.1.1 設(shè)計(jì)目的
9.1.2 交流重點(diǎn)
9.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程.
9.2.1 精美場景效果的制作
9.2.2 層疊式金屬圓環(huán)特效
9.2.3 奇特金屬面板
9.2.4 金屬鐵鏈的制作
9.2.5 整體殘舊效果的加強(qiáng)
9.2.6 主體內(nèi)容面板和菜單欄面板設(shè)計(jì)
9.2.7 立體文字手繪特效
9.2.8 Logo文字和鐵鏈穿過效果
9.2.9 黑色透明花紋玻璃按鈕
9.2.10 登錄窗口和黑色透明玻璃按鈕
9.2.11 人物素材效果的制作
9.2.12 右側(cè)內(nèi)容整體制作過程
Chapter 10 企業(yè)品牌官方網(wǎng)站設(shè)計(jì)
10 1 實(shí)例分析
10.1.1 設(shè)計(jì)目的
10.1.2 交流重點(diǎn)
10.2 實(shí)例詳解——Photoshop設(shè)計(jì)過程
10.2.1 頂部導(dǎo)航菜單
10.2.2 立體3D場景效果
10.2.3 環(huán)繞3D立體照片墻
10.2.4 添加圖片鏈接
3．1．10 色彩視覺生理特征
人眼感覺到的色彩未必與客觀存在的物理光色相符，這是因?yàn)椋谀承┣闆r下，當(dāng)眼睛接受光刺激時(shí)，眼睛的生理特征，也就是說人類的眼睛及光色感覺系統(tǒng)有著一些特有的生理現(xiàn)象。作為專業(yè)人員應(yīng)了解這些特有的生理現(xiàn)象，并學(xué)會(huì)利用它們，以求得自己所需要達(dá)到的色彩效果。
1．明暗適應(yīng)
感覺器官受到刺激，使感受起變化的過程和變化的狀態(tài)叫做適應(yīng)。視網(wǎng)膜上有感光度不同的兩種接受器，所以眼睛有著能適應(yīng)視野的亮度變化而自動(dòng)調(diào)節(jié)感光度的功能。
明暗適應(yīng)，也稱為“光量適應(yīng)”，是日常生活中常常遇見的視覺感知狀況。當(dāng)明部視覺向暗部視覺發(fā)生突然變化時(shí)，在此瞬間內(nèi)是什么也看不見的。有一種現(xiàn)象經(jīng)常遇到，坐在陽光下看書時(shí)，突然把視線移向黑暗的房間，感覺是一片漆黑；當(dāng)突然進(jìn)入正在放映的電影院里時(shí)，周圍什么都看不見。夜晚如果將房間里亮著的燈光突然關(guān)掉，一時(shí)問，眼前會(huì)呈現(xiàn)黑糊糊的一片，要經(jīng)過一段時(shí)間眼睛才能慢慢看見周圍的物體形、色特征，這就是視覺的“暗適應(yīng)”。
當(dāng)暗部視覺向明部視覺發(fā)生突然變化時(shí)，瞬問內(nèi)會(huì)感到晃眼眩暈。例如，當(dāng)晚上睡覺時(shí)，臥室內(nèi)的燈驟然打開，眼前就會(huì)是白晃晃的一片，但稍后就能清楚地辨認(rèn)室內(nèi)的各種形體與色彩，這一由暗至明的視覺過程稱為“明適應(yīng)”。
“暗適應(yīng)”于初期感受提高較快，后期提高較慢，最初的15分鐘可以基本適應(yīng)，半小時(shí)后，視覺感受性可提高10萬倍，達(dá)到完全的“暗適應(yīng)”大約需要40分鐘。“明適應(yīng)”過程，即當(dāng)視覺從暗光線轉(zhuǎn)入亮光線過程時(shí)，瞳孔縮小，視覺由視網(wǎng)膜邊緣的暗視覺轉(zhuǎn)入中央窩的明視覺，適應(yīng)光線從暗到亮的轉(zhuǎn)換，從暗到亮的適應(yīng)過程可以在極短的時(shí)間內(nèi)完成，大約只需要1秒左右。
2．色彩適應(yīng)
帶著有色眼鏡活動(dòng)時(shí)，開始的一段時(shí)間可感受到鏡片的藍(lán)色、棕色或綠色對所見物體的色彩影響，過了一陣之后鏡片上的顏色在視覺上消失。在白熾燈的黃色光線下，只能在剛開燈后不久的時(shí)問里感受到光的顏色，一會(huì)兒這種黃色即自然消失。在黃色燈光下，白紙看起來還是白的，對物體恢復(fù)了日光（白光）下的感覺。人眼對環(huán)境顏色刺激作用下造成的顏色視覺變化，是視覺對顏色光的適應(yīng)所致，被稱為“色彩適應(yīng)”。
通常，色彩視覺的第一感受時(shí)間約為5～10秒，過了這段時(shí)問“色彩適應(yīng)”開始起作用，這種習(xí)慣性地把物體色彩恢復(fù)到白光原始面貌狀態(tài)的本能與“色彩恒定性”或說是“固有色”的概念有直接關(guān)系。色彩恒定性、固有色的概念是起作用的，可以使視覺避免被光源色造成的物體色的物理性質(zhì)所蒙蔽，而始終能夠充分把握物體色的真實(shí)屬性。人眼在紅光、黃光、藍(lán)光下看一張白紙具有自動(dòng)區(qū)分光源色與固有色的能力，這種能力使人們知道不管在什么色光照射下白紙仍然是白的，眼睛的這種色彩適應(yīng)能力在日常生活等領(lǐng)域是有利的。而對于從事繪畫及美術(shù)設(shè)計(jì)的人員來說可就利弊皆有了。有些表現(xiàn)敏銳的色彩繪畫作品是畫家在第一時(shí)間的第一色彩感覺的體現(xiàn)，也就是把眼睛沒適應(yīng)色彩之前的感受描繪了出來。
……
新書資訊