設計師都該懂的包容性網頁 UI/UX 設計模式：知名設計師教你親和性網頁的實作祕密
Heydon Pickering 曾婉玲、于坤
- 出版商: 博碩
- 出版日期: 2019-11-12
- 定價: $450
- 售價: 7.8 折 $351
- 語言: 繁體中文
- 頁數: 240
- 裝訂: 平裝
- ISBN: 9864344277
- ISBN-13: 9789864344277
-
相關分類:
UI/UX、Design Pattern 、使用者介面 UI
立即出貨 (庫存 < 5)
買這商品的人也買了...
-
成為一流的前端工程師 : 打造專業的 UX 網站 (暢銷回饋版)$420$328 -
打造最強網頁 UI/UX 設計腦：設計師都該懂的絕佳設計．溝通法則$390$304 -
UX 從新手開始｜使用者體驗的 100堂必修課 (UX for Beginners: A Crash Course in 100 Short Lessons)$480$379 -
JavaScript & JQuery : 網站互動設計程式進化之道 (JavaScript and JQuery: Interactive Front-End Web Development)$780$663 -
設計師都該懂的 UI/UX 設計實務：超圖解跨裝置網頁設計實戰講座$480$408 -
WEB 設計職人必修 UX Design 初學者學習手冊$420$332 -
一次搞懂熱門前端框架 - React、Vue.js、Angular、Backbone.js、Aurelia$620$527 -
網路分析完全實戰手冊 ─ 使用 Wireshark, 2/e (Network Analysis using Wireshark 2 Cookbook, 2/e)$690$538 -
0 陷阱！0 誤解！8 天重新認識 JavaScript！（iT邦幫忙鐵人賽系列書）$550$468 -
邁向 Linux 工程師之路：Superuser 一定要懂的技術與運用, 2/e (How Linux Works: What Every Superuser Should Know, 2/e)$600$468 -
JavaScript 技術手冊$560$476 -
讓 TypeScript 成為你全端開發的 ACE！（iT邦幫忙鐵人賽系列書）$650$553 -
資料科學的良器：R語言在開放資料、管理數學與作業管理的應用$550$429 -
小輕快跨平台：王的編輯器 Visual Studio Code 聖經$880$695 -
操作介面設計模式, 3/e (Designing Interfaces, 3/e)$980$774 -
Web 開發者一定要懂的駭客攻防術 (Web Security for Developers: Real Threats, Practical Defense)$420$332 -
前端三十：從 HTML 到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）$550$429 -
JavaScript 概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）$600$468 -
善用 UX 來提升 UU：打造滿足新手和專家的 UI（iT邦幫忙鐵人賽系列書）$450$351 -
多元裝置時代的 UI/UX 設計法則：打造出讓使用者完美體驗的好用介面, 2/e$450$351 -
深入淺出 C# : 運用 C# 和 .Net Core 編寫真正的程式, 4/e (Head First C#: A Learner's Guide to Real-World Programming with C#, Xaml, and .Net, 4/e)$980$774 -
深入淺出設計模式, 2/e (Head First Design Patterns: Building Extensible and Maintainable Object-Oriented Software, 2/e)$980$774 -
【圖解】零基礎入門 Excel ╳ Python 高效工作術：輕鬆匯入大量資料、交叉分析、繪製圖表，連 PDF 轉檔都能自動化處理，讓效率倍增$500$450 -
你所不知道的必學前端 Debug 技巧：即學即用！讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
軟體架構：困難部分 (Software Architecture: The Hard Parts: Modern Trade-Off Analyses for Distributed Architectures)$780$616
相關主題
商品描述
包容性強的網站將為更多人帶來完善的使用者體驗！
包容性網頁UI/UX設計模式可讓你的網站親和性UPUP！
以包容性設計模式的角度來思考網頁的親和性及可用性體驗，剖析如何獲得更多人造訪及使用的祕密！
當設計師製作出包容性及親和性差的網站及應用程式時，這並非是缺乏網頁製作技能或才華的緣故，而是因為沒有掌握好網頁設計的正確方式。而所謂的「包容性網頁設計」是指製作出可讓「所有人」訪問及使用的網頁，也就是說，設計師要從「包容性」的角度來思考，才能真正打造出完美的使用者體驗。
「以人為本的包容性設計」便是本書的精神所在。本書作者是一位包容性設計師，他以「包容性」的角度來研究常見的介面模式，可幫助你快速了解如何運用及重複運用包容性設計，從而為你帶來更廣泛、更忠實的客群。當了解如何製作親和性網頁時，將可使你成為更出色的網頁開發者。不論是網頁設計師、前端開發人員、測試工程師，皆可從本書中獲得啟發。
你能夠從本書中學習到：
★親和性的神話和誤解以及常見的解決方案和經驗法則。
★可立即使用經過良好測試、可訪問的HTML/CSS元件。
★如何正確使用WAI-ARIA的role屬性和網頁內容親和性指南（WCAG）。
★如何解決響應式網頁設計（RWD）中常見的親和性問題。
★如何處理跳過連結和外部連結以及導覽區域和地標。
★如何保持標籤、按鈕、目錄、動態小工具和頁籤介面的可訪問性。
★如何無障礙地實現無限捲動、網格顯示和動態內容。
★如何處理密碼驗證、錯誤訊息、網頁表單、JavaScript模式和觸控目標。
★如何保持舊版瀏覽器中的介面可訪問性。
★如何在設計原型時考慮到親和性。
作者簡介
Heydon Pickering
Heydon Pickering是一位實用主義設計師、作家及演說家，同時他也是Smashing Magazine的親和性編輯、Paciello Group的顧問。
他對於使用創新的方式來使網頁更具有包容性很感興趣。當他不從事寫作、撰寫程式碼及畫圖的時候，他會參與心理健康活動、聲音設計實驗，並用他失真的電吉他彈奏重金屬音樂。
目錄大綱
|Chapter 01| 前言
1.1 重新構思網頁設計
1.2 包容性設計
1.3 包容性按鈕
|Chapter 02| 文件
2.1 文件類型
2.2 語言屬性
2.3 響應式設計
2.4 字型大小
2.5 漸進增強
2.6 管理資源
2.7 字型子集
2.8 title元素
2.9 main元素
2.10 將頁面組合在一起
2.11 關於框架、預處理器和任務執行器
|Chapter 03| 段落
3.1 字型
3.2 排版
3.3 行距（line-height）
3.4 區分行內連結
3.5 自動增加圖示
3.6 撰寫文案
3.7 小結
|Chapter 04| 部落格文章
4.1 main元素
4.2 標題結構
4.3 article元素
4.4 漸進增強與互用性
4.5 標題與連結文字
4.6 視頻
4.7 建立流式系統
4.8 小結
|Chapter 05| 依照模式評估
5.1 依照原則評估的問題
5.2 自訂元素和Shadow DOM
|Chapter 06| 導覽區域
6.1 導覽地標
6.2 全站導覽
6.3 目錄
6.4 小結
|Chapter 07| 選單按鈕
7.1 外觀
7.2 渲染圖示
7.3 標籤
7.4 舊版瀏覽器
7.5 操作
7.6 觸控目標
7.7 小結
|Chapter 08| 包容性原型
8.1 紙原型
8.2 從紙到程式碼
|Chapter 09| 產品清單
9.1 清單的優點
9.2 關鍵資訊
9.3 產品縮圖
9.4 「立即購買」動作
9.5 小結
|Chapter 10| 篩選小工具
10.1 標記
10.2 CSS增強
10.3 JavaScript增強
10.4 載入更多結果
10.5 顯示選項
10.6 接受動態內容
10.7 小結
|Chapter 11| 註冊表單
11.1 表單的上下文
11.2 基本表單
11.3 必填欄位
11.4 顯示密碼
11.5 表單驗證
11.6 微文案
11.7 小結
|Chapter 12| 測試驅動的標記
12.1 選擇器邏輯
12.2 測試驅動的頁籤介面
12.3 並非一體適用
|Chapter 13| 未來的學習方向
13.1 書籍
13.2 部落格
13.3 其他相關書籍
