-- 會員 / 註冊 --  
 帳號:
 密碼:
  | 註冊 | 忘記密碼
3/26 新書到! 3/19 新書到! 3/14 新書到! 12/12 新書到!
購書流程Q & A站務留言版客服信箱
3ds MaxMayaRhinoAfter EffectsSketchUpZBrushPainterUnity
PhotoShopAutoCadMasterCamSolidWorksCreoUGRevitNuke
C#CC++Java遊戲程式Linux嵌入式PLCFPGAMatlab
駭客資料庫搜索引擎影像處理FluentVR+ARANSYS深度學習
單晶片AVROpenGLArduinoRaspberry Pi電路設計CadenceProtel
HadoopPythonStm32CortexLabview手機程式AndroidiPhone
可查書名,作者,ISBN,3dwoo書號
詳細書籍分類

構建跨平臺APP:響應式UI設計入門

( 簡體 字)
作者:楊旺功、 趙榮嬌類別:1. -> 程式設計 -> UI/UX
譯者:
出版社:清華大學出版社構建跨平臺APP:響應式UI設計入門 3dWoo書號: 44296
詢問書籍請說出此書號!

缺書
NT售價: 245

出版日:7/1/2016
頁數:196
光碟數:0
站長推薦:
印刷:黑白印刷語系: ( 簡體 版 )
加入購物車 加到我的最愛
(請先登入會員)
ISBN:9787302437970
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證)
作者序:

譯者序:

前言:

響應式Web設計(Responsive Web design)的理念是:頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等,以適應不同設備。換句話說,頁面應該有能力去自動響應用戶的設備環境。
目前,響應式設計仍然在不斷變化,不斷創新。比如,新的設備不斷出來(iPad Pro、iPad Mini 4、小米Note),這讓以前的設計想法土崩瓦解。而各種Web的響應式設計也獲得了越來越多的注意,“讓人們忘記設備尺寸”的理念將更快地驅動響應式設計,所以Web設計也將迎來更多的響應式設計元素。隨著各種移動設備的不斷出現,響應式設計不再新鮮,但卻成為我們UI身邊不可缺少的元素。
本書就是一本梳理響應式設計元素的圖書,它的目的是讓所有UI設計人員找到設計方向,完善設計理念和方法。從而使自己設計的網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣,我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。
與其他書的區別
(1)細分響應式頁面中的各個元素,從小地方入手,了解響應式設計的精髓。
詳解響應式設計涉及的文字、表單、框架、圖片、視頻等基礎元素,幫讀者一步一步打下響應式設計的基礎。
(2)實例佐證技術的講解方式,每個技術點都伴有實例,讓讀者能看完就學會。
全書的技術點不僅僅有理論知識,還有大量的HTML 5和CSS 3代碼,讓讀者可以看、可以動手,可以通過一點一滴的操作逐步掌握所有技術。
(3)緊貼流行的設計趨勢,讓讀者不僅能學會現在的設計方式,還能看清什么樣的設計才是好的設計和未來的設計。
大部分例子都提供了寬屏和窄屏的設計效果,并講解了各種設計下的書寫技巧。
進階路線
本書共3篇11章,主要章節規劃如下。
第一篇(第1章~第5章)響應式設計基礎篇
講述了響應式設計的由來和簡單發展,通過響應式網頁中的元素、響應式布局、響應式導航、響應式多媒體等4個模塊,詳細介紹了響應式設計中我們需要學習和關注的技術點。
第二篇(第6章~第9章)響應式設計框架篇
講述了如何使用響應式框架Bootstrap,包括它的樣式設計、組件設計、特效設計三大模塊,每個模塊都輔助了很多小例子,讓讀者能一看就會。
第三篇(第10章~第11章)響應式網站設計實戰篇
本篇包含兩個完整案例,一個是利用框架實現的響應式后臺管理,一個是利用扁平式結構實現的公司宣傳主頁。
本書適合的讀者
本書適合任何對 Web設計感興趣的讀者進行閱讀,示例中會涉及一些 HTML和 CSS代碼,理解這些代碼會極大地幫助你深入了解響應式 Web設計開發中的技巧。
前端工程師
設計師
產品經理
架構師
項目經理
大中專院校的學生
可作為各種培訓學校的入門教程
作者簡介
楊旺功,男,畢業于重慶郵電大學,碩士,現任職于北京印刷學院設計藝術學院教師。具有豐富的數字媒體交互產品設計和移動應用UI設計的教學經驗。在數字化藝術與設計領域成果顯著,著有《給設計師看的交互程序設計書——FLASH ACTIONSCRIPT 3.0溢彩編程》《Flex 4.0 RIA開發寶典》等教材,并發表多篇數字化藝術與設計的論文。主要方向是信息與交互設計產品創新設計,對信息與交互設計有深入的研究。
趙榮嬌,女,畢業于中國傳媒大學,工學碩士。目前就職于阿里去啊,擔任前端開發工程師,曾參與旅游特賣首頁、1688訂單等項目開發。熱愛技術,喜歡分享。中國傳媒大學新媒體研究院主辦《信息科技周刊》總編輯、《新媒體技術動態》發起人。
本書第1~5章由阿里去啊的趙榮嬌編寫,第6~11章北京印刷學院設計藝術學院的楊旺功編寫,參與創作的還有陳宇、劉軼、姜永艷、馬飛、王琳、張鑫、張?、趙海波、肖俊宇、歐陽薇、周瑞、李為民、陳超、杜禮、孔峰。

