Inclusive Design Patterns: Coding Accessibility Into Web Designs
| 作者 | Heydon Pickering |
|---|---|
| 出版社 | 聯合發行股份有限公司 |
| 商品描述 | 設計師都該懂的包容性網頁UI UX設計模式: 知名設計師教你親和性網頁的實作祕密：包容性強的網站將為更多人帶來完善的使用者體驗！包容性網頁UI/UX設計模式可讓你的網站親和 |
內容簡介
內容簡介 包容性強的網站將為更多人帶來完善的使用者體驗！ 包容性網頁UI UX設計模式可讓你的網站親和性UPUP！ 以包容性設計模式的角度來思考網頁的親和性及可用性體驗，剖析如何獲得更多人造訪及使用的祕密！ 當設計師製作出包容性及親和性差的網站及應用程式時，這並非是缺乏網頁製作技能或才華的緣故，而是因為沒有掌握好網頁設計的正確方式。而所謂的「包容性網頁設計」是指製作出可讓「所有人」訪問及使用的網頁，也就是說，設計師要從「包容性」的角度來思考，才能真正打造出完美的使用者體驗。 「以人為本的包容性設計」便是本書的精神所在。本書作者是一位包容性設計師，他以「包容性」的角度來研究常見的介面模式，可幫助你快速了解如何運用及重複運用包容性設計，從而為你帶來更廣泛、更忠實的客群。當了解如何製作親和性網頁時，將可使你成為更出色的網頁開發者。不論是網頁設計師、前端開發人員、測試工程師，皆可從本書中獲得啟發。 你能夠從本書中學習到： ★親和性的神話和誤解以及常見的解決方案和經驗法則。 ★可立即使用經過良好測試、可訪問的HTML CSS元件。 ★如何正確使用WAI-ARIA的role屬性和網頁內容親和性指南（WCAG）。 ★如何解決響應式網頁設計（RWD）中常見的親和性問題。 ★如何處理跳過連結和外部連結以及導覽區域和地標。 ★如何保持標籤、按鈕、目錄、動態小工具和頁籤介面的可訪問性。 ★如何無障礙地實現無限捲動、網格顯示和動態內容。 ★如何處理密碼驗證、錯誤訊息、網頁表單、JavaScript模式和觸控目標。 ★如何保持舊版瀏覽器中的介面可訪問性。 ★如何在設計原型時考慮到親和性。
作者介紹
作者介紹 Heydon PickeringHeydon 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 其他相關書籍
商品規格
| 書名 / | 設計師都該懂的包容性網頁UI UX設計模式: 知名設計師教你親和性網頁的實作祕密 |
|---|---|
| 作者 / | Heydon Pickering |
| 簡介 / | 設計師都該懂的包容性網頁UI UX設計模式: 知名設計師教你親和性網頁的實作祕密：包容性強的網站將為更多人帶來完善的使用者體驗！包容性網頁UI UX設計模式可讓你的網站親和 |
| 出版社 / | 聯合發行股份有限公司 |
| ISBN13 / | 9789864344277 |
| ISBN10 / | 9864344277 |
| EAN / | 9789864344277 |
| 誠品26碼 / | 2681824984004 |
| 頁數 / | 240 |
| 注音版 / | 否 |
| 裝訂 / | P:平裝 |
| 語言 / | 1:中文 繁體 |
| 尺寸 / | 23X17CM |
| 級別 / | N:無 |
| 重量(g) / | 625g |
最佳賣點
最佳賣點 : 包容性強的網站將為更多人帶來完善的使用者體驗！
包容性網頁UI/UX設計模式可讓你的網站親和性UPUP！
以包容性設計模式的角度來思考網頁的親和性及可用性體驗，剖析如何獲得更多人造訪及使用的祕密！