第一線工作者的實踐應用法則
實用UI╱UX設計法則的必讀書!
你 一定有想過,同樣是數位服務,為什麼有些就是能夠深得你心呢?不論是網站、APP、甚至是今日的物聯網系統,一款能夠感動人心的數位服務,其實都花了不少 心思,因為除了介面的美學設計之外,使用者的操作經驗也需要不斷改善,換句話說,唯有同時擅用UI與UX技巧的整合,才可達到「感動人心的極致設計」目 標,這也是本書想要分享的內容。
本書主要收錄本土案例,將內容依難易度分為50個單元,由淺入深解說「基礎知識」及「UI╱UX設計技巧」。對於剛從事網頁設計師工作及想提升網頁設計知識的人,都很適合閱讀本書。
【本書特色】
★內容由淺入深:用星級區分內容難度,可讓讀者漸進式學習。
★涵蓋綜整知識:是少數同時整合了設計、心理學、程式知識的書籍,而這些正是打造美好 UI/UX 的必備技能。
★切合市場趨勢:本書同時選錄Web / APP的各類案例,讓讀者不錯過各類數位服務的趨勢。
目錄
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 持續加強前端工程的能力(下)
實用UI╱UX設計法則的必讀書!
你 一定有想過,同樣是數位服務,為什麼有些就是能夠深得你心呢?不論是網站、APP、甚至是今日的物聯網系統,一款能夠感動人心的數位服務,其實都花了不少 心思,因為除了介面的美學設計之外,使用者的操作經驗也需要不斷改善,換句話說,唯有同時擅用UI與UX技巧的整合,才可達到「感動人心的極致設計」目 標,這也是本書想要分享的內容。
本書主要收錄本土案例,將內容依難易度分為50個單元,由淺入深解說「基礎知識」及「UI╱UX設計技巧」。對於剛從事網頁設計師工作及想提升網頁設計知識的人,都很適合閱讀本書。
【本書特色】
★內容由淺入深:用星級區分內容難度,可讓讀者漸進式學習。
★涵蓋綜整知識:是少數同時整合了設計、心理學、程式知識的書籍,而這些正是打造美好 UI/UX 的必備技能。
★切合市場趨勢:本書同時選錄Web / APP的各類案例,讓讀者不錯過各類數位服務的趨勢。
目錄
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 持續加強前端工程的能力(下)