關閉 

設計師都該懂的包容性網頁UI/UX設計模式:知名設計師教你親和性網頁的實作祕密

Inclusive Design Patterns: Coding Accessibility Into Web Designs

    ※庫存=1

    結帳去

      

    內容簡介  |   作者介紹  |   目錄  |   同類推薦   |  購物說明

    內容簡介

    包容性強的網站將為更多人帶來完善的使用者體驗!
    包容性網頁UI/UX設計模式可讓你的網站親和性UPUP!


    以包容性設計模式的角度來思考網頁的親和性及可用性體驗,剖析如何獲得更多人造訪及使用的祕密!


    當設計師製作出包容性及親和性差的網站及應用程式時,這並非是缺乏網頁製作技能或才華的緣故,而是因為沒有掌握好網頁設計的正確方式。而所謂的「包容性網頁設計」是指製作出可讓「所有人」訪問及使用的網頁,也就是說,設計師要從「包容性」的角度來思考,才能真正打造出完美的使用者體驗。

    「以人為本的包容性設計」便是本書的精神所在。本書作者是一位包容性設計師,他以「包容性」的角度來研究常見的介面模式,可幫助你快速了解如何運用及重複運用包容性設計,從而為你帶來更廣泛、更忠實的客群。當了解如何製作親和性網頁時,將可使你成為更出色的網頁開發者。不論是網頁設計師、前端開發人員、測試工程師,皆可從本書中獲得啟發。

    你能夠從本書中學習到:
    ★親和性的神話和誤解以及常見的解決方案和經驗法則。
    ★可立即使用經過良好測試、可訪問的HTML/CSS元件。
    ★如何正確使用WAI-ARIA的role屬性和網頁內容親和性指南(WCAG)。
    ★如何解決響應式網頁設計(RWD)中常見的親和性問題。
    ★如何處理跳過連結和外部連結以及導覽區域和地標。
    ★如何保持標籤、按鈕、目錄、動態小工具和頁籤介面的可訪問性。
    ★如何無障礙地實現無限捲動、網格顯示和動態內容。
    ★如何處理密碼驗證、錯誤訊息、網頁表單、JavaScript模式和觸控目標。
    ★如何保持舊版瀏覽器中的介面可訪問性。
    ★如何在設計原型時考慮到親和性。

    <TOP>

    作者介紹

    Heydon Pickering

    Heydon Pickering
    Heydon Pickering是一位實用主義設計師、作家及演說家,同時他也是Smashing Magazine的親和性編輯、Paciello Group的顧問。他對於使用創新的方式來使網頁更具有包容性很感興趣。當他不從事寫作、撰寫程式碼及畫圖的時候,他會參與心理健康活動、聲音設計實驗,並用他失真的電吉他彈奏重金屬音樂。

    <TOP>

    詳細資料

    EAN / 9789864344277
    頁數 / 240
    裝訂 / 平裝
    級別 / 普
    語言 / 繁體/中文

    <TOP>

    目錄

    |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 其他相關書籍

    <TOP>

    如果你喜歡這商品,那你一定不能錯過...

    <TOP>

    購物說明

    退換貨說明

    如遇欲退換貨之情形,請於收貨日當天起算第7日(含)前以收執聯為憑,將商品與完整包裝(商品、附件、內外包裝、隨貨文件、贈品等)以掛號方式寄回灰熊愛讀書客服部,否則恕不接受退貨。有特殊外包裝之商品,一經拆封(除運送包裝外之一切包裝),恕不接受退貨。
    詳細退換貨須知請參考FAQ

    <TOP>