設計師都該懂的包容性網頁UI/UX設計模式

類似書籍推薦給您

書名：設計師都該懂的包容性網頁UI/UX設計模式：知名設計師教你親和性網頁的實作祕密 作者：Heydon Pickering 著 出版社：博碩 出版日期：10/30/2019 條碼：9789864344277 內容簡介 包容性強的網站將為更多人帶來完善的使用者體驗！ 包容性網頁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 其他相關書籍

創意與創新：方法對了人人都可以是設計師

類似書籍推薦給您

【中文書】 書名：創意與創新：方法對了人人都可以是設計師 作者：國立高雄第一科技大學 出版社：東華書局 出版日期：2016/09/02 ISBN：9789574838714 內容簡介 創意的初衷 　　創意的初衷，來自於有感覺的生活體驗，透過對於熱愛生活的熱情與初衷，面對生活中的種種問題時，學習開始會擇善固執的去想 創意方式來解決，最後克服所有的困境，而我們辛苦所產生的創意，初衷就是要讓我們的生活能更加美好而已。所以透過書中從第一單元到最後一單元的創意操作步 驟，只為了一個最單純的初衷-美好的生活。所以，創意發想絕對不是一個工作，而應該是要在享受生活的狀態下，輕鬆且愉悅地讓創意自然而然產出，所以此書雖 然談的是創意產出的操作流程，但其實也可以說是重新檢視我們生活中的不滿足在哪，讓我們的生活可以因為創意，而讓生活變的更便利、更快樂，而好的創意，是 沒有一定的答案的，而真正的答案，是來自於生活中的細心體會及細新的觀察。所以，希望能透過本書精心規劃的創意發想流程，讓大家能能輕鬆地透過書中活潑的 圖文敘述，有效地發掘出生活中的潛藏問題，並以人為本去發想創意。 本書特色 　　1.觀察 　　學習如何觀察生活中的潛在問題 　　2.發掘 　　透過思考法來發掘出問題的解決方式 　　3.表達 　　透過繪圖練習，來清楚陳述創意的操作 　　4.獨創 　　透過麥克筆技法教學，將所發掘的問題變成創意設計 　　5.整合 　　練習歸納出創意的使用方式、材質色彩、差異性及成本控管 　　 目錄 司長序 校長序 前言 創意的年代，每個人都有機會成為設計師 創意發想漏斗 1. 日常生活的觀察與創意發掘 2. 何謂創意與創新及創意思考法簡介 3. 題目選定及腦力激盪法之運用 4. 創意的市場調查及資料蒐集 5. 創意構想提出 6. 創意設計案例分析：議題、提案、功能 7. 創意繪圖的表達方式 8. 設計流程方法介紹 9. 構想評估探討——針對可行性 10. 構想評估探討——針對成本控管 11. 構想評估探討——針對美學、品質 後記 創意的初衷

Photoshop ＆ Illustrator 設計師不藏私！超犀利特效與創意技法 (1版)

類似書籍推薦給您

【簡介】 內容介紹 ✦✦✦集結 100 個創意範例製作技巧，打造 Ps & Ai 真功夫、硬底子✦✦✦ ✦✦✦詳實的操作說明 ＋ 完整素材檔 ＋ 範例完成的 psd 檔 (含圖層)✦✦✦ Photoshop 與 Illustrator 是創意工作者設計作品或插畫時必備的工具。這兩種應用程式被廣泛運用在各種製作物，包括平面設計、網頁、插畫、編修、影像處理等。本書特別收錄使用這兩套軟體時，運用最廣泛的範例製作技巧。全書共 10 個章節，包括「新功能與創意設計技巧」、「真實質感設計」、「手繪風格的加工技巧」」、「擬真物體的製作」、「光特效」、「材質製作」、「插畫」、「文字與線條」、「各種情境表現技巧」、「軟體操作技巧」等。本書的規劃是整合各種設計技巧於一冊，「有了這本書，就能製作出任何作品！」。 此外，本書準備了豐富的下載資源，完整提供學習用的檔案，不須和其他同類型的書籍一樣自行尋找素材。本書還提供「可以瞭解製作過程，包含圖層的 psd 檔案」，專家製作的 psd 檔案包含了隱藏技巧，這些訣竅有時單憑完成影像也無法理解，是非常好的參考資料。此外，還提供 Photoshop 的「筆刷」與「漸層」檔案，這些筆刷與漸層可以「用於商業用途」，只要購買本書，就能在你未來的作品上加以運用。 本書不僅是學習操作技巧的書籍，也是豐富的範例集。希望你能善用本書，掌握創意工作中最重要的兩個應用程式 Photoshop 與 Illustrator，並發揮在各種作品上。 本書特色 ▌範例精緻多元，包括：風景、靜物、人像、動物、建築、……等，並附贈完整的範例素材、範例製作完成的 psd 圖層檔案，方便一邊閱讀一邊練習。 ▌學會時下流行的個性化影像風格以及擬真合成技法！ ▌目錄直接呈現範例內容，可挑選感興趣的範例，立即製作、應用。 ~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~ 【本書特別推薦給】： ．想要精進 Photoshop 合成技巧的人。 ．對於 Photoshop 的合成缺乏自信的人。 ．想要實現腦中的 idea，卻不知道怎麼做的人。 ．只想看一本書就學會各種編修方法、變化出不同效果的人。 ~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~✦~ 【超值收錄】： ．全書範例素材檔案 ．保留圖層的 PSD 範例成果檔 ．可商用的特效筆刷 ．可商用的漸層素材 【目錄】 Ch01　新功能與創意設計技巧 Ch02　真實質感的設計技巧 Ch03　手繪風格的加工技巧 Ch04　擬真物體的加工技巧 Ch05　各種光特效的設計技巧 Ch06　材質的製作技巧 Ch07　插畫繪製技巧 Ch08　文字與線條的設計技巧 Ch09　各種情境表現的設計技巧 Ch10　Photoshop & Illustrator 的操作技巧