構建跨平臺APP響應式UI設計入門 版權信息
- ISBN:9787302437970
- 條形碼:9787302437970 ; 978-7-302-43797-0
- 裝幀:一般膠版紙
- 冊數:暫無
- 重量:暫無
- 所屬分類:>>
構建跨平臺APP響應式UI設計入門 本書特色
內 容 簡 介
基于“響應式內容”的本質,頁面應該在任何合理屏幕大小的設備上看上去都很舒服,我們做設計的就應該站在用戶的角度考慮,一切設計都應該看上去很美、很實用。本書的響應式設計正是基于這一理念,從小到一個圖標,大到完整的頁面布局,都從響應式ui設計入手,適合所有響應式設計的入門人員和中小企業的網站搭建人員學習。
本書分為3篇共11章,**篇是響應式設計基礎,我們首先介紹清楚到底什么是響應式設計,然后介紹分解響應式設計頁面,包括頁面中的元素、頁面的布局、導航欄、多媒體等;第二篇是響應式設計框架,詳細介紹了目前使用*廣泛的bootstrap框架,包括它的各種樣式設計和特效設計;*后一篇是實戰,用一個bootstrap貼吧和html 5扁平化公司主頁,實踐前面所學的內容。
本書技術新穎、內容精練、結構清晰、注重實戰,適合廣大網頁設計或移動設計初學人員學習,同時也非常適合大中專院校師生學習閱讀,也可作為高等院校計算機及相關專業的教材使用。
構建跨平臺APP響應式UI設計入門 內容簡介
是廣受歡迎的html、css和js框架,用于開發響應式布局、移動設備優先的web項目
構建跨平臺APP響應式UI設計入門 目錄
目 錄 第1章 傳說中的響應式設計 11.1 支持跨平臺設備的響應式設計11.1.1 什么樣的設計是響應式的 11.1.2 響應式設計堅守的4大原則 31.2 響應式設計與其他頁面設計的對比 41.2.1 固定布局 51.2.2 流式布局 71.3 實戰:創建一個響應式網頁 91.3.1 設置html文檔的meta標簽 91.3.2 設計html文檔結構 91.3.3 使用css 3媒介查詢 101.3.4 運行**個響應式頁面 121.4 小結 14第2章 響應式網頁中的元素 152.1 文字 152.2 表單 182.2.1 自定義radiobox 192.2.2 自定義checkbox動畫 212.2.3 美化輸入框 242.2.4 下拉框 272.3 框架 282.3.1 傳統的iframe框架 292.3.2 響應式的iframe框架 292.4 實戰:實現一個響應式登錄表單 312.4.1 設置登錄表單的html結構 312.4.2 設計登錄表單的通用樣式 332.4.3 使用css 3媒介查詢實現響應式登錄表單 352.5 小結 37第3章 響應式布局 383.1 布局切換 383.2 側邊欄 403.3 寬高等比例變化 443.4 列表 463.4.1 定義列表分級菜單 463.4.2 列表切換效果 483.5 表格 523.5.1 簡單自適應表格 523.5.2 翻轉滾動表格 553.5.3 隱藏表格欄目 603.6 實戰:響應式商品展示列表613.7 小結 64第4章 響應式導航 654.1 響應式導航菜單設計五大原則654.1.1 按照優先級顯示內容 654.1.2 用創造力來處理有限的空間 664.1.3 下拉菜單 664.1.4 給導航菜單換位置 664.1.5 放棄導航菜單 664.2 導航類型 664.2.1 單層導航 674.2.2 多層導航 704.2.3 面包屑導航 724.3 頁碼設計 734.4 小結 75第5章 響應式多媒體 765.1 圖標的響應式 765.2 圖像 785.2.1 可適配的圖像 785.2.2 圖像網格 805.3 視頻 845.3.1 內嵌視頻響應式的難點 855.3.2 從其他網站中手動嵌入視頻 855.4 響應式圖表 865.4.1 一款響應式圖表庫 865.4.2 帶tooltip提示的線形圖 885.4.3 簡單的餅圖 915.5 小結 93第6章 bootstrap入門 946.1 初次接觸bootstrap946.1.1 bootstrap的優勢 946.1.2 下載bootstrap 966.2 在網站中引入bootstrap 976.3 調用bootstrap的樣式 986.4 調用bootstrap的組件 1006.5 調用bootstrap的js特效 1016.6 實戰:一個bootstrap實現的響應式頁面v1.01026.7 小結 104第7章 bootstrap的樣式設計 1057.1 字體 1057.1.1 標題 1057.1.2 全局字體和段落 1067.2 表格 1077.2.1 基本用法 1087.2.2 表格的附加樣式 1087.2.3 為表格行或單元格添加狀態標識 1107.2.4 響應式表格 1127.3 表單 112 7.4 按鈕 1157.4.1 按鈕的基本樣式 1157.4.2 調節按鈕大小 1167.4.3 塊級按鈕 1177.4.4 為按鈕設置不可點擊樣式 1187.5 圖片 1187.5.1 圖片類 1187.5.2 響應式圖片 1197.6 bootstrap工具類 1197.6.1 響應式工具 1197.6.2 工具類 1207.7 實戰:bootstrap響應式頁面v2.0 1227.8 小結 123第8章 bootstrap的組件設計 1248.1 下拉菜單 1248.2 按鈕組 1258.2.1 垂直排列的按鈕組 1268.2.2 兩端對齊的按鈕組 1268.2.3 嵌套按鈕組 1278.3 input控件組 1288.3.1 *常見的搜索框 1288.3.2 帶提示的搜索框 1288.4 導航 1298.4.1 膠囊式導航 1298.4.2 面包屑導航 1308.4.3 頭部導航 1308.5 列表組 1338.6 分頁 1348.6.1 普通的分頁 1348.6.2 上一頁/下一頁 1358.7 標簽 1368.8 面板 1378.9 進度條 1398.10 縮略圖 1408.11 實戰:bootstrap響應式頁面v3.0 1428.12 小結 143第9章 bootstrap的特效設計 1449.1 模態對話框 1449.2 標簽頁切換 1469.3 tootip 1479.4 彈出框 1479.5 折疊 1489.6 幻燈片 1499.7 實戰:bootstrap響應式頁面v4.0 1519.8 小結 153第10章 使用bootstrap實現一個百度貼吧后臺15410.1 確定后臺管理的需求 15410.2 設計頁面布局 15510.2.1 引入bootstrap 3框架 15510.2.2 實現頁面布局代碼 15610.3 設計導航欄 15710.3.1 構建導航的整體架構 15710.3.2 設計標題和導航鏈接 15810.3.3 實現搜索框和通知系統 15810.3.4 實現管理員的登錄信息 15910.3.5 構建響應式導航 16010.4 設計左側邊欄 16210.5 設計主功能部分 16310.5.1 主功能的頭部 16310.5.2 主功能的帖子列表 16510.6 小結 168第11章 使用html 5設計扁平化的公司主頁16911.1 響應式設計的關鍵 16911.2 導航欄的設計 17011.2.1 列表的實現 17011.2.2 彈出式菜單的實現 17411.3 主功能部分的設計 17611.3.1 什么是視差滾動效果 17611.3.2 視差效果的實現 17611.3.3 圖文列表的實現 17811.4 小結 183附錄 css 3選擇器使用一覽 184f1.1 標簽選擇器 184f1.2 類選擇器 184f1.3 id選擇器 185f1.4 通配符選擇器 186f1.5 子元素選擇器 186f1.6 后代元素選擇器 187f1.7 相鄰元素選擇器 187f1.8 屬性選擇器 188f1.9 組選擇器 188f1.10 復合選擇器 189f1.11 結構化偽類 190f1.12 目標偽類:target 195f1.13 狀態偽類 195f1.14 否定偽類:not(s) 196
展開全部
構建跨平臺APP響應式UI設計入門 作者簡介
作者簡介
楊旺功,男,畢業于重慶郵電大學,碩士。現任北京印刷學院設計藝術學院教師,主要研究方向是信息與交互設計產品創新設計,具有豐富的數字媒體交互產品設計和移動應用UI設計的教學經驗。在數字化藝術與設計領域成果顯著,發表多篇數字化藝術與設計的論文,對信息與交互設計有深入的研究。
趙榮嬌,女,畢業于中國傳媒大學,碩士。中國傳媒大學新媒體研究院主辦《信息科技周刊》總編輯,《新媒體技術動態》發起人。目前就職于阿里去啊,擔任前端開發工程師,曾參與旅游特賣首頁、1688訂單等項目開發。熱愛技術,喜歡分享。