|
-- 會員 / 註冊 --
|
|
|
|
新印象 解構UI界面設計 ( 簡體 字) |
作者:王鐸 | 類別:1. -> 程式設計 -> UI/UX |
譯者: |
出版社:人民郵電出版社 | 3dWoo書號: 50301 詢問書籍請說出此書號!【缺書】 NT售價: 395 元 |
出版日:1/1/2019 |
頁數:256 |
光碟數:0 |
|
站長推薦: |
印刷:全彩印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787115492272 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介:這是一本全面介紹UI設計的書,是幫助初級和中級讀者快速學習UI設計知識、技巧和操作的參考書。 本書從UI設計基礎入手,結合大量的案例分析和針對性實戰,全面深入地闡述了UI設計的界面類型、界面構圖、版面布局、元素運用、界面用色、設計原則與規范、切圖與標注、圖標設計及藝術二維碼設計等方面的內容。 本書共9章,每章分別介紹一個板塊的內容,講解細致,案例分析與實戰數量豐富。通過豐富的實戰練習,讀者可以輕松而高效地掌握UI設計的相關技術。 本書講解模式新穎,非常符合讀者學習新知識的思維習慣。書中附帶所有實戰的源文件(完成文件)和素材文件,以方便讀者練習。 本書適合UI設計師、準備轉入UI設計方向的平面設計師,以及相關專業的高校學生閱讀。 |
目錄:第 1章 界面類型/ 009 1.1 閃屏頁 010 1.1.1 品牌宣傳型/ 010 1.1.2 節假關懷型/ 011 1.1.3 活動推廣型/ 012 1.2 引導頁 013 1.2.1 功能介紹型(基礎型)/ 013 1.2.2 情感帶入型(中級型)/ 014 1.2.3 搞笑型(高級型)/ 015 1.3 浮層引導頁/ 016 1.4 空白頁/ 017 1.4.1 首次進入型/ 017 1.4.2 錯誤提示型/ 018 1.5 首頁/ 019 1.5.1 列表型/ 019 1.5.2 圖標型/ 020 1.5.3 卡片型/ 020 1.5.4 綜合型/ 021 1.6 個人中心頁/ 022 1.7 列表頁/ 024 1.7.1 單行列表/ 024 1.7.2 雙行列表/ 025 1.7.3 時間軸/ 025 1.7.4 圖庫列表/ 026 1.8 播放頁面/ 027 1.9 詳情頁/ 028 1.10 可輸入頁面/ 029 1.11 實戰:兩步打造炫酷界面/ 030 1.11.1 繪制基礎圖形/ 030 1.11.2 添加顏色與細節/ 032
第 2章 界面構圖/ 035 2.1 九宮格構圖/ 036 案例分析/ 037 2.2 圓心放射構圖/ 038 案例分析/ 039 2.3 三角形構圖/ 041 案例分析/ 041 2.4 S形構圖/ 043 案例分析/ 044 2.5 F形構圖/ 047 案例分析/ 047 2.6 實戰:用多種構圖方式制作運動App/ 048 2.6.1 用放射構圖設計運動頁面/ 048 2.6.2 用倒三角形構圖設計地圖頁面/ 053 2.6.3 用三角形構圖設計個人頁面/ 056
第3章 版面布局/ 059 3.1 界面版率/ 060 3.1.1 單色塊填充/ 061 3.1.2 多色塊組合/ 062 3.1.3 穿插填充/ 062 3.1.4 關鍵詞圖形化/ 063 3.1.5 放大文字/ 064 3.2 摳圖法/ 065 案例分析/ 065 3.3 破界法/ 066 案例分析/ 066 3.4 局部提取/ 069 案例分析/ 069 3.5 對齊原則/ 070 3.5.1 界面中常用的對齊方式/ 070 3.5.2 小米的登錄頁/ 072 3.5.3 蘋果的登錄頁/ 073 3.6 間距使用/ 074 案例分析/ 074 3.7 視覺層次/ 077 案例分析/ 077 3.8 實戰:設計智能空氣凈化器界面/080 3.8.1 對頁面進行整體布局/ 080 3.8.2 設計“較差”頁面/ 082 3.8.3 設計“良好”頁面/ 086
第4章 元素之道/ 087 4.1 點線面/ 088 案例分析/ 088 4.2 極簡至上/ 093 案例分析/ 093 4.3 品牌靈魂/ 095 案例分析/ 095 4.4 形象靈魂化/ 096 案例分析/ 096 4.5 運動賦予生命/ 099 案例分析/ 099 4.6 菜單設定/ 100 案例分析/ 100 4.7 實戰:快速制作晶格化界面/ 101 4.7.1 制作圓形頭像/ 101 4.7.2 制作晶格背景/ 102 4.7.3 制作界面細節/ 104
第5章 “色誘”用戶/ 107 5.1 感知色彩/ 108 5.1.1 紅色/ 109 5.1.2 橙色/ 110 5.1.3 黃色/ 110 5.1.4 綠色/ 111 5.1.5 藍色/ 111 5.1.6 粉色/ 112 5.1.7 黑色/ 112 5.2 色不過三/ 113 案例分析/ 113 5.3 主色、輔助色及點睛色/ 116 5.3.1 主色/ 116 5.3.2 輔助色/ 117 5.3.3 點睛色/ 118 5.4 如何配色/ 119 5.4.1 互補色搭配/ 119 5.4.2 冷暖對比搭配/ 121 5.5 實戰:設計一款色彩統一的界面/123 5.5.1 設計頁面圖標/ 123 5.5.2 設計個人中心頁/ 128 5.5.3 設計聊天頁面/ 132
第6章 設計原則及規范/135 6.1 iOS的五大設計原則/ 136 6.1.1 凸顯內容原則/ 137 6.1.2 統一化原則/ 139 6.1.3 適應化原則/ 140 6.1.4 層級性原則/ 144 6.1.5 易操作性原則/ 145 6.2 iOS界面尺寸及控件設計規范/ 147 6.2.1 界面尺寸/ 147 6.2.2 控件規范/ 149 6.3 Android設計原則及規范/ 154 6.3.1 Android的設計原則/ 154 6.3.2 Android的控件設計規范/ 158 6.3.3 Android的設計尺寸及單位/ 163 6.4 常用字體規范/ 165 6.4.1 成也字,敗也字/ 165 6.4.2 字不過三/ 166 案例分析/ 166 6.4.3 字與背景要分明/ 168 6.4.4 字體與氣氛要匹配/ 168 案例分析/ 168 6.4.5 常用字體類型/ 169 6.4.6 界面字體規范/ 172 6.4.7 字體常用顏色/ 174 6.5 建立一套設計規范/ 175 6.5.1 色彩控件規范/ 176 6.5.2 按鈕控件規范/ 177 6.5.3 分割線規范/ 177 6.5.4 頭像規范/ 177 6.5.5 提示框規范/ 178 6.5.6 文字規范/ 179 6.5.7 間距規范/ 180 6.5.8 圖標規范/ 181 6.6 實戰:打造毛筆字風格的登錄頁/182 6.6.1 制作基礎字體/ 182 6.6.2 用筆刷設計細節/ 184
第7章 切圖與標注/ 189 7.1 高效切圖/ 190 7.1.1 iPhone屏幕與Android手機屏幕的關系/ 190 7.1.2 Android的常用單位/ 191 7.1.3 通用切圖法/ 192 7.1.4 Android“點九”切圖法/ 194 7.2 界面標注/ 197 7.2.1 標注軟件/ 197 7.2.2 標注規范/ 198 7.3 實戰:為一款首頁界面切圖/ 201 7.3.1 切圖分析/ 201 7.3.2 iOS切圖/ 203 7.3.3 Android切圖/ 205
第8章 圖標設計/ 207 8.1 圖標創意/ 208 8.1.1 卡通形象化/ 208 8.1.2 關鍵詞圖形化/ 208 8.1.3 字體直觀化/ 209 案例分析/ 209 8.2 圖標類型/ 210 8.2.1 像素圖標/ 210 案例分析/ 211 8.2.2 擬物化圖標/ 212 8.2.3 扁平化圖標/ 212 案例分析/ 214 8.2.4 線性圖標/ 215 案例分析/ 215 8.2.5 立體圖標/ 217 案例分析/ 217 8.3 實戰:繪制功能圖標/ 219 8.3.1 功能圖標設計規范/ 219 8.3.2 功能圖標繪制過程/ 220 8.4 實戰:制作立體圖標/ 227 8.4.1 制作透視網格/ 227 8.4.2 制作立體字/ 228 8.4.3 制作燈泡/ 229 8.4.4 制作光暈/ 230 8.5 實戰:快速制作線條流暢的Logo/231 8.5.1 制作Logo形狀的輔助線/ 231 8.5.2 生成Logo路徑形狀/ 232 8.5.3 將輔助線設置為虛線/ 234
第9章 高端藝術二維碼/ 235 9.1 原理結構/ 236 9.2 動態二維碼的表現/ 239 9.2.1 MICU二維碼——航行/ 239 9.2.2 MICU二維碼——音樂節/ 240 9.2.3 MICU二維碼——清涼夏日/ 241 9.2.4 MICU二維碼——UI疫苗站/ 241 9.2.5 MICU二維碼——設計樂園/ 242 案例分析/ 242 9.3 實戰:制作寶馬春節藝術二維碼/245 9.3.1 制作原碼/ 245 9.3.2 設計二維碼/ 246 9.3.3 制作動效/ 249 9.4 實戰:快速制作界面動態展示圖/253 9.4.1 導入GIF并轉為智能對象/ 253 9.4.2 制作透視展示圖/ 254 |
序: |
|