編者
2016年5月

內容簡介:

內 容 簡 介
基于“響應式內容”的本質,頁面應該在任何合理屏幕大小的設備上看上去都很舒服,我們做設計的就應該站在用戶的角度考慮,一切設計都應該看上去很美、很實用。本書的響應式設計正是基于這一理念,從小到一個圖標,大到完整的頁面布局,都從響應式UI設計入手,適合所有響應式設計的入門人員和中小企業的網站搭建人員學習。
本書分為3篇共11章,第一篇是響應式設計基礎,我們首先介紹清楚到底什么是響應式設計,然后介紹分解響應式設計頁面,包括頁面中的元素、頁面的布局、導航欄、多媒體等;第二篇是響應式設計框架,詳細介紹了目前使用最廣泛的Bootstrap框架,包括它的各種樣式設計和特效設計;最后一篇是實戰,用一個Bootstrap貼吧和HTML 5扁平化公司主頁,實踐前面所學的內容。
本書技術新穎、內容精練、結構清晰、注重實戰,適合廣大網頁設計或移動設計初學人員學習,同時也非常適合大中專院校師生學習閱讀,也可作為高等院校計算機及相關專業的教材使用。
目錄:

第1章傳說中的響應式設計1

1.1支持跨平臺設備的響應式設計1

1.1.1什么樣的設計是響應式的1

1.1.2響應式設計堅守的4大原則3

1.2響應式設計與其他頁面設計的對比4

1.2.1固定布局5

1.2.2流式布局7

1.3實戰:創建一個響應式網頁9

1.3.1設置HTML文檔的Meta標簽9

1.3.2設計HTML文檔結構9

1.3.3使用CSS3媒介查詢10

1.3.4運行第一個響應式頁面12

1.4小結14

第2章響應式網頁中的元素15

2.1文字15

2.2表單18

2.2.1自定義Radiobox19

2.2.2自定義Checkbox動畫21

2.2.3美化輸入框24

2.2.4下拉框27

2.3框架28

2.3.1傳統的iFrame框架29

2.3.2響應式的iFrame框架29

2.4實戰:實現一個響應式登錄表單31

2.4.1設置登錄表單的HTML結構31

2.4.2設計登錄表單的通用樣式33

2.4.3使用CSS3媒介查詢實現響應式登錄表單35

2.5小結37

第3章響應式布局38

3.1布局切換38

3.2側邊欄40

3.3寬高等比例變化44

3.4列表46

3.4.1定義列表分級菜單46

3.4.2列表切換效果48

3.5表格52

3.5.1簡單自適應表格52

3.5.2翻轉滾動表格55

3.5.3隱藏表格欄目60

3.6實戰:響應式商品展示列表61

3.7小結64

第4章響應式導航65

4.1響應式導航菜單設計五大原則65

4.1.1按照優先級顯示內容65

4.1.2用創造力來處理有限的空間66

4.1.3下拉菜單66

4.1.4給導航菜單換位置66

4.1.5放棄導航菜單66

