☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

編輯推薦

　　全麵覆蓋從項目立項到網站上綫的工作流程　　詳細講解響應式設計策略和技巧，為各式設備打造極優的用戶體驗　　充分利用漸進增強優化用戶體驗　　不僅麵嚮Web開發人員，適閤從事網站相關工作的各類人群閱讀參考

內容簡介

　　《學習響應式設計》分為四部分，全麵介紹響應式Web設計策略與技術，引領大傢掌握從項目立項到網站上綫的響應式設計工作流程。首先介紹響應式設計及其與其他網頁設計方法的區彆。第二部分概述構建響應式站點的基礎知識、需要掌握HTML和CSS知識、圖像處理，以及響應式設計的核心：媒體查詢。第三部分帶大傢全麵瞭解響應式設計的工作流程，從用戶體驗的角度探討響應式設計，確保網站在各種設備上的適應性和功能完備性。

作者簡介

　　Clarissa Peterson，用戶體驗設計師、Web開發人員，響應式網站設計谘詢公司Peterson/Kandy（位於濛特利爾）聯閤創始人。她經常在開發者會議及研討會上發錶關於響應式設計、移動策略和用戶體驗方麵的演講。

內頁插圖

精彩書評

　　★本書內容非常全麵而又不失深度，對響應式Web設計的各種概念和理論給齣瞭極棒的闡釋！”　　——Tom Barker，美國康卡斯特公司軟件工程與研發部總監

　　★“這本書的內容對初學者的知識體係是一個很好的補充，他們將通過本書學會創建更簡潔、更具訪問性和功能性的網站。Clarissa的講解深入淺齣，且不失時機地用大量示例闡明設計策略與技巧，其中的設計建議和極好實踐對於專業開發人員具有很好的參考價值。”　　——讀者評論

　　★“它不僅可以幫助Web設計師更新舊有思維方式和知識儲備，說服客戶更新甚或摒棄舊有網站重新設計，而且可以幫助不甚瞭解編碼的項目經理理順其在程序員、設計師與客戶間的溝通……”　　——讀者評論

目錄

第一部分　響應式設計基礎

第1章　什麼是響應式設計

1.1　一點兒基礎

1.2　簡史

1.3　為什麼是響應式設計

1.4　總結

第2章　響應式內容

2.1　內容策略

2.2　內容整理

2.3　內容編寫

2.4　內容平等

2.5　內容管理

2.6　自適應內容

2.7　總結

第二部分　創建響應式網站

第3章　響應式網站之HTML

3.1　使用HTML

3.2　頁麵基本結構

3.3　視口

3.4　結構性元素

3.5　創建一個頁麵

3.6　清晰和語義化的HTML

3.7　總結

第4章　響應式網站之CSS

4.1　CSS 的工作方式

4.2　CSS 版本

4.3　置CSS 於何處

4.4　層疊

4.5　使用層疊

4.6　注釋

4.7　組織你的樣式錶

4.8　盒模型

4.9　顯示

4.10　定位

4.11　浮動和清除

4.12　基本樣式

4.13　總結

第5章　媒體查詢

5.1　何為媒體查詢

5.2　媒體查詢結構

5.3　在樣式錶鏈接中使用媒體查詢

5.4　使用媒體查詢的其他方式

5.5　我們可以查詢什麼

5.6　瀏覽器支持

5.7　斷點

5.8　設計範圍

5.9　響應式設計

5.10　使用媒體查詢

5.11　兩列布局

5.12　設置最大寬度

5.13　如何選擇斷點

5.14　總結

第6章　圖像

6.1　顯示圖像的方式

6.2　替代文本

6.3　圖像文件格式

6.4　優化圖像

6.5　內容圖像

6.6　背景圖像

6.7　響應式圖像

6.8　總結

第三部分　玩轉響應式設計

第7章　響應式設計工作流程　

7.1　策略與規劃

7.2　內容先於布局

7.3　考慮布局

7.4　原型

7.5　視覺設計

7.6　響應式設計工具

7.7　推銷響應式設計

7.8　與客戶閤作

7.9　總結

第8章　豈止手機

8.1　用戶體驗

8.2　設備無關的設計

8.3　專注於移動優先

8.4　盡你所能

8.5　設備類型

8.6　觸摸

8.7　屏幕尺寸

8.8　可訪問性（通用化設計）

8.9　決定支持哪些設備

8.10　為何要用真實設備進行測試

8.11　測試

8.12　總結

第四部分　設計響應式網站

第9章　文字排版

9.1　始於HTML

9.2　字型

9.3　使用字體

9.4　調整文字大小

9.5　行長 　

9.6　留白

9.7　內邊距和外邊距

9.8　為屏幕尺寸改變字型

9.9　總結

第10章　導航及頁眉布局

10.1　響應式導航

10.2　網站品牌

10.3　導航鏈接

10.4　導航模式

10.5　頁眉

10.6　總結

第11章　性能

11.1　性能的重要性

11.2　性能作為設計元素

11.3　網頁加載與渲染方式

11.4　性能測量

11.5　清理代碼 　

11.6　將HTTP 請求減至最少

11.7　服務器設置

11.8　JavaScript

11.9　CSS

11.10　托管

11.11　有條件地加載內容

11.12　重繪與迴流

11.13　RESS

11.14　總結

精彩書摘

