UI設計啟示錄:創意+對比+實戰

UI設計啟示錄:創意+對比+實戰

《UI設計啟示錄:創意+對比+實戰》是2019年人民郵電出版社出版的圖書,作者是王涵。

基本介紹

  • 中文名:UI設計啟示錄:創意+對比+實戰
  • 作者:王涵
  • 出版社:人民郵電出版社
  • 出版時間:2019年
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787115510754
內容簡介,作者簡介,目錄,

內容簡介

市面上與Photoshop有關的書籍多以介紹如何修圖為主,傾向於講解修圖工具的使用,針對UI的書則較少,講解相關理論知識的書就更少了,而使用Photoshop進行UI設計時涉及的工具和技巧與修圖時有很大不同。 本書的特點是能讓大家看得懂、學得會,且不會覺得枯燥,讀者可以邊翻看手裡的書,邊通過計算機進行實踐學習,避免了“只會照著書做,自己創作時卻一頭霧水”的問題。隨書附贈的案例素材檔案和操作演示視頻有助於讀者提高學習效率。 本書面向對UI設計感興趣的初學者,也可以作為高校藝術專業的教材及相關培訓機構的參考書。

作者簡介

團隊簡介: BIGD團隊成立於2014年,是個年輕有活力、熱衷知識分享的團隊。團隊服務的客戶包括JEEP、克萊斯勒、騰訊、新浪、一汽大眾、搜狐暢遊、小米、華為、OPPO等。 團隊主要榮譽: 著作書籍《視界?無界:寫給UI設計師的設計書》 Adobe認證互動設計師 站酷十周年酷團隊 站酷十周年人氣設計師 UI中國十佳UI設計師 網頁設計聯盟中國十佳網頁設計師 網際網路各類UI設計大賽評審 vivo Funtouch全局主題設計大賽一等獎 華為屆全國設計天團大賽UI類一等獎 華為全球第二屆UI設計大賽二等獎 聯想樂檬VIBE UI手機主題設計大賽一等獎 華為EMUI全球手機主題設計大賽大師風範獎 墨跡天氣手機桌面外掛程式設計大賽二等獎 步步高vivo智慧型手機場景桌面設計大賽二等獎 以及16項三等獎和優秀獎

目錄

第 1章
UI設計基本概念
 1.1 UI設計分類 13
1.1.1 GUI 13
1.1.2 WUI 14
1.1.3 IXD 15
1.1.4 UE/UX 16
 1.2 UI設計理論常識 17
 1.3 UI設計注意事項 17
1.3.1 清晰 17
1.3.2 簡潔 17
1.3.3 易用 17
1.3.4 適應 17
1.3.5 統一 18
1.3.6 視覺 18
1.3.7 識別 18
 1.4 UI設計中的Photoshop設定技巧 18
第 2章
復古像素圖示設計
 2.1 像素圖示在手遊及網頁UI設計中的套用場景 21
 2.2 像素圖示設計注意事項 22
 2.3 像素設計中不出現虛邊的原理及技法 22
 2.4 像素圖示操作實例 23
 2.5 拓展練習 28
第3章
App產品界面中的重要元素功能圖示設計
 3.1 功能圖示在App中的套用場景 30
 3.2 功能圖示設計注意事項 32
 3.3 功能圖示設計的描邊法 32
 3.4 36×36尺寸功能圖示操作實例 33
第4章
產品界面中的天氣圖示設計
 4.1 天氣圖示在產品中的套用場景 38
 4.2 一層流圖層樣式設計注意事項 39
 4.3 複數圖層樣式設計實用技巧 39
 4.4 天氣圖示操作實例 40
 4.5 拓展練習 44
第5章
界面中的卡通風格元素設計
 5.1 卡通風格設計的套用場景 46
 5.2 卡通風格設計中的配色注意事項 48
 5.3 128x128尺寸卡通筆記本操作實例 48
 5.4 拓展練習 52
第6章
輕擬物設計
 6.1 輕擬物風格的套用場景 54
 6.2 輕擬物風格設計中的色彩注意事項 55
 6.3 白色質感的控制技巧 56
 6.4 256x256尺寸輕擬物水果盤操作實例 56
 6.5 拓展練習 62
第7章
國際流行卡通斷線風格設計
 7.1 引導頁中的卡通斷線風格 64
 7.2 卡通斷線風格設計注意事項 65
 7.3 卡通斷線風格設計色彩選擇 66
 7.4 繪製卡通斷線氣球 66
 7.5 拓展練習 73
