適讀人群 ：UI初學者、UI設計師、資深UI設計師、有意願了解界面設計的人士。

站酷力薦設計師，前騰訊網、新浪網視覺設計師郗鋻作品

UI設計新手的入門之書，成熟設計師的進階指南

擁有百萬訂閱用戶的公眾號“龐門正道”主理人龐少棠（阿門）及參與制作《復仇者聯盟》《鋼鐵俠》等好萊塢科幻大片的設計團隊創意總監戴維·謝爾頓海克斯力薦
站酷創始人&CEO 梁耀明、UI中國創始人&CEO 董景博、騰訊網UED總監任婕、搜狗輸入法運營總監雪梨、360集團高級設計總監徐鑫一致好評

站酷、UI中國官方力薦

本書透徹地講解了入行UI所要掌握的完備的知識體繫，分為上下兩冊，共包含12章。本書從基礎知識到從業經驗分享都有繫統的講解。主要包括美術基礎、平面設計相關知識、交互知識、相關法律常識、iPhone設計規範、網頁設計相關知識、FUI、設計師面試指南等內容。另外，本書對Material Design和iOS設計均有詳細的講解。

郗鋻。西見網絡科技創始人、站酷推薦設計師，前騰訊、人人、新浪視覺設計師、學院講師。在曾經的工作中設計過如移動版騰訊網、騰訊世界杯項目組等流量過千萬級的產品。參加國內外諸多比賽和品牌跨界合作，設計了如搜狗輸入法皮膚（約一千萬用戶使用）、魅族飛鳥時代（約一百萬用戶使用）等主題設計，獲得多個設計比賽一二三等獎，並多次擔當設計比賽評委等。創業後帶領設計師完成了劉亦菲主演的《二代妖精》《幕後玩家》等電影FUI，設計了每天、奇趴等APP的視覺和交互部分，幫助客戶提高用戶體驗。參與了上百個互聯網產品和項目。郗鋻堅持一切圍繞提高設計水準的主旨去生活和工作，力求他的設計理念能夠傳播得更廣。

引 言

IV 引 言

VI 學習UI的方法

VIII 郗鋻的二十三條忠告

001 第1章 互聯網設計師

001 1.1 互聯網視覺設計師

003 1.2 互聯網公司裡的產品團隊

009 1.3 分工

016 1.4 產品設計思維 UED

017 1.5 設計師必備的能力

018 1.6 UI設計師所使用的軟件

026 1.7 好UI的標準是什麼

027 第2章 美術基礎與設計史

027 2.1 美術的重要性

031 2.2 三大基本關繫

044 2.3 色彩心理學

051 2.4 極簡設計史

067 第3章 設計師的版式基礎

067 3.1 關於平面設計知識

068 3.2 平面構成

071 3.3 排素

072 3.4 字體

078 3.5 西文字體故事

104 3.6 圖片

106 3.7 排版的CRAP原則

111 3.8 構圖

118 3.9 總結

119 第4章 必須學會的圖標技巧

119 4.1 圖標的定義

122 4.2 產品圖標

123 4.3 風格

132 4.4 尺寸

137 4.5 繫統圖標

138 4.6 風格

142 4.7 圖標的設計方法

155 4.8 應用

158 4.9 總結

159 第5章 必須了解的交互知識

159 5.1 交互設計是什麼？

160 5.2 用戶體驗

164 5.3 用戶如何使用產品

168 5.4 格式塔：我們如何認知？

173 5.5 記憶律：我們如何記憶？

174 5.6 情感化設計是什麼？

177 5.7 交互設計八原則

186 第6章 設計師必須掌握的法律常識

186 6.1 前言

186 6.2 阻礙設計進步的抄襲

193 6.3 版權意識請留意

198 6.4 其他違法陷阱

199 第7章 iPhone設計規範

199 7.1 iPhone的歷史

210 7.2 HIG設計指南

224 7.3 工作流程

240 7.4 總結

242 第8章 Material Design

242 8.1 安卓是什麼

244 8.2 安卓的尺寸

248 8.3 什麼是Material Design

250 8.4 設計理念

253 8.5 組件

284 8.6 排版

290 8.7 色彩

296 8.8 文字

301 8.9產品圖標

306 8.10繫統圖標

314 8.11形狀

316 8.12交互

320 8.13總結

321 第9章 網頁設計完全攻略

321 9.1 網頁設計是什麼

322 9.2 工作流程

326 9.3 網站種類

338 9.4 網站組成部分

344 9.5 技術原理

350 9.6 網頁設計規範

359 9.7 總結

360 第10章 FUI 來自未來的UI設計

361 10.1 什麼是FUI

362 10.2 FUI字典

363 10.3 FUI的分工

364 10.4 FUI的分類

370 10.5 FUI設計重點

371 10.6 語言

372 10.7 FUI編年史

376 第11章 設計總監入門指導

377 11.1 見面會

379 11.2 團隊管理

382 11.3 時間管理

387 11.4 會議制度

388 11.5 敏捷開發

392 11.6 提供進步通道

393 11.7 總結

394 第12章 設計師面試指南

394 12.1 Hire Count

396 12.2 作品集

399 12.3 個人簡歷

401 12.4 簡歷投遞

402 12.5 面試準備

404 12.6 面試

407 12.7 入職

410 12.8 總結

關於我對行業的看法。

人類的信息傳播方式一直都在改變，從結繩，刻石到報紙電視，再到今天的大屏幕小屏幕，進化的邏輯就是更快更準確地接收信息。所以當智能手機的出現，過去的10年，我們整個社會出現了巨大的信息革命。

UI設計，其實出現的時間非常早，但是需求集中爆發實在移動互聯網時代，我們知道設計從來都是服務於技術，所以技術的進步，所有的設計都隨之進化，UI設計也不例外。

過去的十幾年，從iPhone4的960*640 到今天iPhone XS max 的2688 *1242，看似隻是從60萬像素變成330萬像素而已，其實背後是3G到4G到5G的發展結果，更是硬件不斷革新來支撐這些變化，人類一直開足馬力地技術進步。

UI設計這個行業的未來如何？會不會有一天忽然被新技術取替？很多同學問我我這樣的問題，這個就是一個沒有經過思考的問題，隻要人類還沒有進化到不需要眼睛看東西，那麼這個行業就有需求，就如平面設計行業，無論UI行業多麼發達，也無法替代戶外廣告，無法取替書本，哪怕哪一天我們已經發展到隻需要腦電波就接收所有信息，那這些信息還是要變成圖形化，我們隻是換一個載體去做UI而已。何況這樣的時代起碼是正在看這本書的這一代人不會經歷。

關於我對這本書的看法。

這是我為第三本書寫的序，一直堅持一個原則，我需要把書看完纔開始動筆寫，因為需要保證我對這本書內容的100%準確判斷，纔好推薦給我身邊的設計師。

這本書的內容結構，完全反映了郗鋻老師對一個優秀UI設計師的能力定義，真正從底層知識架構說起，這個是非常罕見和難得的，因為一個優秀的設計師，不是浮於表層去做一張好看的圖，一個好看的圖標，一抹看似漂亮的色彩，而是真真正正知道這個設計是為什麼服務，如何更好地輔助於業務的本身，美術基礎，構成設計基礎，必不可少。

這本書對新人會帶來一個完整體繫的學習，可以避開很多彎路，對已經工作一些年的設計師，可以補全很多錯漏的知識，讓大家可以更深刻感受到，原來當好一個UI設計師，需要那麼多的底層知識來支撐。

所以，我推薦給正在UI設計路上的你。

資深設計師、龐門正道公眾號號主

龐少棠（阿門）