|
-- 會員 / 註冊 --
|
|
|
|
回應式Web設計全流程解析 ( 簡體 字) |
作者:[美] Stephen Hay | 類別:1. -> 程式設計 -> 綜合 |
譯者: |
出版社:人民郵電出版社 | 3dWoo書號: 39455 詢問書籍請說出此書號!【有庫存】 NT售價: 275 元 |
出版日:9/6/2014 |
頁數:212 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787115364210 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介: 固定寬度的Photoshop圖層、不斷膨脹的客戶需求、無休止的線框圖……拋棄它們吧!陳舊的Web設計交付流程不再適用於移動時代的回應式方案。設計的工作流本質上並沒有發生改變,是最佳實踐變了。 《回應式Web設計全流程解析》為你展示了如何擁抱新的設計范式,創造微信時代的網站。你會學到的策略包括:如何更好地管理客戶的開發需求和預期;在流覽器中進行設計的方法;超越靜態的Photoshop圖層的文檔化方法;將回應式設計中斷點視覺化的方法。 學習並掌握《響應式Web設計全流程解析》引人入勝的內容之後,你就可以完全拋棄老舊的瀑布流交付模型,轉而使用一種全新的方式來設計移動時代的網站。
|
目錄:第1章 擁抱變化 1 1.1 精美設計稿的誕生 2 1.2 靜態設計稿舒適區 4 1.3 專家的入侵 5 1.4 我們都是交互設計師 8 1.5 跳出瀑布模型 8 1.6 壓死駱駝的稻草 9 1.7 屋裡的大象 10 1.8 這並非福音書 11 1.9 這是個挑戰 11
第2章 從內容開始 13 2.1 微結構vs.模組化結構 14 2.2 懶人的內容清單 16 2.3 通用的例子:本書網站 16 2.4 漸進的設計原則:零介面 17 2.5 創建內容清單示例 18 2.6 試試看 21
第3章 內容輔助線框圖 23 3.1 別把線框圖複雜化 25 3.2 第一步:創建低保真的、基於網路的設計稿 26 3.2.1 創建基礎HTML 27 3.2.2 形成基本樣式 30 3.2.3 移動優先版線框圖 33 3.2.4 添加導航 35 3.2.5 為大尺寸螢幕創造變數 37 3.3 打破神話 43 3.3.1 交互設計師應該做線框圖 43 3.3.2 線框圖應該詳細 44 3.3.3 內容輔助線框圖是否限制了設計選擇? 44 3.3.4 現在就考慮佈局是不是有點太早了? 45 3.3.5 我應該做什麼樣的線框圖? 45 3.3.6 我應何時讓客戶參與?(或者說“我的漂亮的交付品在哪兒?”) 46 3.4 動手試試 46
第4章 基於文本而設計 49 4.1 內容為王 50 4.2 標記純文字 53 4.2.1 用Markdown來處理圖書頁面的內容 54 4.2.2 這個階段修改的意義 56 4.2.3 思考很重要 58 4.3 將純文字轉換為HTML 59 4.3.1 使用命令列 60 4.3.2 轉化為HTML 65
第5章 線性設計 67 5.1 開發一種設計語言 68 5.1.1 使用設計漏斗 70 5.1.2 在實際設備中運行設計 72 5.2 增強結構化內容 74 5.2.1 範本介紹 76 5.2.2 目前你的專案檔案夾 79 5.2.3 思考和畫草圖 80 5.2.4 多嘗試字體和顏色 81 5.2.5 暫時不要做太多 85
第6章 中斷點圖 87 6.1 文檔中斷點 89 6.1.1 剖析中斷點 90 6.1.2 視覺化中斷點 92 6.1.3 中斷點圖組件 93 6.2 創建簡單的中斷點圖 95 6.3 主次中斷點 97 6.4 添加更多東西 98 6.5 總結 102
第7章 為中斷點而設計 103 7.1 首先,關於草圖的一點點東西 104 7.1.1 如何素描 105 7.1.2 在設備上素描 109 7.1.3 養成素描的習慣 111 7.2 專注於主中斷點 112 7.3 素描的時候仔細思考內容 114 7.3.1 文本 114 7.3.2 導航 115 7.3.3 表格 116 7.4 當你沒有靈感的時候怎麼辦 119
第8章 創建Web設計模型 121 8.1 跨越障礙 123 8.1.1 客戶不關心 123 8.1.2 其他的人 124 8.1.3 你自己 125 8.1.4 展示你的模型 127 8.2 開始實踐 128 8.3 從靜態頁面到靜態網站生成器 133 8.3.1 範本 133 8.3.2 選擇一個靜態網站生成器 134 8.3.3 關於Dexy 135 8.3.4 安裝Dexy 136 8.3.5 你積累的資源 140 8.3.6 添加樣式 140 8.3.7 添加內容 142 8.3.8 給內容分組 142 8.3.9 Dexy控制中心:dexy.yaml文件 146 8.3.10 使用CSS完成Web設計模型 148 8.3.11 多個頁面 148 8.4 總結 150
第9章 截屏 151 9.1 為什麼不直接在網頁上進行展示? 152 9.1.1 演示/現實的平衡 153 9.1.2 截屏:從Web設計模型回到圖像 154 9.2 如何截屏 157 9.2.1 手動截屏 157 9.2.2 自動截屏 159 9.3 展示截屏 164
第10章 成果展示:流覽器體驗 167 10.1 你會在你的設計中發現很多的bug 168 10.2 溝通與協作 169 10.3 怎樣去展示你的交互原型 171 10.3.1 用設備來讓你的設計更有說服力 171 10.3.2 解釋你的設計 172 10.4 測試和客戶審閱 173 10.4.1 客戶審閱 175 10.4.2 做好筆記 176 10.4.3 使用筆記去修改設計 182
第11章 創建設計手冊 185 11.1 網頁設計規範 187 11.2 設計手冊的內容與結構 189 11.3 我心儀的規範設計軟體 191 11.4 創建設計文檔 193 11.4.1 動手寫文檔 194 11.4.2 添加各種形式的示例 196 11.4.3 生成截圖 197 11.4.4 配置Dexy 199 11.4.5 測試整個Dexy項目 200 11.4.6 捕獲特定元素的螢幕截圖 201 11.4.7 引入能渲染出效果的HTML 204 11.4.8 包含高亮的代碼 207 11.4.9 動手做一個你自己的文檔 210 11.5 寫在末尾的話 211
|
序: |
|