第一線工作者的實踐應用法則
實用UI/UX設計法則的必讀書!
你 一定有想過,同樣是數位服務,為什麼有些就是能夠深得你心呢?不論是網站、APP、甚至是今日的物聯網系統,一款能夠感動人心的數位服務,其實都花了不少 心思,因為除了介面的美學設計之外,使用者的操作經驗也需要不斷改善,換句話說,唯有同時擅用UI與UX技巧的整合,才可達到「感動人心的極致設計」目 標,這也是本書想要分享的內容。
內容主要收錄本土案例,將內容依難易度分為50個單元,由淺入深解說「基礎知識」及「UI/UX設計技巧」。本書非常適合剛從事網頁設計師工作及想提升網頁設計知識的人閱讀。
【本書特色】
★內容由淺入深:以星級區分內容難度,可讓你漸進式學習。
★涵蓋綜整知識:本書是少數同時整合了設計、心理學、程式知識的書籍,而這些正是打造美好 UI/UX 的必備技能。
★切合市場趨勢:本書同時選錄Web/APP的各類案例,讓你不錯過各類數位服務的趨勢。
作者簡介:
彭其捷
【學歷】
★國立中正資訊管理系、國立交大資訊管理研究所畢業
【曾任】
★卡米爾股份有限公司 介面設計師/網頁前端工程師
★有物報告 作者群
★中正大學 數位設計課程講師
★科智企業 資料視覺化講師
★中原大學 前端工程講師
★天地人文創 講師
【現職】
★卡米爾股份有限公司 產品經理
【著作】
★《成為一流的前端工程師 : 打造專業的UX網站》
★《那些APP好用的祕密 : 黏住使用者的魅力&UX好感度設計》(共同作者)
目錄
Part1:基本UI/UX概念與流程介紹
01 淺談UI與UX
02 了解UI使用者介面
03 了解UX使用者經驗
04 UI/UX的職責分工
05 UI/UX 設計階段解析
06 階段一:使用者研究
07 階段二:服務情境設計
08 階段三:介面與互動模擬
09 階段四:使用者測試導入
10 階段五:服務持續優化
Part2:視覺規劃與UI設計技巧
11 與UI/UX有關的設計領域
12 淺談UI排版技巧
13 關於文字與字型
14 基本配色技巧
15 色彩的應用技巧
16 Photoshop與製圖觀念
17 形式追隨功能
18 設計手勢
19 填補設計靈感缺口
20 善用使用者熟悉的元素
Part3:使用者的情緒反應與UX改善
21 設計通知
22 UX與APP
23 善用視覺暗示
24 預測使用者的意圖
25 為進階使用者設計
26 再簡單一點
27 貼心無障礙的設計
28 UX迷思
29 UX 與速度
30 防呆子的設計
Part4:UI/UX前端概念與技術介紹
31 了解前端工程
32 網頁前端技術介紹:HTML
33 關於HTML5
34 網頁前端技術介紹:CSS
35 CSS進階技巧
36 認識前端開發工具
37 認識前端測試工具
38 與瀏覽器大戰
39 瀏覽器測試的神兵利器
40 使用外掛強化使用體驗
Part5:更多UI/UX相關技術與行動網頁概念介紹
41 設計資訊架構
42 資料視覺化
43 關於行動版網站
44 選擇行動開發模式
45 RWD行動版網頁設計技術
46 網頁UI技術介紹:JavaScript
47 了解前端技術核心:jQuery
48 了解前端Framework
49 持續加強前端工程的能力(上)
50 持續加強前端工程的能力(下)
Part1:基本UI/UX概念與流程介紹
01 淺談UI與UX
02 了解UI使用者介面
03 了解UX使用者經驗
04 UI/UX的職責分工
05 UI/UX 設計階段解析
06 階段一:使用者研究
07 階段二:服務情境設計
08 階段三:介面與互動模擬
09 階段四:使用者測試導入
10 階段五:服務持續優化
Part2:視覺規劃與UI設計技巧
11 與UI/UX有關的設計領域
12 淺談UI排版技巧
13 關於文字與字型
14 基本配色技巧
15 色彩的應用技巧
16 Photoshop與製圖觀念
17 形式追隨功能
18 設計手勢
19 填補設計靈感缺口
20 善用使用者熟悉的元素
Part3:使...