 |
-- 會員 / 註冊 --
|
 |
|
|
|
寫給UI設計師看的數據可視化設計 ( 簡體 字) |
| 作者：吳星辰 | 類別：1. -> 程式設計 -> UI/UX |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 54417
詢問書籍請說出此書號！【缺書】
NT售價： 545 元 |
| 出版日：4/1/2021 |
| 頁數：288 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121408250 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：關于入行
那年我住在北京香山腳下，每天8 點起床，9 點開始看UI 教程，下午和晚上做練習，有時學累了就去爬香山，最好的成績是上山下山不到兩個小時，爬山回來沖個涼繼續學習。那段時間晚上做夢常常都是在畫圖標，后來我發現，新學習的技能如果不在夢里出現，那肯定是沒有下足功夫。
就這樣，我自學了兩個半月的UI 設計，恰逢那幾年是移動互聯網爆發期，行業對UI設計師的需求量很大，因此我很幸運地找到了工作。但工作后才發現，做設計遠不是自學兩個多月的事，尤其我還是非科班出身。于是，我開始學習美術知識，看美院的課程，還在五道口報了繪畫班，每周六學習一天，大概學了半年，這段時間的學習使我真正喜歡上了設計。
剛開始做設計，由于一直都有危機感，因此在之后的兩年多時間里，我一直沒有停止學習，幾乎每天都在看教程，從攝影后期、合成、插畫、字體設計到UI 設計、動效設計、三維設計、交互設計、產品設計，再到服務設計，只要與設計相關的都不放過，那段時間過得充實而又滿足，就這樣漸漸地對設計越來越有想法和信心，產出的東西也越來越被更多人所肯定。
如今，入行UI 設計已有六年，回想當初自己帶著一腔熱血一頭扎進設計行業真是我目前做的最正確的選擇，做設計是讓我最有成就感、最開心的事！
關于寫作＆ 成果
在我一周歲抓周兒的時候，我抓住了一支筆，寫作這件事可能跟我抓周兒有關系吧！其實開始寫文章是在進入設計行業之后，那時我所在公司的產品設計團隊要求每周五輪流分享產品或設計心得，不知道為什么，我對這件事情有獨鐘，每次輪到我都會做充分準備，后來我就干脆把分享的內容整理成文章發布到設計平臺，再之后我又開通了微信公眾號“互聯網設計幫”，正式開啟了設計總結的寫作之路。
不斷的產出帶給我意想不到的收獲，設計平臺和公眾號的粉絲開始多了起來，文章也得到了站酷、UI 中國、人人都是產品經理等平臺的首頁推薦，我也有幸站在近百人面前進行設計分享，這些都讓我感到非常充實和快樂。今后我還會繼續堅持寫作，分享設計，也特別希望讀者朋友們能試著去分享你們的設計作品和設計總結。堅持下來你會發現，分享是最有效的學習方法，同時也能收獲更好的自己。
關于寫書
我接觸數據可視化設計已有四年多的時間，每完成一個項目都習慣將總結整理成文章分享出來，也時常分享一些數據可視化設計技能方面的教程。在這個過程中，有很多小伙伴常常會提出一些問題，如如何定義大屏的設計尺寸、如何才能有炫酷效果、如何讓動效設計落地等，針對這些大大小小的問題，我一直想全面地做一次總結。也就在這個時候，電子工業出版社的石悅老師聯系到我，希望我能把這些年在數據可視化設計領域的經驗總結整理成書，于是我們一拍即合，最終有了這樣一本針對數據可視化設計領域，兼具交互和產品相關知識及案例實戰的圖書。
我和業內許多經驗豐富的前輩，以及才華橫溢的設計大佬相比還有很多需要學習和提升的地方。我會盡最大的努力，把這幾年的設計經驗總結出來，給曾經像我一樣迷茫的設計朋友帶來一些指引和幫助。 |
內容簡介：本書將帶你全面認識數據可視化設計，從簡單的圖表設計到炫酷的三維可視化大屏設計，都會通過實際案例進行詳細介紹，其中還包括動效設計，以及如何讓動效用不同方式落地。本書還詳細介紹了B 端產品和G 端產品的設計原則，這可以讓你更清晰地認識數據可視化領域的設計要點，另外書中分享的交互思維、產品思維案例，也會讓你了解如何運用全局視角做UI 設計。本書不僅是學習數據可視化設計的重要參考，還是全面培養和構建設計師全局設計體系的指導用書。 |
目錄：第1 章 認識數據可視化設計 / 001
1.1 數據可視化設計的價值 / 002
1.2 數據可視化設計的魅力 / 005
1.2.1 文字排版 / 006
1.2.2 表格展示 / 007
1.2.3 圖形呈現 / 008
1.3 數據可視化設計應用場景 / 009
1.3.1 平面設計 / 009
1.3.2 后臺產品和中臺產品 / 010
1.3.3 可視化大屏產品 / 012
1.4 如何學習數據可視化設計 / 014
1.4.1 數據可視化設計必備技能 / 014
1.4.2 數據可視化設計四要素 / 015
1.4.3 建立數據可視化設計學習體系 / 019
第2 章 圖形設計 / 022
2.1 圖形分類 / 023
2.1.1 隨時間變化圖形 / 023
2.1.2 類別比較圖形 / 027
2.1.3 排名圖形 / 031
2.1.4 占比圖形 / 033
2.1.5 關聯圖形 / 036
2.1.6 分布圖形 / 040
2.1.7 關系圖形 / 043
2.2 圖形選用 / 045
2.2.1 KPI 圖的妙用 / 045
2.2.2 巧用真實數據選圖形 / 046
2.2.3 從突出價值數據選圖形 / 047
2.2.4 從可讀性角度選圖形 / 047
2.2.5 3D 圖形的科學運用 / 048
2.2.6 直方圖與柱狀圖 / 049
2.2.7 從對比性選圖形 / 051
2.3 圖形設計 / 052
2.3.1 圖形視覺層級解析 / 052
2.3.2 折線圖設計原則 / 053
2.3.3 柱狀圖的黃金法則 / 054
2.3.4 餅圖的規范設計法則 / 056
2.3.5 突出圖形重要數據 / 057
2.2.6 圖形用色技巧 / 060
2.3.7 圖形添加說明的重要性 / 062
2.3.8 標題成就圖形 / 063
2.3.9 簡潔：少即是多 / 064
2.3.10 圖形的擴展性設計 / 065
006 寫給UI 設計師看的數據可視化設計
2.3.11 圖形的營銷手段 / 067
2.4 表格設計 / 068
2.4.1 表格排版奧秘 / 069
2.4.2 表格字體運用 / 073
2.4.3 表格與圖形結合 / 074
第3 章 數據可視化產品設計 / 076
3.1 可視化大屏設計流程 / 077
3.1.1 設計流程詳解 / 077
3.1.2 需求調研 / 078
3.1.3 數據分析 / 079
3.1.4 產品設計 / 080
3.1.5 可行性測試 / 080
3.2 可視化大屏設計尺寸解析 / 081
3.2.1 大屏的類別和成像原理 / 082
3.2.2 大屏與電腦同比例 / 082
3.2.3 大屏與電腦不同比例 / 084
3.2.4 如何配置大屏電腦顯示器 / 085
3.2.5 大屏的分屏設計 / 087
3.3 可視化大屏視覺設計 / 088
3.3.1 大屏使用字號解析 / 088
3.3.2 大屏設計布局解析 / 090
3.3.3 定義設計風格主題 / 092
3.3.4 情緒板設計方法 / 095
目 錄007
3.4 可視化設計之美 / 095
3.4.1 布局之美——平衡感 / 096
3.4.2 布局之美——格式塔原則 / 097
3.4.3 布局之美——黃金比例 / 100
3.4.4 色彩之美——用色技巧 / 103
3.4.5 色彩之美——認知配色 / 105
3.4.6 色彩之美——視覺無障礙設計 / 106
3.5 文案設計之美 / 109
3.5.1 積極友好的文案設計 / 109
3.5.2 從用戶的需求和痛點出發設計文案 / 110
3.5.3 如何用文案渲染產品調性 / 111
3.5.4 拉近與用戶距離的文案設計 / 112
3.5.5 提高閱讀效率的文案設計 / 113
3.5.6 價值引導的文案設計 / 114
3.5.7 文案表述的一致性 / 115
3.5.8 文字排版規范 / 116
3.5.9 文案標點使用規范 / 117
3.5.10 英文使用規范 / 118
3.5.11 特殊字體使用 / 119
第4 章 交互設計 / 120
4.1 交互思維 / 121
4.1.1 用戶體驗 / 121
4.1.2 用戶思維 / 122
008 寫給UI 設計師看的數據可視化設計
4.1.3 交互五要素 / 125
4.1.4 5W1H 分析法 / 127
4.2 交互設計定律 / 128
4.2.1 費茨定律 / 128
4.2.2 席克定律 / 129
4.2.3 泰斯勒定律 / 130
4.2.4 米勒定律 / 132
4.3 交互設計原則 / 133
4.3.1 防錯原則 / 133
4.3.2 美即好用效應 / 135
4.3.3 交互直接性原則 / 136
4.3.4 嵌入式呈現 / 137
4.3.5 用戶心流 / 139
4.4 可視化圖表交互 / 140
4.4.1 交互式圖表 / 140
4.4.2 簡單可交互 / 143
4.4.3 交互時突出重點 / 146
4.4.4 移動端圖表交互 / 148
4.4.5 聲音交互 / 152
4.5 產品思維 / 153
4.5.1 產品感 / 153
4.5.2 B 端產品設計原則 / 155
4.5.3 G 端產品設計原則 / 159
目 錄009
第5 章 動效設計 / 161
5.1 動效設計價值 / 162
5.2 動效設計分類 / 163
5.2.1 視覺動效 / 163
5.2.2 交互動效 / 166
5.3 動效設計原則 / 168
5.3.1 動效物理運動法則 / 168
5.3.2 動效持續時長解析 / 170
5.3.3 動效渲染產品調性 / 170
5.3.4 簡單動效與復雜動效 / 171
5.3.5 大屏動效的表現與克制 / 172
5.4 動效設計實戰 / 173
5.4.1 動效圖標設計 / 173
5.4.2 3D 模型動效設計 / 176
5.4.3 3D 粒子動效設計 / 180
5.4.4 動效營造科技感 / 190
5.5 動效設計落地 / 195
5.5.1 三大動圖格式 / 196
5.5.2 適用Web 端的視頻格式 / 200
5.5.3 CSS 序列幀精靈圖動畫 / 201
5.5.4 Lottie——.json 文件代碼動畫 / 202
5.5.5 生成SVGA 格式的動畫 / 203
5.5.6 導出CSS 動畫代碼 / 204
5.5.7 動效設計文檔輸出 / 205
010 寫給UI 設計師看的數據可視化設計
第6 章 3D 可視化設計 / 207
6.1 3D 可視化的設計工具 / 208
6.1.1 3D 效果設計利器——C4D 和AE / 209
6.1.2 城市模型利器——Arc GIS / 212
6.1.3 城市模型利器——City Engine / 214
6.1.4 3D 實時交互利器——Ventuz / 223
6.1.5 3D 特效游戲引擎——U3D 和UE4 / 226
6.2 3D 可視化設計實戰 / 229
6.2.1 可視化大屏透視效果設計 / 229
6.2.2 3D 動畫元素設計落地 / 232
6.2.3 可交互地球設計落地 / 233
第7 章 數據可視化設計工具、靈感、案例 / 239
7.1 第三方數據可視化設計工具 / 240
7.1.1 可視化組件庫工具 / 240
7.1.2 可視化大屏工具 / 247
7.1.3 可視化地圖工具 / 249
7.2 數據可視化設計靈感 / 252
7.2.1 可視化設計靈感網站 / 253
7.2.2 可視化設計素材網站 / 256
7.3 數據產品案例 / 258
7.3.1 百度熱搜大屏案例 / 258
7.3.2 ToG 政務大屏案例 / 262
7.3.3 ToB 數據產品案例 / 264 |
| 序： |
|
