編輯推薦
大多數有關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
漸進增強 跨平颱用戶體驗設計 下載 mobi epub pdf txt 電子書 格式