Erik Klimczak 是一名交互設計師和軟件開發者,立誌創造産品和提供服務以改善人們生活,對設計中認知行為、藝術及技術的融閤有著極大的熱情。Erik 目前是芝加哥一傢設計團隊的負責人,他獨特的溝通技巧為設計團隊和技術團隊之間架起瞭橋梁,而他自己也從中獲得瞭大量的新知識。Erik的工作跨越瞭創意和技術的範疇,服務於娛樂、金融、保健、消費和零售領域。工作之餘,他也會花很多時間在自己愛好的攝影和音樂上,你可以通過Twitter 聯係他:@eklimcz。
第一部分 規劃 1
第1章 研究 3
什麼是用戶研究 4
用戶研究不等於可用性 5
設計術語:人種誌 5
從用戶的角度開始 6
案例研究:快速結賬 10
讓發現更有意義 15
總結 18
第2章 靈感 19
像藝術傢一樣偷師學藝 20
如果以上方法都行不通…… 33
總結 36
第二部分 設計思維 37
第3章 繪製草圖 39
設計思維——開發者式的設計 40
繪製草圖——一切設計由此開始 40
草圖的優點 41
何時繪圖 42
繪製草圖的工具 42
應用流的基礎 48
創建一個應用流 50
故事闆的作用 58
何時使用故事闆 60
創建故事闆 60
不知道從何處入手?從模闆開始吧 61
總結 63
第4章 信息架構 65
究竟什麼是信息架構 67
可用性的成本 68
信息架構設計的交付物 69
角色、用戶場景和故事闆 69
內容模型 70
應用流 70
綫框圖 71
手勢庫 72
信息架構的一切都與內容相關 73
讓一切更有意義 73
信息架構設計的五個步驟 75
步驟1 :定義主題、目標和需求 76
步驟2 :選擇一種版式 77
步驟3 :為相似項目分組 89
步驟4 :保持一緻 90
步驟5 :精簡 91
總結 93
第5章 綫框圖 95
瞭解綫框圖 96
綫框圖101 97
應該在什麼時候創建綫框圖 98
解析綫框圖 98
你是在說綫框圖嗎 100
注意事項 103
好用的綫框圖工具 107
綫框圖技巧 113
綫框圖技巧#1 :創建基本的綫框圖 114
綫框圖技巧#2 :采用灰度圖和一種顔色 115
綫框圖技巧#3 :采用逐幀錶達法 118
綫框圖技巧#4 :使用氣泡 118
綫框圖技巧#5 :放大細節 119
總結 120
第6章 原型設計 121
什麼時候需要原型 122
交流新想法 123
驗證概念 123
進行基本可用性測試 123
決定創意是否值得投資 123
什麼是有效的原型 124
用聰明的方法進行僞造 127
“小賭”一把 127
好用的原型設計工具 128
微軟的SketchFlow 128
Adobe Edge 130
Adobe After Effects 131
Keynote 與PowerPoint 132
HTML /JavaScript/ CSS3 133
Axure RP 134
Arduino、Openframeworks 與Processing 135
原型設計方法 136
方法#1 :紙麵原型 136
方法#2 :交互式綫框圖 137
方法#3 :視頻設計原型 142
總結 147
第三部分 視覺設計 149
第7章 顔色 151
顔色的基本理論 152
顔色的相關術語 152
顔色模型 154
冷暖色 159
顔色心理學 160
對比度 164
應用顔色:一些經驗法則 166
隻使用兩到三種顔色 166
以純色開始,然後轉為漸變色 167
使用暗色的色調 167
綠色意味著可行 168
如何創作一個好調色闆 168
灰度圖 169
五種調色闆,你不能用錯 171
顔色的技巧 174
顔色技巧#1 :用照片生成一個調色闆 174
顔色技巧 #2 :利用代碼生成顔色 177
顔色技巧 #3 :使用Photoshop 179
我私藏的顔色技巧:使用算法來找到平均顔色 182
總結 184
第8章 數字化排版設計 185
重中之重 186
字體排版基礎知識 187
理解樣式術語 187
字體和字型有什麼不同 192
字體的分類 193
襯綫字體 193
無襯綫字體 195
8種方法改善你的字體 198
1. 選擇瞭一種字體比例後就堅持用下去 198
2. 使用一緻的間距 199
3. 一緻的行寬 200
4. 稍做變換就能分齣視覺層次 201
5. 選擇閤適的正文字體 202
6. 使用一個字體族群 205
7. 組閤使用兩到三種字體 205
8. 使用好看的“&”符號 210
總結 211
第9章 視覺傳達 213
沒那麼簡單 214
1. 就像在為自己而設計 215
2. 保持一緻 215
五種方式闡明你的設計 216
1. 使用一個適閤的網格 216
2. 建立層次 224
3. 刪除無用的東西 228
4. 檢查並行性 234
5. 建立清晰的功能可見性 236
總結 241
第10章 動作 243
動畫看起來很酷,但是它們真的能讓應用更好嗎 244
過渡、動畫和時機原則 245
動畫和過渡之間有什麼區彆 245
不要太快,不要太慢,也不要太多 246
什麼時候需要使用動作 247
什麼時候應該避免動作 247
漸隱、滑動和縮放——動畫的超級工具 248
漸隱 249
滑動 249
縮放 250
動作的原則 251
慢進和慢齣 251
擠壓和伸展 252
預期 253
跟隨和重疊 254
弧綫 255
緩動函數 256
高級運動技術 259
跟隨 260
認知錯覺 260
總結 261
第四部分 交互設計 263
第11章 交互設計的原則 265
交互設計的介紹 266
沉入心流 267
促進心流的方法 268
易學性 vs. 易用性 275
可用性設計 275
易學性設計 277
人體工程學 278
肌肉疲勞 279
視野和周邊視覺 281
環境和光照條件 282
最優的觸摸目標 283
遮擋 285
總結 287
第12章 設計模式 289
為什麼使用設計模式 290
其他設計模式資源 291
模式 294
自動對焦 294
拖放 295
自動保存 296
空白狀態 297
進度指示器 298
選用閤適的目標尺寸 299
按鈕就是按鈕 300
如非必要,避免使用模態聲明 301
直接操作 302
為相似項目分組 303
連續滾動 304
根據重要性調整元素的尺寸 305
全景儀錶盤 306
防錯控件 307
退齣方式 308
居左/ 右對齊 309
超級搜索 310
簡單任務用簡單UI,復雜任務用復雜UI 311
同步位置 312
利用字體反差 313
總結 314
· · · · · · (
收起)
在用戶體驗被提升到決定産品生死高度的時代,非設計人員最好也懂點設計知識。《一個人的産品:寫給非設計師的設計書》講述從産品創意直至産品原型整個過程中所涉及的設計方麵的理論和方法,本著實用、有效、通用的原則,為缺乏設計背景的人" 補課”,教他們如何攻剋軟件設計中的各種難關。一旦掌握瞭這些設計知識,你的工作內容就能極大地拓展,因為它們對於任何工作和職位都是有幫助的,無論是設計師、開發者、産品經理,甚至CEO。有瞭這些設計知識,你甚至能憑一己之力完成産品的開發。
對於初入行的設計師、産品經理、與産品設計相關的人員,對産品設計感興趣的開發者等,《一個人的産品:寫給非設計師的設計書》都適閤閱讀。
一個人的産品:寫給非設計師的設計書 epub pdf mobi txt 電子書 下載 2024
一個人的産品:寫給非設計師的設計書 下載 epub mobi pdf txt 電子書
評分
☆☆☆☆☆
##ui設計理念和方法書,著重講瞭自己對草圖,綫框圖和原型設計。如果是從事這個行業的我認為看得會更有共鳴
評分
☆☆☆☆☆
評分
☆☆☆☆☆
##跨時一年,斷斷續續還差最後一章沒讀...內容涵蓋瞭産品的設計思維、原型製作與錶達、交互設計、視覺設計...大雜燴的手冊書
評分
☆☆☆☆☆
##作者總結瞭自己多年的專業經驗,科普瞭一個優秀的應用程序是怎麼從 用戶研究、獲取靈感、繪製草圖、組織信息架構、畫UI綫框圖、設計原型、視覺設計、數字化排版、視覺傳達、UI動畫、交互設計 等一係列流程製作齣來的。其中也指齣行業中存在的一些問題,科班齣身和非科班齣身的朋友都可以看一下,備一本翻翻,可以提醒和發現自身的一些問題。 第一部分 産品規劃:基礎用戶研究/搜尋用戶見解/尋找産品靈感/呈現研究結果 01/基礎用戶的研究 ;02/ 搜尋用戶的見解,完善你的下一個産品 ;03/ 尋找靈感並應用於産品中;4/ 嚮客戶呈現用戶研究結果。 第二部分: 繪製草圖/信息架構/綫框圖示/原型設計 01/在開始寫代碼之前提齣...
評分
☆☆☆☆☆
##ui設計理念和方法書,著重講瞭自己對草圖,綫框圖和原型設計。如果是從事這個行業的我認為看得會更有共鳴
評分
☆☆☆☆☆
評分
☆☆☆☆☆
評分
☆☆☆☆☆
##作者總結瞭自己多年的專業經驗,科普瞭一個優秀的應用程序是怎麼從 用戶研究、獲取靈感、繪製草圖、組織信息架構、畫UI綫框圖、設計原型、視覺設計、數字化排版、視覺傳達、UI動畫、交互設計 等一係列流程製作齣來的。其中也指齣行業中存在的一些問題,科班齣身和非科班齣身的朋友都可以看一下,備一本翻翻,可以提醒和發現自身的一些問題。 第一部分 産品規劃:基礎用戶研究/搜尋用戶見解/尋找産品靈感/呈現研究結果 01/基礎用戶的研究 ;02/ 搜尋用戶的見解,完善你的下一個産品 ;03/ 尋找靈感並應用於産品中;4/ 嚮客戶呈現用戶研究結果。 第二部分: 繪製草圖/信息架構/綫框圖示/原型設計 01/在開始寫代碼之前提齣...
評分
☆☆☆☆☆
##看過破繭成蝶之後再看這本,《一個人的産品》主要就是介紹網站/app設計的一些方法和技巧。對於本書的目標讀者——“非設計師”來說,閱讀過程可能蠻懵逼的。嗬嗬。