網(wǎng)站界面設(shè)計案例教程

前言

　　在網(wǎng)絡(luò)上，網(wǎng)站的可用性是網(wǎng)站生存的必要條件。如果一個站點難以使用，用戶就會離開它。如果主頁不能清晰地說明這家公司可以提供什么和用戶可以在網(wǎng)頁上找到什么有用的信息，或者網(wǎng)頁上提供的信息難以閱讀，也不回答用戶提出的關(guān)鍵問題，這樣的網(wǎng)站，用戶同樣不會選用它。所以，設(shè)計出一個好的網(wǎng)站界面就顯得十分重要?！　【W(wǎng)站界面所包含的因素是極為廣泛的，但在設(shè)計某一具體網(wǎng)站界面時，卻只能側(cè)重于某些方面。設(shè)計過程中，設(shè)計師應(yīng)對社會環(huán)境進行深入的調(diào)研，所設(shè)計的作品必須符合人們的消費預(yù)期及審美習(xí)慣?！　”緯饕嫦虺鯇W(xué)者，通過一個完整的案例介紹了網(wǎng)站界面設(shè)計基礎(chǔ)知識、網(wǎng)站界面設(shè)計中色彩的運用、網(wǎng)站界面設(shè)計中圖形圖像的運用、網(wǎng)站界面中首頁的設(shè)計、網(wǎng)站界面中導(dǎo)航系統(tǒng)的設(shè)計、網(wǎng)站中的廣告設(shè)計等內(nèi)容，是理想的網(wǎng)站界面設(shè)計基礎(chǔ)的培訓(xùn)教材。　　為了方便教師授課和讀者的學(xué)習(xí)，隨書附有光盤一張，光盤中含有本書的電子教案、素材、源文件、效果圖等?！　”緯商魄种骶?，牟向宇為副主編。其中第1章由余萍編寫，第2、6章由黃克勤編寫，第4、7章由牟向宇編寫，第3、8章由范永富編寫，其余章節(jié)由唐乾林編寫。全書統(tǒng)稿、定稿由唐乾林完成。在編寫本書的過程中，作者參閱了一些網(wǎng)絡(luò)資源和文獻資料，在此向這些作品的作者表示衷心的感謝！　　由于編者水平有限，加之編寫時間倉促，書中不妥或錯誤之處在所難免，懇請廣大讀者批評指正。

內(nèi)容概要

　　《網(wǎng)站界面設(shè)計案例教程》通過一個完整的案例，向讀者介紹了網(wǎng)站界面設(shè)計的基礎(chǔ)知識、網(wǎng)站界面設(shè)計中色彩的運用、網(wǎng)站界面設(shè)計中圖形圖像的運用、網(wǎng)站界面中首頁的設(shè)計、網(wǎng)站界面中導(dǎo)航系統(tǒng)的設(shè)計、網(wǎng)站中的廣告設(shè)計等內(nèi)容。　　《網(wǎng)站界面設(shè)計案例教程》可作為高職高專院校相關(guān)專業(yè)學(xué)習(xí)網(wǎng)站界面設(shè)計課程的教材。特別適合課時有限的課程，要求學(xué)生在較短時間內(nèi)掌握網(wǎng)站界面設(shè)計能力的專業(yè)使用，也可作為廣大計算機愛好者自學(xué)網(wǎng)站界面設(shè)計的參考書。

書籍目錄

