Web前端設計(2023年清華大學出版社出版的圖書)

Web前端設計(2023年清華大學出版社出版的圖書)

本詞條是多義詞,共2個義項
更多義項 ▼ 收起列表 ▲

《Web前端設計》是2023年清華大學出版社出版的圖書,作者是王珊。

基本介紹

  • 中文名:Web前端設計
  • 作者:王珊
  • 出版時間:2023年6月1日
  • 出版社:清華大學出版社
  • ISBN:9787302631729 
  • 定價:59 元
內容簡介,圖書目錄,

內容簡介

Web 前端設計是為適應資訊時代發展應運而生的多領域交叉設計方向,對設計師而言,Web 跨平台、跨終端、智慧型化的新特徵,對內容策略、互動方式、用戶體驗設計都提出了更高的要求,同時了解前端技術對設計師提升自身創新能力也變得越發重要。因此,本書內容整體上包含設計和技術兩部分,並在內容編排和設計上充分體現設計和技術的有機融合。在設計部分,按照思維方法到用戶體驗設計再到跨媒介綜合設計的梯度組織內容,融入跨終端、跨媒介等符合時代變化的前沿設計理念和方法;在技術部分,不同於信息技術專業學習的“硬核技術”,而是以設計師視角切入,以輔助創意設計實現為目標,形成與設計匹配的前端技術基礎到回響式前端技術的知識梯度。

圖書目錄

目錄
PART 1 設計篇
第1章 Web前端設計概論 / 3
1.1 Web 前端的概念 / 3
1.2 Web套用類型 / 4
1.2.1 網站、網頁/ 4
1.2.2 Web App 和混合式App / 5
1.2.3 基於微信的Web 套用/ 6
1.2.4 其他遊戲和互動類Web 套用/ 6
1.3 Web 媒介特點 / 7
1.3.1 跨平台性/ 7
1.3.2 融合多元信息形態/ 8
1.3.3 動態互動性/ 9
1.3.4 分散式信息/ 10
1.4 Web 發展趨勢 / 10
1.5 Web 前端設計範疇 / 11
第2章 Web設計模式 / 13
2.1 不同終端的設計模式 / 13
2.1.1 PC 端/ 13
2.1.2 移動端/ 14
2.1.3 PC 端與移動端的對比/ 17
2.1.4 其他終端/ 18
2.2 Web元素 / 19
2.3 跨終端設計 / 21
2.3.1 回響式設計/ 21
2.3.2 智慧型系統設計/ 22
第3章 Web設計研究 / 24
3.1 Web 設計理論 / 24
3.1.1 設計思維/ 24
3.1.2 用戶體驗要素/ 25
3.2 設計研究的意義 / 26
3.3 設計研究的方法 / 27
3.3.1 用戶研究/ 27
3.3.2 競品分析(同類、現有解決方案分析)/ 31
第4章 Web設計過程 / 33
4.1 信息架構的概念 / 33
4.2 互動設計的概念 / 34
4.3 信息與互動的關係 /35
4.4 設計方法與工具 /36
4.4.1 信息架構設計要素/ 36
4.4.2 信息分類方式/ 37
4.4.3 層級式任務分析/ 42
4.5 Web組織結構 /434.5.1 單一模式/ 43
4.5.2 混合模式/ 47
第5章 Web設計表達 /50
5.1 原型的概念 /50
5.2 低保真原型 /51
5.3 高保真原型 /53
5.4 多模態原型 /53
5.5 感知設計 /54
5.5.1 視覺/ 54
5.5.2 聽覺/ 55
5.5.3 觸覺/ 56
5.5.4 嗅覺/ 56
5.5.5 味覺/ 57
5.6 多模態互動 /57
第6章 Web設計技術——結構 /61
6.1 基本的Web標準 /61
6.2 HTML與Web結構 /62
6.3 HTML5基本語法 /63
6.3.1 HTML 標籤/ 63
6.3.2 HTML 5 文檔基本結構/ 63
6.4 HTML5元素 /64
6.4.1 頁面布局元素/ 64
6.4.2 文本元素/ 68
6.4.3 超連結/ 69
6.4.4 圖像、音視頻元素/ 70
6.4.5 列表/ 72
6.4.6 表格和表單/ 73
第7章 Web設計技術——表現 /77
7.1 CSS簡介 /77
7.2 CSS基本語法 /79
7.3 CSS選擇器 /79
7.3.1 基本選擇器/ 79
7.3.2 複合選擇器/ 83
7.4 CSS優先權 /85
7.5 CSS顏色 /86
7.6 CSS常用屬性 /87
7.6.1 文本相關屬性/ 87
7.6.2 圖像相關屬性/ 88
7.6.3 列表相關屬性/ 89
第8章 Web設計技術——布局 /91
8.1 布局基礎 /91
8.1.1 元素顯示類型/ 91
8.1.2 盒模型/ 93
8.2 CSS定位方式 /96
8.2.1 浮動定位/ 97
8.2.2 絕對定位/ 99
8.2.3 相對定位/ 101
8.3 常見布局 /102
PART 2 技術篇
8.3.1 一欄式布局/ 102
8.3.2 兩欄式布局/ 104
8.3.3 三欄式布局/ 106
第9 章 跨終端Web 設計技術——彈性布局 / 108
9.1 彈性布局的概念 / 108
9.2 彈性盒模型 / 109
9.3 彈性盒基本屬性 / 109
9.4 彈性盒對齊屬性 / 111
9.5 彈性盒布局案例 / 113
9.5.1 水平垂直居中元素/ 114
9.5.2 聖杯布局/ 115
第10 章 跨終端Web 設計技術——回響式設計 / 118
10.1 回響式設計的概念 / 118
10.2 回響式設計模式 / 119
10.3 媒體查詢 / 121
10.3.1 基本語法/ 121
10.3.2 媒體查詢實例/ 123
10.4 回響式框架 / 124
10.4.1 Bootstrap 介紹/ 124
10.4.2 Bootstrap 柵格系統/ 125
10.4.3 Bootstrap 布局案例/ 126
10.4.4 Bootstrap 基本組件/ 129
參考文獻 / 130

相關詞條

熱門詞條

聯絡我們