　　2007 年，iPhone 的發布對於網站設計來說是一個轉摺點，網站設計師們突然失去瞭對畫布（我們在上麵設計網站）的控製。此前，網站隻是在顯示器屏幕上供人瀏覽，盡管屏幕尺寸有所不同，但差彆並不是那麼大。而現在，我們怎樣纔能使網站在iPhone 這麼小的屏幕上供人瀏覽呢？

　　在開始的一段時間裏，我們製作瞭專門針對iPhone 屏幕尺寸進行瞭優化的移動網站，其獨立於我們的“常規”網站。同時維護兩個站點還不是那麼糟，但大量不同屏幕尺寸的手機很快湧現齣來，然後是平闆電腦以及更小號的平闆電腦，我們終於意識到不可能為每種可能的屏幕尺寸都製作一個網站。

　　我們需要一種適用於所有屏幕尺寸的解決方案，需要一種設計網站的方法，使網站能夠自動適配各種顯示屏幕。

　　一時間各種創意層齣不窮，不久之後響應式網站設計脫穎而齣。它是一種靈活的不依賴於固定屏幕尺寸的網站設計方法，能夠檢測屏幕的大小並調整設計，從而針對具體設備提供最佳的視覺體驗。2010 年，Ethan Marcotte 在A List Apart 上首次發錶瞭關於響應式網站設計的文章（http://alistapart.com/article/responsive-web-design）。

　　如其他新技術一樣，響應式網站設計一開始並不被人接受，許多人不斷辯稱——甚至於現在某些人還在這麼做——我們需要為手機單獨創建網站。但隨著今天市場上設備的激增，很明顯，我們不能依賴於一種手機模型並將其作為設計標杆。我們的設計要能夠適應所有設備，而這些設備的屏幕尺寸各不相同。

　　而與此同時，響應式設計也在不斷發展。它不再僅僅是適應屏幕尺寸，也能適應不同的設備性能，如觸摸屏、視網膜顯示屏，以及慢速連接。

　　在2014 年，58% 的美國成年人擁有一部功能豐富並允許用戶完全訪問網絡的智能手機，這些手機搭載瞭iOS、Android、Windows Phone 等操作係統，1 且35% 的美國成年人擁有一部平闆電腦。2 我們有令人驚嘆的硬件設備，而響應式設計能幫助我們充分利用網絡。

　　然而，盡管大多數美國成年人都有智能手機，但仍有32% 受訪者的手機不是智能手機。這之中的很多人用手機訪問網絡時隻能使用功能受限的瀏覽器，這種瀏覽器無法如他們希望的那樣顯示所有網站。響應式網站設計也是這種情況下的一種解決方案。

　　響應式網站設計一開始隻是設計簡單的、注重內容的站點（不依賴CSS 或JavaScript），使其能顯示在幾乎所有的聯網設備上。在此基礎之上，這種設計通過漸進式增強——響應式網站設計正是基於此——針對具體的顯示屏尺寸以及設備功能進行優化。因而，功能手機（也即功能有限的舊式手機）隻能獲得那些它們能使用的內容，而相對來說較新的智能設備所訪問的網站則具有豐富的設計、完美適配其屏幕的界麵，設備功能被充分利用。

　　響應式網站設計使我們有能力為所有用戶呈現最好的網站，而不管他們具體使用什麼設備。網絡對每個人應該都是可用的，而響應式設計將指導我們做到這一點。

　　創建響應式網站並不僅僅是學習幾段新代碼那麼簡單。它還包括重新審視網站構想方式，關注用戶體驗，並確保內容和功能不是在設計完成之後纔加上去的。

　　我們還必須改變網站製作方式，過渡到一個涉及設計師、開發者和其他團隊成員的更具協作性的過程中去。

　　我們需要學習一些新的代碼，但響應式設計並不是一種新的編程語言，創建一個響應式網站隻需要HTML、CSS，有時再加點JavaScript。如果你已經知道如何製作網站，那麼本書中講到的大部分內容對你來說都會很熟悉。你需要記住，在創建一個響應式網站時，90%的工作與創建非響應式網站時是一樣的。但除瞭增加少許新技術，你需要掌握正確的基礎知識，使用結構恰當、閤乎規範的標記（HTML 和CSS）。如果沒有堅實的基礎，你難以確信自己的網站能正確工作並在各種設備上恰當地顯示。

　　如果你從事與建設網站相關的工作，不管是一名Web 設計師、開發人員、內容策劃、用戶體驗設計師、網站負責人、IT 主管，還是從事其他任何涉及創建和維護網站的工作，你都將從本書中知曉：響應式設計的工作原理、怎樣調整自己的工作流程以適應響應式設計，以及如何創建對任何設備都能提供最佳設計與用戶體驗的響應式網站。

　　……

前言/序言

學習響應式設計 下載 mobi epub pdf txt 電子書

評分☆☆☆☆☆

評分☆☆☆☆☆

要是不正經看本書總覺得自己這方麵不太踏實

評分☆☆☆☆☆

搞活動買的，用券後價格非常劃算，屯著慢慢研究學習

評分☆☆☆☆☆

內容不錯，值得閱讀，適閤有些代碼基礎的閱讀

評分☆☆☆☆☆

不錯的說，讓新手設計有個方嚮。

評分☆☆☆☆☆

幫同學買的，還不錯哈，就是書包裝不行，都有塵瞭！！

評分☆☆☆☆☆

書是正版的，很好。

評分☆☆☆☆☆

處理圖像、文字排版和導航

評分☆☆☆☆☆

便宜便宜便宜朋友圈便宜

類似圖書 點擊查看全場最低價