出版說明前言第1章 網(wǎng)站界面設(shè)計基礎(chǔ)1.1 網(wǎng)站界面的發(fā)展1.2 網(wǎng)站界面的構(gòu)成要素和要點1.2.1 網(wǎng)站界面的構(gòu)成要素1.2.2 網(wǎng)站界面設(shè)計最基本的技術(shù)要素1.2.3 網(wǎng)站界面設(shè)計要點1.3 網(wǎng)站界面設(shè)計原則1.4 網(wǎng)站界面與軟件界面的異同1.5 常用工具軟件簡介1.5.1 Photoshop1.5.2 Fireworks1.5.3 Flash1.5.4 Dreamweaver1.5.5 其他設(shè)計工具1.6 習(xí)題第2章 網(wǎng)站界面設(shè)計中的色彩2.1 色彩的作用2.2 色彩的基本原理2.2.1 光與色彩2.2.2 色彩的三要素2.3 色彩設(shè)計的心理效應(yīng)2.3.1 色彩的感覺2.3.2 色彩的情感2.3.3 色彩搭配運用案例——四葉草公司網(wǎng)站色彩搭配方案2.4 習(xí)題第3章 網(wǎng)站界面設(shè)計中的圖形圖像3.1 圖形圖像的作用3.1.1 傳達信息3.1.2 美化界面3.1.3 強化表現(xiàn)3.1.4 增強趣味3.2 圖形圖像的分類3.2.1 主體圖3.2.2 輔助圖3.2.3 導(dǎo)航圖標(biāo)3.2.4 標(biāo)志3.3 圖形圖像的處理技巧3.3.1 獲取圖形圖像的方式3.3.2 在網(wǎng)頁設(shè)計中的圖像格式3.3.3 圖形圖像的基礎(chǔ)操作3.4 圖形圖像的創(chuàng)意與設(shè)計3.5 圖形圖像在網(wǎng)頁設(shè)計中的運用案例——四葉草公司網(wǎng)站圖標(biāo)設(shè)計與制作3.6 實訓(xùn)3.7 習(xí)題第4章 網(wǎng)站界面中首頁的設(shè)計4.1 網(wǎng)站界面的整體設(shè)計4.1.1 確定風(fēng)格4.1.2 色彩搭配4.1.3 圖片處理4.1.4 文字設(shè)計4.2 版式的設(shè)計4.2.1 欄目的設(shè)計4.2.2 二級頁面的界面設(shè)計4.2.3 界面設(shè)計技巧4.3 網(wǎng)站界面首頁設(shè)計案例——四葉草公司網(wǎng)站首頁設(shè)計與制作4.4 網(wǎng)站界面中二級頁面設(shè)計案例——四葉草公司網(wǎng)站二級頁面設(shè)計與制作4.5 實訓(xùn)4.6 習(xí)題第5章 網(wǎng)站界面中導(dǎo)航系統(tǒng)的設(shè)計5.1 導(dǎo)航系統(tǒng)設(shè)計概述5.1.1 設(shè)計目的5.1.2 設(shè)計原則5.1.3 設(shè)計形式5.2 導(dǎo)航系統(tǒng)設(shè)計5.2.1 全局導(dǎo)航5.2.2 局部導(dǎo)航5.3 導(dǎo)航系統(tǒng)設(shè)計案例——四葉草公司網(wǎng)站導(dǎo)航設(shè)計5.4 實訓(xùn)5.5 習(xí)題第6章 網(wǎng)站界面中其他功能的設(shè)計6.1 用戶注冊與登錄6.1.1 個人注冊頁的界面設(shè)計6.1.2 登錄框設(shè)計6.2 論壇6.2.1 論壇首頁的界面設(shè)計6.2.2 主題帖子的界面設(shè)計6.2.3 發(fā)帖、回帖頁的界面設(shè)計6.3 搜索界面的設(shè)計6.4 互動界面設(shè)計技巧6.4.1 互動設(shè)計的鍵6.4.2 超鏈接的設(shè)計6.4.3 箭頭的設(shè)計6.5 后臺管理系統(tǒng)的界面設(shè)計6.6 綜合案例——四葉草網(wǎng)站界面中其他功能的設(shè)計與制作6.7 實訓(xùn)6.8 習(xí)題第7章 網(wǎng)站界面中的廣告設(shè)計7.1 網(wǎng)絡(luò)廣告的特點7.2 網(wǎng)絡(luò)廣告設(shè)計的原則7.3 網(wǎng)絡(luò)廣告的表現(xiàn)手法7.4 網(wǎng)絡(luò)廣告的設(shè)計7.4.1 片頭動畫設(shè)計7.4.2 圖標(biāo)廣告設(shè)計7.4.3 Banner廣告設(shè)計7.4.4 彈出式廣告設(shè)計7.5 網(wǎng)絡(luò)廣告的案例——四葉草公司網(wǎng)站廣告設(shè)計與制作7.6 實訓(xùn)7.7 習(xí)題第8章 商業(yè)網(wǎng)站界面設(shè)計的綜合案例——四葉草公司網(wǎng)站設(shè)計與制作8.1 需求的提出8.1.1 客戶需求分析8.1.2 收集加工素材8.1.3 欄目設(shè)計8.1.4 版式初步設(shè)計8.2 綜合設(shè)計8.2.1 確定版式8.2.2 確定色彩8.3 用Photoshop設(shè)計效果圖8.4 在Dreamweaver中生成網(wǎng)頁8.4.1 生成靜態(tài)頁面8.4.2 添加動畫效果8.5 實訓(xùn)8.6 習(xí)題第9章 網(wǎng)站界面設(shè)計的綜合案例——心源網(wǎng)站設(shè)計與制作9.1 前期工作9.1.1 客戶提出需求9.1.2 客戶需求分析9.1.3 網(wǎng)站設(shè)計定位9.2 收集加工素材9.3 欄目規(guī)劃設(shè)計9.4 模擬草圖初步設(shè)計9.4.1 確定版式9.4.2 確定色彩9.4.3 點線面分布9.5 制作效果圖9.6 切圖并導(dǎo)人到Dreamweaver中生成網(wǎng)頁9.7 在Dreamweaver中生成網(wǎng)頁9.7.1 生成靜態(tài)頁面9.7.2 添加動畫效果9.7.3 調(diào)整頁面效果9.8 實訓(xùn)9.9 習(xí)題參考文獻

