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

前言

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

內容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

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

圖書封面

評論、評分、閱讀與下載

---

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

---