漸進增強 跨平颱用戶體驗設計 pdf epub mobi txt 电子书 下载 2025

☆☆☆☆☆

[美] Aaron，Gustafson 著，翟東方，任潔 譯

齣版社： 人民郵電齣版社

ISBN：9787115448484

版次：01

商品編碼：12140642

品牌：異步圖書

包裝：平裝

開本：小16開

齣版時間：2017-02-01

頁數：190

正文語種：中文

編輯推薦

大多數有關Web設計的圖書都采取瞭“技術+案例”的形式，以便讓讀者迅速掌握某項技能。這類圖書會用很大篇幅講述如何應用HTML標簽，CSS代碼的每個屬性是如何生效的，等等。此外，這些圖書還會附帶一個一個的小項目，通過帶著讀者一步一步寫齣代碼，來觀察項目是如何成型的，讓讀者形成自己的認識，從而掌握設計和開發技巧。
這本書和上麵所說的模式不同。這本書討論的是設計師如何應對一個不斷發展變化的Web環境，本質上，這是一本設計哲學書。
市麵上已經存在大量的技術圖書，網上也有大量的技術文章可以讀。這些書很多寫得都非常好，但是，如你所知，大多數圖書和文章在幾個月到一年的時間之後就被淘汰瞭，因為技術過時瞭。
實現技術、瀏覽器、工具包……這些東西變化得太快。我自己經常因為學習這些東西導緻不堪重負。在一片動蕩不安的技術海洋裏，到底有多少種方法可以學習啊！我隻是想做一個小網站，這片大海簡直把我嚇壞瞭！當我被技術的浪潮推到這邊，拍到那邊，因為暈船吐得一塌糊塗之後，我終於發現瞭大多數技術都在圍繞一個中心在發展自己——這個中心就是“漸進增強”。
“漸進增強”的哲學可以稱之為適應性Web設計方法的核心和靈魂。以它為核心，我終於能夠正確理解很多技術和思路是如何産生的。甚至，理解瞭這種思想之後，我做齣來的新網站變得更加健壯，而且很多用戶錶示我的網站訪問起來終於不那麼頭疼啦，因此，這些網站的訪問量也一天天增長起來。對“漸進增強”的理解使我成為瞭一名Web設計師，我相信這種魔力也會讓你變得更好。

內容簡介

如果你想開發一個既優雅又好用的網站，僅僅知道如何編寫代碼是遠遠不夠的。本書介紹瞭一種名為漸進增強的設計思想，隻要將這種它運用在項目中，就能使網站的兼容性、適應性和可訪問性得到極大改善。
本書的獨特之處在於，作者站在一個宏觀的視角，考察瞭Web 設計流程的各個環節，將內容組織、UX 設計、UI 開發、響應式設計、前端開發、服務端開發、性能優化，以及種種對用戶産生影響的因素聯係在一起進行分析，以得齣優化方案。

作者簡介

本書作者Aaron Gustafson是Web標準化項目的前項目經理，一直緻力於Web的標準化和可訪問性方麵的工作，並且積纍瞭豐富的經驗。
在近二十年的 Web 從業生涯中， Aaron 服務過眾多我們所耳熟能詳的企業，包括 Box、Happy Cog、美國職棒大聯盟、 McAfee、紐約時報、SAS、StubHub、美國國傢環境保護局、Vanguard、Walgreens和Yahoo等。Aaron亦作為 Web 標準化的顧問參加瞭微軟瀏覽器團隊的研發工作。
Aaron善於通過寫文章來分享他的經驗和知識。他為《A List Apart》雜誌撰寫的“漸進增強三部麯”長期以來備受讀者歡迎。他圍繞漸進增強這個主題寫成的圖書《自適應Web設計》也獲得瞭非常好的口碑和銷量。除瞭寫作，Aaron現在經常參加各種Web大會，與大傢分享Web技術和設計方麵的思考，並在世界各地和當地Web從業者進行研討會形式的交流。
在Aaron的傢鄉，田納西州的查塔努加市，他建立瞭查塔努加開放設備實驗室。在這個實驗室中，Aaron和Kelly McCarthy組織瞭很多創意和技術的分享活動。Aaron 是Rosenfeld Media“專傢”俱樂部的成員，其博客地址是aaron-gustafson.com。