章節(jié)摘錄

　　2.1 色彩的作用　　網(wǎng)頁設(shè)計不僅要掌握基本的網(wǎng)站制作技術(shù)，還需要掌握網(wǎng)站的風(fēng)格、配色等設(shè)計藝術(shù)。色彩在網(wǎng)站界面設(shè)計中占據(jù)相當(dāng)重要的地位。有些網(wǎng)頁看上去十分典雅、有品位，令人賞心悅目，但是頁面結(jié)構(gòu)卻很簡單，圖像也不復(fù)雜，這主要是色彩運用得當(dāng)所取得的效果?！　?.劃分視覺區(qū)域　　網(wǎng)頁上的信息往往很多、很繁雜，怎樣對其做有效的劃分，使之井然有序？色彩是最有效的劃分方式，可以在網(wǎng)頁上添加不同色塊作為背景，劃分出不同的區(qū)域，這樣看上去會非常有序?？梢杂蒙珘K來劃分視覺區(qū)域，如圖2-l所示，也可以用色帶來劃分視覺區(qū)域，如圖2-2所示?！　?.引導(dǎo)主次　　色彩有明暗區(qū)別，還有面積大小的區(qū)別，當(dāng)兩個以上色彩同時存在的時候，就會產(chǎn)生對比關(guān)系，在閱讀的時候就會形成一先一后的視覺效應(yīng)，可以借此來安排主要的內(nèi)容和次要的內(nèi)容，使主次分明、層次清晰，如圖2-3所示。

編輯推薦

　　《網(wǎng)站界面設(shè)計案例教程》特點：　　內(nèi)容新，展現(xiàn)網(wǎng)站界面設(shè)計方面的發(fā)展現(xiàn)狀?！　≈R全，注重基礎(chǔ)知識與實踐性知識的結(jié)合?！　?nèi)容符合學(xué)習(xí)規(guī)律，從淺到深、循序漸進?！　“咐虒W(xué)的形式貫穿全書?！　嵱眯詮?，緊扣社會對本職業(yè)能力的要求，注重培養(yǎng)界面設(shè)計的實用技能。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)站界面設(shè)計案例教程 PDF格式下載

---