網頁設計 從界面布局到視覺表現(xiàn) 視頻版
定 價：69.8 元
- 作者：余蘭亭
- 出版時間：2018/2/1
- ISBN：9787115471383
- 出 版 社：人民郵電出版社
- 中圖法分類：TP393.092.2
- 頁碼：216
- 紙張：膠版紙
- 版次：1
- 開本：16K
本書主要介紹網頁設計中的布局基本原理和網頁交互的技巧及視覺表現(xiàn)方法。本書分基礎篇、界面交互篇、視覺表現(xiàn)篇、案例實踐篇四大模塊，每個模塊下又細分章節(jié)，且每章都設有小結與案例。具體包括：網頁設計的概述、網頁界面設計的內容、用戶體驗研究、信息架構設計、界面與布局、網頁視覺設計要點、視聽元素、網頁視覺風格、綜合案例。
作者長期從事網頁設計相關課程的教學科研等工作。在教學和實踐工作中，充分了解網頁設計的教學重點和注意事項，并出版過多本相關教材，得到市場的肯定。
1. 網頁設計師韓雪冬為本書主審。
2．本書的模塊清晰，從基礎到交互再到視覺*后案例實戰(zhàn)，由淺到深，層層遞進。
3．配套教學視頻。
作者長期從事網頁設計相關課程的教學科研等工作。在教學和實踐工作中，充分了解網頁設計的教學重點和注意事項，并出版過多本相關教材，得到市場的肯定。
目 錄
Part 1 基礎篇
第1章 網頁設計概述
1.1 認識網站 002
1.1.1 網站的基本概念 002
1.1.2 網站的分類 003
1.1.3 網站的商業(yè)模式 005
1.2 網頁界面空間的影響要素 009
1.2.1 分辨率與顯示器 009
1.2.2 瀏覽器 010
1.3 網站開發(fā)的團隊與協(xié)作 012
1.4 網頁的制作流程 013
第2章 網頁界面設計的內容
2.1 網站形象 016
2.1.1 網站Logo 016
2.1.2 廣告語與圖片形象 017
2.2 導航系統(tǒng) 019
2.2.1 全局導航 019
2.2.2 局部導航 021
2.2.3 搜索引擎導航 021
2.2.4 面包屑導航 022
2.2.5 其他輔助導航 023
2.3 信息內容 023
2.3.1 首頁信息展示 024
2.3.2 列表頁面信息展示 024
2.3.3 詳細頁面信息展示 025
2.4 廣告 026
2.4.1 Banner 026
2.4.2 彈出式廣告 027
2.4.3 浮動式廣告 028
2.4.4 文字鏈接式廣告 028
2.5 表單區(qū) 029
2.5.1 信息提交 029
2.5.2 信息交流 029
2.6 案例
Banner設計 030
Part ２ 界面交互篇
第3章 用戶體驗研究
3.1 以用戶為中心的設計 034
3.1.1 用戶體驗概念 034
3.1.2 以用戶為中心的研究方法 035
3.2 用戶需求研究 039
3.2.1 了解你的網站 039
3.2.2 關注你的用戶 039
3.3 案例
從用戶身上尋找需求【登錄界面】 041
界面交互篇
Part�。�
第4章 信息架構設計
4.1 網站的信息結構 047
4.1.1 信息結構的概念 047
4.1.2 網站信息組織方式 048
4.1.3 信息結構的類型 050
4.2 網站整體結構到界面架構 054
4.2.1 確定網站的導航 054
4.2.2 提高用戶體驗的交互技巧 056
4.3 案例
活動頁面設計 059
第5章 界面與布局
5.1 界面的布局原理 065
5.1.1 對稱與均衡 065
5.1.2 重點與主次 066
5.1.3 變化與統(tǒng)一 066
5.2 界面布局類型 068
5.2.1 固定布局 068
5.2.2 流動布局 069
5.2.3 響應式布局 069
5.3 原型的構建 071
5.3.1 確定頁面尺寸 071
5.3.2 頁面設計的優(yōu)先級 072
5.3.3 線框圖設計 072
5.3.4 原型設計 074
5.4 案例
食品公司網站的界面改版設計 074
Part 3 視覺表現(xiàn)篇
第6章 視聽元素
6.1 文字 082
6.1.1 字體的選擇 082
6.1.2 文字的可讀性 083
6.1.3 文字編排的藝術性 085
6.2 圖片 086
6.2.1 圖片的選擇 086
6.2.2 格式與優(yōu)化 089
6.2.3 圖像的肌理 093
6.3 色彩 095
6.3.1 色彩的模式 095
6.3.2 色彩的情感 095
6.3.3 色彩組合 101
6.4 多媒體 104
6.4.1 視頻 104
6.4.2 音頻 105
6.5 動效 106
6.5.1 GIF動圖 106
6.5.2 Flash動畫 107
6.5.3 程序實現(xiàn)的動畫 108
6.6 案例
天貓商城店鋪界面設計 108
視覺表現(xiàn)篇
Part 3
第7章 網頁視覺設計要點
7.1 視覺的有效性 116
7.1.1 簡化 116
7.1.2 留白 118
7.2 視覺的層次性 120
7.2.1 視覺流程 120
7.2.2 視覺層級關系 123
7.3 視覺的一致性 129
7.3.1 與企業(yè)形象一致 129
7.3.2 頁面及各元素間的共識 130
7.4 視覺的創(chuàng)意性 131
7.4.1 秩序內的創(chuàng)新 132
7.4.2 新媒體下的出其不意 133
7.5 案例
早教機構網站界面設計 134
第8章 網頁視覺風格
8.1 簡約風格 145
8.1.1 簡約風格的特點 145
8.1.2 簡約風格應用及分析 145
8.2 影像風格 148
8.2.1 影像風格的特點 148
8.2.2 影像風格應用及分析 148
8.3 手繪風格 150
8.3.1 手繪風格的特點 150
8.3.2 手繪風格應用及分析 150
8.4 復古風格 152
8.4.1 復古風格的特點 152
8.4.2 復古風格應用及分析 152
8.5 中式傳統(tǒng)風格 153
8.5.1 中式傳統(tǒng)風格的特點 153
8.5.2 中式傳統(tǒng)風格應用及分析 153
8.6 立體風格 155
8.6.1 立體風格的特點 155
8.6.2 立體風格應用及分析 155
8.7 拼貼風格 157
8.7.1 拼貼風格的特點 157
8.7.2 拼貼風格應用及分析 158
Part 4 綜合案例篇
第9章 網站靜態(tài)頁面
前端開發(fā)基礎
9.1 HTML基礎 161
9.1.1 HTML簡介 161
9.1.2 HTML文檔結構 161
9.1.3 常用標簽 162
9.2 CSS基礎 167
9.2.1 CSS簡介 167
9.2.2 CSS編碼規(guī)范 167
9.2.3 CSS屬性選擇器 168
9.2.4 網頁中應用樣式表 171
9.2.5 CSS常用屬性 173
9.2.6 CSS盒子模型 175
9.3 JavaScript腳本基礎 181
9.3.1 JavaScript簡介 181
9.3.2 HTML中使用JavaScript 182
9.3.3 JavaScript的變量 182
9.3.4 JavaScript操作HTML標簽 182
9.3.5 JavaScript的注釋 183
9.3.6 函數 183
9.3.7 JavaScript的運算符 184
9.3.8 JavaScript的3種流程控制 185
9.3.9 JavaScript與HTML的交互 187
9.4 案例幻燈片效果 187
9.4.1 Jquery.anythingslider插件 188
9.4.2 Jquery.anythingslider的用法 188
9.4.3 頂部導航Logo及菜單 189
9.4.4 幻燈片效果完整代碼 190
第10章 餐廳網站靜態(tài)
頁面設計
10.1 前期準備 194
10.1.1 項目背景 194
10.1.2 前期策劃 194
10.1.3 確定網站信息框架 195
10.1.4 交互原型設計 195
10.2 網頁界面設計 197
10.2.1 整體視覺風格定位及首頁設計 197
10.2.2 列表頁面設計 200
10.2.3 詳細頁面設計 201
10.3 網站布局 201
10.3.1 首頁制作 201
10.3.2 列表頁制作 208
10.4 網站動效表現(xiàn) 215
書單推薦