翟東方，北師大文學係，互聯網內容方嚮從業十年：蘇州街角擼過碼，西溪濕地畫過圖，中關村裏奮過袖，後廠村口堵過車；曾嚮往入讀北大哲學係，屢屢失利；熱衷於用代碼解決設計問題，有些心得。梁任公曾曰：“啓超沒有什麼學問……”話鋒一轉，“還是有些的嘛！”既醉心之，則發展之，則分享之，獨樂樂不如眾樂樂。Quora上有雲：“Don’t waste time on trying to find meaning and purpose in life other than your instincts.（與其努力嚮彆人證明什麼，不如跟隨自己的天賦做點什麼）。” 頗以為是。
任潔，北航交互設計碩士。互聯網從業九年，走瞭一條從視覺設計到交互設計再到産品經理的道路，也因此接觸瞭從電商門戶到O2O等各種各樣的産品形態。平時喜歡研究民俗和東亞誌怪文獻。自幼跟隨老師學習工筆白描，熱愛一切復雜美麗的綫描圖案。
歡迎加入讀者交流QQ群：364021031。

目錄

第1章　為體驗而設計 / 1
1．1　優秀的代碼，麻煩的設備 /　2
1．2　早期的Web是什麼樣 /　4
1．3　技術實現和用戶體驗 /　6
一個教訓　/　7
1．4　你滿足不瞭所有的人 /　9
1．5　嚮後兼容，嚮前適應 /　10
技術服務於內容　/　11
1．6　適應未知的設備 /　12
1．7　提升Web的可訪問性 /　14
1．8　分層次設計 /　16
1．9　漸進增強的設計思想 /　19

第2章　內容是一切的基礎 /　21
2．1　讓文案和用戶産生交流 /　23
2．2　設計稿中引入有意義的文案 /　24
2．3　優化文案，更好地與用戶對話 /　26
問題齣現時，做好準備　/　28
2．4　文案不確定怎麼辦 /　30
2．5　為用戶優化文案內容 /　32
2．6　多種形式的內容 /　33
2．6．1　分析成本和收益 /　33
2．6．2　保持內容的可訪問性 /　37
2．7
收集數據的時候，請保持和用戶的對話　/　40
2．8　允許留白 /　41
2．9　讓內容帶路 /　43

第3章
使用文檔結構化標記增強用戶體驗　/　45
3．1　那些年的“網頁重構” /　47
3．2　利用HTML強調內容 /　49
3．3　實現方法不止一種 /　49
避免可能齣現的問題　/　52
3．4　如何使用class和id /　54
3．4．1　使用微格式結構化內容 /　56
3．4．2　RDFa和微數據（Microdata） /　58
3．5　元素的取捨和選擇 /　60
3．5．1　注意文檔的大綱結構 /　62
3．5．2　注意代碼順序 /　65
3．5．3　避免加入多餘的HTML標簽 /　69
3．6　使用ARIA提升頁麵可訪問性 /　71
3．7　容錯處理 /　73
3．8　標記語言對於用戶體驗的意義 /　77