4.2導航類型66

4.2.1單層導航67

4.2.2多層導航70

4.2.3面包屑導航72

4.3頁碼設計73

4.4小結75

第5章響應式多媒體76

5.1圖標的響應式76

5.2圖像78

5.2.1可適配的圖像78

5.2.2圖像網格80

5.3視頻84

5.3.1內嵌視頻響應式的難點85

5.3.2從其他網站中手動嵌入視頻85

5.4響應式圖表86

5.4.1一款響應式圖表庫86

5.4.2帶Tooltip提示的線形圖88

5.4.3簡單的餅圖91

5.5小結93

第6章Bootstrap入門94

6.1初次接觸Bootstrap94

6.1.1Bootstrap的優勢94

6.1.2下載Bootstrap96

6.2在網站中引入Bootstrap97

6.3調用Bootstrap的樣式98

6.4調用Bootstrap的組件100

6.5調用Bootstrap的js特效101

6.6實戰:一個Bootstrap實現的響應式頁面V1.0102

6.7小結104

第7章Bootstrap的樣式設計105

7.1字體105

7.1.1標題105

7.1.2全局字體和段落106

7.2表格107

7.2.1基本用法108

7.2.2表格的附加樣式108

7.2.3為表格行或單元格添加狀態標識110

7.2.4響應式表格112

7.3表單112

7.4按鈕115

7.4.1按鈕的基本樣式115

7.4.2調節按鈕大小116

7.4.3塊級按鈕117

7.4.4為按鈕設置不可點擊樣式118

7.5圖片118

7.5.1圖片類118

7.5.2響應式圖片119

7.6Bootstrap工具類119

7.6.1響應式工具119

7.6.2工具類120

7.7實戰:Bootstrap響應式頁面V2.0122

7.8小結123

第8章Bootstrap的組件設計124

8.1下拉菜單124

8.2按鈕組125

8.2.1垂直排列的按鈕組126

8.2.2兩端對齊的按鈕組126

8.2.3嵌套按鈕組127

8.3input控件組128

8.3.1最常見的搜索框128

8.3.2帶提示的搜索框128

8.4導航129

8.4.1膠囊式導航129

8.4.2面包屑導航130

8.4.3頭部導航130

8.5列表組133

8.6分頁134

8.6.1普通的分頁134

8.6.2上一頁/下一頁135

8.7標簽136

8.8面板137

8.9進度條139

8.10縮略圖140

8.11實戰:Bootstrap響應式頁面V3.0142

8.12小結143

第9章Bootstrap的特效設計144

9.1模態對話框144

9.2標簽頁切換146

9.3Tootip147

9.4彈出框147

9.5折疊148

9.6幻燈片149

9.7實戰:Bootstrap響應式頁面V4.0151

9.8小結153

第10章使用Bootstrap實現一個百度貼吧后臺154

10.1確定后臺管理的需求154

10.2設計頁面布局155

10.2.1引入Bootstrap3框架155

10.2.2實現頁面布局代碼156

10.3設計導航欄157

10.3.1構建導航的整體架構157

10.3.2設計標題和導航鏈接158

10.3.3實現搜索框和通知系統158

10.3.4實現管理員的登錄信息159

10.3.5構建響應式導航160

10.4設計左側邊欄162

10.5設計主功能部分163

10.5.1主功能的頭部163

10.5.2主功能的帖子列表165

10.6小結168

第11章使用HTML5設計扁平化的公司主頁169

11.1響應式設計的關鍵169

11.2導航欄的設計170

11.2.1列表的實現170

11.2.2彈出式菜單的實現174

11.3主功能部分的設計176

11.3.1什么是視差滾動效果176

11.3.2視差效果的實現176

11.3.3圖文列表的實現178

11.4小結183

附錄CSS3選擇器使用一覽184

f1.1標簽選擇器184

f1.2類選擇器184

f1.3id選擇器185

f1.4通配符選擇器186

f1.5子元素選擇器186

f1.6后代元素選擇器187

f1.7相鄰元素選擇器187

f1.8屬性選擇器188

f1.9組選擇器188

f1.10復合選擇器189

f1.11結構化偽類190

f1.12目標偽類:target195

f1.13狀態偽類195

f1.14否定偽類:not(S)196

序: