出版時(shí)間:2008 出版社:人民郵電出版社 作者:劉濤 頁(yè)數(shù):348 字?jǐn)?shù):603000
Tag標(biāo)簽:無(wú)
內(nèi)容概要
本書主要以Fireworks網(wǎng)頁(yè)效果圖設(shè)計(jì)為主線,介紹網(wǎng)頁(yè)效果圖的設(shè)計(jì)流程和網(wǎng)頁(yè)中各種頁(yè)面元素的設(shè)計(jì)。書中按照網(wǎng)頁(yè)的構(gòu)成元素,如布局、色彩、LOGO、導(dǎo)航設(shè)計(jì)、通欄設(shè)計(jì)等進(jìn)行分類講解,以豐富的實(shí)例幫助讀者快速掌握網(wǎng)頁(yè)效果圖的各類設(shè)計(jì)方法和技巧?! ”緯鴱膶?shí)用的角度出發(fā),將軟件使用技能與設(shè)計(jì)藝術(shù)完美結(jié)合;從設(shè)計(jì)構(gòu)思到作品完成,將經(jīng)典案例的整個(gè)過(guò)程一一剖析給讀者。學(xué)習(xí)完本書,讀者從中不但可以深入了解Fireworks軟件的精妙之處,更能夠領(lǐng)悟到更多優(yōu)秀的設(shè)計(jì)思想、設(shè)計(jì)理念和寶貴的設(shè)計(jì)經(jīng)驗(yàn)?! ”緯綆У墓獗P中提供了Fireworks網(wǎng)頁(yè)效果圖源文件,以及豐富的創(chuàng)作素材,更多資源可以到www.go2here.net.cn下載。 本書適合網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作的相關(guān)人員閱讀和使用,還可以作為大中專院校相關(guān)專業(yè)的教學(xué)輔導(dǎo)和參考用書,或者作為相關(guān)培訓(xùn)機(jī)構(gòu)的教材。
作者簡(jiǎn)介
劉濤,Adobe認(rèn)證平面教師,原北京新東方職業(yè)教育中心電腦美術(shù)講師,原天極網(wǎng)校電腦美術(shù)講師,教育部考試中心《全國(guó)計(jì)算機(jī)應(yīng)用技術(shù)職業(yè)技能考試》命題和評(píng)審教師,全國(guó)大學(xué)生就業(yè)指導(dǎo)衛(wèi)星專網(wǎng)客座講師,網(wǎng)名froglt,藍(lán)色理想經(jīng)典論壇版主。
技術(shù)專長(zhǎng):致力于電腦美術(shù)教學(xué)
書籍目錄
第1章 網(wǎng)頁(yè)效果圖設(shè)計(jì)的一般流程 1.1 網(wǎng)頁(yè)效果圖設(shè)計(jì)流程概述 1.1.1 創(chuàng)建輔助線 1.1.2 繪制結(jié)構(gòu)底圖 1.1.3 添加內(nèi)容 1.1.4 切片 1.1.5 優(yōu)化 1.1.6 導(dǎo)出 1.1.7 布局 1.2 網(wǎng)站策劃 1.2.1 收集客戶資料 1.2.2 分析網(wǎng)站類型 1.2.3 確定網(wǎng)站風(fēng)格 1.3 各類網(wǎng)站的布局特點(diǎn)分析 1.3.1 資訊類網(wǎng)站 1.3.2 電子商務(wù)類網(wǎng)站 1.3.3 互動(dòng)游戲類網(wǎng)站 1.3.4 教育類網(wǎng)站 1.3.5 功能型網(wǎng)站 1.3.6 綜合類網(wǎng)站 第2章 網(wǎng)頁(yè)的布局 2.1 網(wǎng)頁(yè)布局基礎(chǔ) 2.1.1 網(wǎng)頁(yè)中的基本元素 2.1.2 網(wǎng)頁(yè)的構(gòu)成 2.1.3 網(wǎng)頁(yè)的空間與頁(yè)面尺寸 2.1.4 頁(yè)面元素的分布情況 2.2 網(wǎng)頁(yè)的布局設(shè)計(jì) 2.2.1 布局方法 2.2.2 確定版面率 2.2.3 網(wǎng)格設(shè)計(jì) 2.3 網(wǎng)頁(yè)布局的分類 2.3.1 滿版布局形式 2.3.2 十字布局形式 2.3.3 九宮格布局形式 2.3.4 米字布局形式 2.4 網(wǎng)頁(yè)布局技巧 2.4.1 黃金分割式布局(完美的比例給人視覺(jué)上的享受) 2.4.2 左右對(duì)齊式布局(沒(méi)有浪費(fèi)的空間,表現(xiàn)商業(yè)性形象) 2.4.3 全景式布局(用趣味性吸引瀏覽者) 2.4.4 衛(wèi)星式布局(以太陽(yáng)為中心的衛(wèi)星環(huán)繞型) 2.4.5 照片組合式布局(新世界以全景式自由的展現(xiàn)出來(lái)) 2.4.6 包圍式布局(限定范圍的效果) 2.4.7 散開(kāi)式布局(山水畫般的自由和優(yōu)雅) 2.4.8 單側(cè)齊行式布局(理性與自由共存的版式設(shè)計(jì)) 2.4.9 對(duì)稱式布局(以中心為基線,左右對(duì)稱) 第3章 網(wǎng)頁(yè)的色彩設(shè)計(jì) 3.1 網(wǎng)頁(yè)設(shè)計(jì)要素——色彩 3.1.1 色彩決定印象 3.1.2 色彩印象無(wú)法更改 3.1.3 色彩無(wú)處不在,具有多重效果 3.2 色彩的原理 3.2.1 光與色彩 3.2.2 物體色 3.2.3 色彩類型 3.2.4 色彩三要素 3.3 色相環(huán)的作用 3.3.1 色相環(huán)的構(gòu)成 3.3.2 色相環(huán)中的顏色特點(diǎn) 3.3.3 色彩之間的關(guān)系 3.4 網(wǎng)頁(yè)中的色彩 3.4.1 RGB色彩模式 3.4.2 HTML語(yǔ)言對(duì)顏色的描述 3.4.3 網(wǎng)頁(yè)安全色 3.5 色彩索引 3.5.1 紅色 3.5.2 橙色 3.5.3 黃色 3.5.4 綠色 3.5.5 藍(lán)色 3.5.6 紫色 3.5.7 黑色 3.5.8 白色 3.5.9 灰色 3.5.10 色彩索引配色法 3.6 色調(diào)的變化效果 3.6.1 鮮艷的色調(diào) 3.6.2 亮色調(diào) 3.6.3 淡色調(diào) 3.6.4 中間色調(diào) 3.6.5 淺濁色調(diào) 3.6.6 暗色調(diào) 3.6.7 深色調(diào) 3.7 色彩的四種功能 3.7.1 主色 3.7.2 背景色 3.7.3 融合色 3.7.4 強(qiáng)調(diào)色 3.8 實(shí)用配色網(wǎng)站推薦 第4章 Fireworks圖像處理關(guān)鍵技術(shù)精講 4.1 Fireworks基本操作技巧集錦 4.2 矢量繪制關(guān)鍵技術(shù) 4.2.1 兩種方法繪制圓角矩形 4.2.2 防止對(duì)圓角矩形變形的時(shí)候圓角改變 4.2.3 巧妙消除路徑邊緣的鋸齒 4.2.4 多種方法繪制虛線 4.2.5 制作網(wǎng)頁(yè)效果圖中的清晰小字 4.2.6 使文字按照路徑排列 4.2.7 制作電視掃描線的效果 4.2.8 自定義紋理 4.2.9 添加和修改漸變色填充 4.2.10 巧妙制作漸隱的線條 4.2.11 解決圖標(biāo)縮小后變形的問(wèn)題 4.3 圖像處理關(guān)鍵技術(shù) 4.3.1 蒙版的3種用途 4.3.2 選區(qū)和路徑的轉(zhuǎn)換 4.3.3 制作圖像條形碼效果 4.3.4 Fireworks中的外掛濾鏡 4.3.5 制作淡彩鋼筆畫效果 4.3.6 制作特殊的漸變色效果 4.3.7 制作網(wǎng)格化圖像效果 4.3.8 制作老照片效果 4.3.9 使用【曲線】命令校正圖像的色彩 4.3.10 使用【色階】命令調(diào)整圖像的色彩 第5章 Fireworks網(wǎng)頁(yè)制作關(guān)鍵技術(shù)精講 5.1 GIF動(dòng)畫制作關(guān)鍵技術(shù) 5.1.1 使用Fireworks制作補(bǔ)間動(dòng)畫 5.1.2 巧用“補(bǔ)間”技術(shù)作圖 5.1.3 巧做網(wǎng)頁(yè)LOGO中的光描動(dòng)畫 5.2 Fireworks行為相關(guān)關(guān)鍵技術(shù) 5.2.1 使用Fireworks制作交互按鈕 5.2.2 使用Fireworks的行為實(shí)現(xiàn)圖像翻轉(zhuǎn)特效 5.2.3 把Fireworks中的交互效果添加到網(wǎng)頁(yè)中 5.3 切片和優(yōu)化的關(guān)鍵技術(shù) 5.3.1 在Fireworks中對(duì)圖像進(jìn)行優(yōu)化 5.3.2 選擇合適的圖像優(yōu)化格式 5.3.3 巧妙去除GIF圖像周圍的白邊 5.3.4 導(dǎo)出效果圖切片 5.4 Fireworks效率工具問(wèn)題集合 5.4.1 巧妙執(zhí)行重復(fù)的操作 5.4.2 對(duì)大量的圖像素材進(jìn)行批量處理 第6章 網(wǎng)頁(yè)的LOGO設(shè)計(jì) 6.1 LOGO設(shè)計(jì)的基本構(gòu)成要素 6.1.1 LOGO中的線條 6.1.2 LOGO中的形狀 6.1.3 用線條和形狀構(gòu)成 LOGO 6.1.4 LOGO中的英文字體 6.1.5 LOGO中的中文字體 6.2 種常用LOGO設(shè)計(jì)技巧 6.3 Web 2.0風(fēng)格LOGO設(shè)計(jì)要素 6.4 實(shí)用LOGO設(shè)計(jì)網(wǎng)站推薦 6.5 LOGO設(shè)計(jì)案例分析 第7章 網(wǎng)頁(yè)的導(dǎo)航設(shè)計(jì) 7.1 網(wǎng)站的欄目構(gòu)成 7.2 導(dǎo)航的視覺(jué)設(shè)計(jì) 7.3 導(dǎo)航的交互設(shè)計(jì) 7.4 沒(méi)有“導(dǎo)航”的導(dǎo)航——搜索 第8章 網(wǎng)頁(yè)的通欄設(shè)計(jì) 8.1 網(wǎng)頁(yè)通欄概述 8.1.1 網(wǎng)頁(yè)中的通欄 8.1.2 網(wǎng)頁(yè)通欄的設(shè)計(jì)形式 8.1.3 網(wǎng)頁(yè)通欄的尺寸 8.2 圖像素材的選擇 8.2.1 說(shuō)服力的強(qiáng)弱 8.2.2 內(nèi)容的相關(guān)度 8.2.3 發(fā)掘圖像背后的故事 8.2.4 色彩的層次 8.2.5 與眾不同 8.2.6 幽默詼諧 8.2.7 唯美主義 8.2.8 戲劇化 8.2.9 強(qiáng)調(diào)臉部 8.3 圖像裁剪的技巧 8.3.1 將圖像轉(zhuǎn)化為相同的尺寸 8.3.2 制作不同比例的圖像 8.3.3 統(tǒng)一人物肖像的尺寸 8.3.4 對(duì)人物肖像進(jìn)行裁剪 8.3.5 裁剪掉無(wú)關(guān)的部分 8.3.6 調(diào)整圖像的角度 8.3.7 放大后裁剪 8.3.8 只保留局部 8.3.9 改變圖像傳遞的信息 8.3.10 一圖多用 8.3.11 突破空間 8.3.12 邊緣的處理 8.4 圖像設(shè)計(jì)的技巧 8.4.1 添加邊框 8.4.2 疊加效果 8.4.3 添加元素的效果 8.4.4 剪貼簿效果 8.4.5 卷曲效果 8.4.6 制作“拍立得”效果 8.4.7 異形邊緣 8.4.8 小圖銳化 8.5 通欄廣告的設(shè)計(jì)技巧 8.5.1 選擇合適的素材 8.5.2 環(huán)境背景設(shè)計(jì) 8.5.3 產(chǎn)品的展示 8.5.4 字體的選擇和設(shè)計(jì) 第9章 簡(jiǎn)單風(fēng)格的小型網(wǎng)站設(shè)計(jì) 9.1 案例分析 9.1.1 頁(yè)面布局形式 9.1.2 添加文字和圖像 9.2 案例實(shí)現(xiàn) 9.2.1 制作效果圖 9.2.2 切片、優(yōu)化和導(dǎo)出 9.2.3 布局頁(yè)面 第10章 標(biāo)準(zhǔn)型網(wǎng)站設(shè)計(jì) 10.1 案例分析 10.1.1 頁(yè)面布局形式 10.1.2 頁(yè)眉的設(shè)計(jì) 10.1.3 通欄的設(shè)計(jì) 10.1.4 內(nèi)容區(qū)域的設(shè)計(jì) 10.1.5 頁(yè)腳的設(shè)計(jì) 10.1.6 字體的選擇 10.2 案例分析 10.2.1 制作結(jié)構(gòu)底圖 10.2.2 頁(yè)眉設(shè)計(jì) 10.2.3 通欄設(shè)計(jì) 10.2.4 制作內(nèi)容區(qū)域 10.2.5 制作頁(yè)腳 10.2.6 切片、優(yōu)化和導(dǎo)出 10.2.7 布局頁(yè)面
章節(jié)摘錄
第1章 網(wǎng)頁(yè)效果圖設(shè)計(jì)的一般流程 1.1 網(wǎng)頁(yè)效果圖設(shè)計(jì)流程概述 如果要裝修房屋,首先讓裝修公司設(shè)計(jì)裝修效果圖,業(yè)主可以通過(guò)效果圖方案直觀地了解最終施工后效果,并且在多套方案中選擇滿意的作品后和設(shè)計(jì)師進(jìn)行討論、修改,最后根據(jù)最終確定的裝修效果圖來(lái)進(jìn)行施工。但是如果裝修公司直接施工,裝修完畢后業(yè)主對(duì)裝修的效果不滿意,再次進(jìn)行裝修將是非常麻煩的事情。網(wǎng)頁(yè)效果圖設(shè)計(jì)的目的也是如此,如圖1-3所示。
編輯推薦
180個(gè)按鈕導(dǎo)航PNG文件,300個(gè)網(wǎng)頁(yè)效果圖PNG文件,數(shù)千個(gè)網(wǎng)頁(yè)制作素材文件,書中實(shí)例源文件及素材。
圖書封面
圖書標(biāo)簽Tags
無(wú)
評(píng)論、評(píng)分、閱讀與下載