第4章　通過視覺設計提升用戶體驗 /　79
4．1　設計一個係統，而非一堆頁麵 /　80
4．1．1　設計清算 /　81
4．1．2　從設計風格組件開始，發現整站的視覺語言 /　82
4．1．3　建立視覺規範或組件庫 /　83
4．2　不做無米之炊 /　84
4．2．1　營造和用戶的對話場景 /　84
4．2．2　考慮極端情況 /　86
4．3　理解CSS渲染規則 /　87
4．3．1　就近原則 /　87
4．3．2　權重高比就近更重要 /　90
4．3．3　利用CSS容錯性 /　92
4．3．4　漸進式導航的實例 /　97
4．4　從小屏幕開始的設備響應 /　101
4．4．1　為所有人提供支持，為一些人提供優化 /　105
4．4．2　布局從小到大變化的實例 /　107
4．4．3　允許流動布局 /　109
4．5　緊跟標準 /　111
4．6　防守性的設計 /　114
保守地應用樣式　/　115
4．7　在頁麵中隱藏內容 /　116
4．7．1　避免使用的方法 /　117
4．7．2　可以適當使用的方法 /　118
4．7．3　最佳方法 /　119
4．8　使用CSS生成內容 /　120
4．9　針對其他媒體類型和交互方式而設計 /　122
4．9．1　設計一個供打印的頁麵 /　123
4．9．2　兼容不同的交互方式 /　124
4．9．3　考慮大屏幕設備 /　126
4．10　保留瀏覽器的默認樣式 /　128
4．10．1　關於瀏覽器默認控件是否美觀的討論 /　129
4．10．2　關於模擬係統控件的討論 /　129
4．11　擁抱可持續性 /　130

第5章
通過交互設計提升用戶體驗　/　133
5．1　瞭解潛在的問題，避免日後踩坑 /　135
5．1．1　瞭解Web的性質 /　136
5．1．2　什麼情況下會“無JavaScript” /　138
5．2　保證最基礎的用戶體驗 /　140
5．3　防止性的代碼 /　142
5．3．1　先觀察，再動手 /　142
5．3．2　特性檢測 /　145
5．3．3　確認代碼依賴的庫的存在 /　146
5．4　建立最低限度的代碼支持 /　147
5．5　區分對待 /　149
5．6　創建頁麵所需的結構 /　150
5．7　描述當前發生瞭什麼 /　152
5．8　代碼簡單明晰 /　153
5．9　適應性的界麵 /　156
5．10　不要提前應用樣式 /　159
5．10．1　在HTML中添加標記 /　160
5．10．2　充分利用ARIA /　161
5．11　通過適當調整需求提升頁麵體驗 /　161
5．12　鼠標事件之外 /　164
5．12．1　發揮鍵盤的作用 /　164
5．12．2　提升觸屏體驗 /　166
5．13　不要依賴網絡狀況 /　169
5．13．1　將數據存儲在客戶端 /　169
5．13．2　進一步豐富離綫體驗 /　171
5．14　閤理發揮技術能力 /　172

第6章　持續的手藝活兒 /　175
6．1　體驗圖 /　176
6．1．1　Ix圖的優點 /　177
6．1．2　圖片延遲加載的實例 /　178
6．1．3　標簽式界麵實例 /　184
6．2　從曆史中學習，寄希望於明天 /　185
6．2．1　移動互聯網時代，等價於一個新的撥號上網時代 /　186
6．2．2　以前的小屏幕，變成瞭現在的大屏幕 /　186
6．2．3　僅有文字的設計方案迴歸瞭 /　187
6．3　對任何情況都要做好準備 /　190

评分☆☆☆☆☆

紙張不錯 帶顔色

评分☆☆☆☆☆

京東品質，一如既往的好，一直在用

评分☆☆☆☆☆

很贊很贊很贊

评分☆☆☆☆☆

挺薄的一本書，還沒看，先屯的瞭。。。

评分☆☆☆☆☆

紙張不錯 帶顔色

评分☆☆☆☆☆

京東品質，一如既往的好，一直在用

评分☆☆☆☆☆

京東品質，一如既往的好，一直在用

评分☆☆☆☆☆

挺薄的一本書，還沒看，先屯的瞭。。。

评分☆☆☆☆☆

適閤ui和前端看，很多地方可以參考