|
|
|
科技日新月異，設備不斷推陳出新，Web設計師需兼顧不同設備——計算機、手機、寬屏電視，而每種設備的屏幕尺寸又各不相同。《移動優先與響應式Web設計》分為兩個部分：第一部分為著名的「Mobile First」，解釋為何移動網站的設計最為有效，闡述如何簡化頁面，刪去多余功能，滿足用戶真正需要；第二部分介紹了響應式Web設計，通過利用靈活網格、靈活圖像和媒介查詢，以令網頁可靈活縮放，應付不同的設備及分辨率。移動優先的理念是響應式Web設計的基礎，而后者又是實現理念的核心技術。只有深刻理解並掌握這兩部分內容，才能切實地為互聯網用戶帶來優秀的體驗，從而實現業務目標。
《移動優先與響應式Web設計》出自兩位資深用戶體驗專家之手，對整個業界產生了極其深遠的影響。對於Web設計師、開發人員，以及任何相關從業人員來說，《移動優先與響應式Web設計》都是移動互聯網時代的必讀之作。
上冊
第1章 增長
1.1 變了什麼？
1.2 設備不同，功能不同
1.3 原生應用又如何？
1.4 事不宜遲
第2章 限制
2.1 屏幕大小
2.2 速度
2.3 時與地
2.3.1 地點
2.3.2 時間
2.4 接受限制
第3章 功能
3.1 找地鐵站
3.2 瀏覽器又如何？
3.2.1 定位服務
3.2.2 設備置向/加速度計
3.2.3 觸控
3.3 擴充功能
3.4 移動優先
第4章 組織
4.1 配合移動用戶的習慣
4.2 內容比導航重要
4.3 四處瀏覽
4.4 返回
4.5 固定置底
4.6 保持清晰焦點
4.7 組織移動體驗
第5章 動作
5.1 大就是小
5.2 觸控何處？
5.3 學習觸控的語言
5.4 別?
5.5 填補浮動
5.5.1 加至主頁
5.5.2 輕按或滑動
5.5.3 外頁
5.5.4 干脆移除
5.6 不能觸
5.7 准備，就緒，行動
第6章 輸入
6.1 歡迎輸入
6.2 問問題
6.3 答題
6.3.1 標准
6.3.2 標准以外
6.3.3 新標准
6.4 掩蓋困難
6.5 鋪設選項
6.6 表格與輸入欄以外
6.7 輸入大躍進
第7章 布局
7.1 萬物皆變，唯變不變
7.2 別無他選
7.3 流暢靈活的回應
7.4 響應式設計
7.5 設備體驗
7.6 刪減
7.7 布局基石
下冊
第1章 響應式網頁
1.1 扣好安全帶
1.2 響應式建築
1.3 未來方向
第2章 靈活網格
2.1 靈活排版
2.1.1 隨境修復
2.1.2 從靈活字體到靈活網格
2.2 制作靈活網格
2.3 彈性外邊距和內邊距
2.3.1 豈能密不透風
2.3.2 使用負數
2.3.3 靈活地前進
第3章 靈活圖像
3.1 回頭，回到標記，標記
3.2 靈活圖像
3.3 這工作從不簡單
3.3.1 IE里的max-
3.3.2 原來Windows真的恨透了我們
3.3.3 AlphaImageLoader是英雄，萬歲！
3.4 靈活地鋪設背景圖像
3.5 學會喜歡溢出
3.6 商討內容
3.7 靈活網格和圖像，智慧樹之作
第4章 媒體查詢
4.1 開始療傷
4.1.1 着眼點的問題
4.1.2 網格細小，問題巨大
4.1.3 寬屏煩惱
4.2 當前的問題
4.3 邁向響應式設計
4.3.1 認識媒體類型
4.3.2 類型錯配
4.3.3 媒體查詢來了
4.3.4 認識功能
4.3.5 了解功能
4.4 更能響應的機器人
4.5 媒體查詢實戰
4.5.1 想小一點
4.5.2 調至極限
4.6 兼容性事宜
4.7 為何要靈活？
第5章 實現響應式
5.1 周圍環境問題
5.1.1 了解用戶目的
5.1.2 認識「移動優先」
5.2 響應式工作流程
5.2.1 確認斷點
5.2.2 迭代、協作設計
5.2.3 互動地檢閱設計
5.3 負責任地實現響應式設計
5.4 再談漸進提升
5.4.1 加入JavaSc
5.4.2 懶惰地(但聰明地)載入內容
5.4.3 進一步改善
5.5 坐言起行，制作響應式設計