第8章
扁平純色風格圖示設計
 8.1 扁平化風格圖示的含義及特點 75
 8.2 扁平化風格圖示設計注意事項 75
 8.3 手機主題圖示顏色選擇 76
 8.4 文本圖示操作實例 76
 8.5 拓展練習 78
第9章
擬物風格圖示設計
 9.1 擬物風格圖示的特點 80
 9.2 擬物圖示設計注意事項 80
 9.3 擬物風格圖示的色彩選擇和樣式設計 81
 9.4 擬物膠囊圖示操作實例 81
 9.5 拓展練習 89
第 10章
畫板圖示設計
 10.1 木板與紙張質感分析 91
 10.2 畫板圖示設計注意事項 91
 10.3 金屬元素設計技巧 92
 10.4 畫板圖示操作實例 92
第 11章
瀏覽器圖示設計
 11.1 不同風格瀏覽器圖示分析 99
 11.2 瀏覽器圖示設計注意事項 99
 11.3 瀏覽器圖示設計要點 100
 11.4 瀏覽器圖示設計操作實例 100
 11.5 拓展練習 108
第 13章
高級擬物設計(美工刀)
 13.1 美工刀手繪草稿 119
 13.2 美工刀材質繪製注意事項 119
 13.3 美工刀操作實例 120
13.3.1 製作背景 121
13.3.2 繪製整體輪廓 122
13.3.3 繪製美工刀的陰影 125
13.3.4 細緻刻畫推手 127
13.3.5 細緻刻畫刀槽 131
13.3.6 細緻刻畫美工刀的上部結構 139
13.3.7 細緻刻畫美工刀的下部結構 145
13.3.8 細緻刻畫美工刀的右部結構 158
13.3.9 細緻刻畫美工刀刀片 160
 13.4 拓展練習 164
第 14章
高級擬物設計(手錶)
 14.1 手錶手繪概念稿 166
 14.2 手錶材質繪製注意事項 166
 14.3 手錶操作實例 167
14.3.1 繪製手錶鏈上部 168
14.3.2 繪製手錶鏈下部 173
14.3.3 繪製手錶鏈左右兩側連線處材質 178
14.3.4 繪製手錶錶冠 181
14.3.5 繪製手錶外殼 182
14.3.6 繪製錶盤外圈 186
14.3.7 繪製手錶錶盤 187
14.3.8 繪製刻度和指針 190
14.3.9 繪製錶盤標記 195
 14.4 拓展練習 200
第 15章
高級擬物設計(直刀)
 15.1 手繪草稿 202
 15.2 直刀材質繪製注意事項 202
 15.3 刀具操作實例 203
15.3.1 製作背景 204
15.3.2 繪製刀具輪廓 205
15.3.3 繪製直刀投影 206
15.3.4 細化刀身 207
15.3.5 細化護手 210
15.3.6 細化刀柄 212
15.3.7 繪製刀柄金屬 215
 15.4 拓展練習 220
第 16章
高級擬物設計(自動鉛筆)
 16.1 自動鉛筆材質分析 222
 16.2 自動鉛筆材質繪製注意事項 222
 16.3 自動鉛筆操作實例 223
16.3.1 繪製自動鉛筆基本外形 223
16.3.2 繪製影子 227
16.3.3 繪製護芯 229
16.3.4 製作筆桿 231
16.3.5 製作按桿 247
 16.4 拓展練習 253
第 17章
移動端撥號界面設計
 17.1 撥號界面 255
 17.2 撥號界面設計注意事項 255
 17.3 撥號界面設計宗旨 256
 17.4 撥號界面製作 256
 17.5 拓展練習 258
第 18章
App登錄和註冊頁面設計
 18.1 登錄、註冊頁面設計規範 260
 18.2 設計注意事項 261
 18.3 iPhone 8 App註冊頁面操作實例 261
 18.4 正確輸出清晰設計效果圖流程 266
 18.5 拓展練習 267
第 19章
App卡券列表界面設計
 19.1 卡券界面設計 269
 19.2 設計注意事項 269
 19.3 卡券列表 270
 19.4 卡券列表界面操作實例 270
 19.5 拓展練習 272
第 20章
PS動效設計
 20.1 PS設計動畫的優勢 274
 20.2 用時間軸製作載入動畫 275
第 21章
工作的切圖技能
 21.1 圓角矩形按鈕操作實例 280
 21.2 皮卡丘信息氣泡按鈕操作實例 283

相關詞條

熱門詞條

聯絡我們