《UI設計跟我學》內容涵蓋交互設計與界面設計的基本概念、設計規范和工作流程。由于這是一本展示實際工作案例和工作經驗為主的書，一開始著力介紹目前*新發展的交互手段和使用場所，當然以移動手持設備為主。作為設計師，一定要關心如何將這些創意產品化。接下來介紹如何正確地將一個設計想法變成產品。在產品化的過程中，用戶體驗設計是相當重要的，由于UCD設計思想的廣泛使用，本書重點研究并分析用戶體驗設計的可行性和方法。視覺設計是普通大眾直接接觸產品設計核心的介質，本書將使用初級→高級→復合型的綜合設計案例介紹如何設計出讓人喜愛的視覺作品。最后，還說明了一些產品的完整設計案例，展示一個移動手持設備交互和界面設計的全過程。
*一現場系列教材是通過還原工作現場的一本實用性書籍，是不可多得的設計參考書、系統地講解了從產品經理到交互設計再到視覺設計的一個真實流程，能讓初學者快速了解一線的工作流程，相信可以幫助大家解決設計中的困惑。
對于行業
人機交互設計和界面設計從來沒有今天這般興盛，行業內各個大型協會與小型組織的交流互動，使得這個行業的上、中、下游組成部分更加了解這個學科和它能夠帶來的價值，而他們積極投身其中的行動和廣大愛好者的激情，這正是本書的創作初衷。
本書的作者同樣是該行業的實踐者，然而行業體系龐大，組成復雜，因此，作者只能挑選自己熟知，并在當下極具市場價值的某個環節進行闡述，以便將自己的一些經驗和收獲與讀者分享。
選擇手持設備這個領域作為本書的重點，并非偶然，首先本書作者就是該領域的資深團隊；其次，手持設備的日益發展與功能聚合，使得它在信息化的今天，成為極重要的工作、生活和娛樂設備。
本書中，作者也展示了當今行業前沿的發展動態與技術的更新交替，以行業的視角關注設計本身，使得書中的案例與流程具有更實際的意義。
對于企業
本書作者不僅擁有國內知名IT公司與通信設備公司的設計工作經驗，也與很多中、小型設計師入門充電站企業有過深入的設計合作，其中的工作經驗與技巧對本土企業中的工作同仁具有實際的參考價值。
中國企業本身對于交互設計與界面設計的特殊理解，團隊的階梯式發展，其中的人文因素和技術問題，作者都親身經歷，相信這些知識的分享會盡量保持客觀。
在書中，作者展示了大量的實際工作操作經驗，有些甚至是教訓（出于隱私考慮，書中不會公布公司的名稱和項目的詳細情況），但我相信這些經驗具有普遍性意義。
本書的分析、指導和教學，都將以實際工作為主，理論研究和晦澀難懂的專業用詞盡量避免，讓本書成為讀者工作中的一本參考書籍或實用手冊。
對于個人
交互設計和界面設計是針對人的設計（其實有哪種設計不是如此？），是研究用戶和觀眾的設計，是大量運用心理學、市場營銷學、信息處理技術、社會工程學等綜合知識的設計手段。
用戶如此重要，以至于我同樣希望普通受眾和非從事該領域工作的用戶也能看懂這本書，了解一個產品的核心設計過程，提高分辨優秀產品和庸俗產品的能力，請不要害怕本書中的軟件和專業詞匯，書中提供了一些利于理解的案例和實際在你身邊發生的故事，你會發現“交互與界面無處不在”。
正因作者不是沉醉于理論研究的“知識狂人”，也不是迷戀產品更新版本的“技術先鋒”，書中提出的建議和設計邏輯，將告訴你——應該使用什么樣的產品？為什么生活如此枯燥和復雜？高科技和油鹽醬醋有什么關系？等等。
藍橋軟件學院，是一家互聯網公司，致力于以競賽、創業、培訓和招聘多種形式，線上線下相結合連接高校和社會，推動教育改革、人才成長和社會進步。公司總部位于北京，并在北京亦莊、中關村和深圳等地設置分支機構。
01 產品經理不是經理 / 001
1.1 UI 設計師要被產品經理管嗎？ / 002
1.2 明確需求，知道你在做什么 / 004
1.3 用戶畫像 / 007
1.4 頭腦風暴，選擇閃光的想法 / 015
02 思路縝密的交互設計 / 017
2.1 原型圖和她一樣漂亮 / 018
2.2 迷宮一樣的流程圖 / 022
03 做好風格定位 / 025
3.1 先想想，再設計 / 026
3.2 素材收集 / 028
3.3 風格定位 / 030
3.4 首先開始設計首頁 / 034
3.5 風格評審、初遇職場潛規則 / 047
3.6 提取設計元素 / 050
04控件的秘密 / 053
4.1 設計控件的目的 / 054
4.2 控件規范與原則 / 054
4.3 搜索框設計 / 055
4.4 更多控件樣式 / 068
05 超多的功能頁面 / 073
5.1 燒腦的引導頁設計 / 075
5.2 不可輕視的登錄注冊 / 100
5.3 商城板塊設計 / 115
5.4 用戶板塊設計 / 143
5.5 服務板塊設計 / 152
06 好玩的圖標設計 / 159
6.1 圖標設計流行趨勢 / 161
6.2 圖標類型 / 162
6.3 千萬別在圖標的規范上出問題 / 170
6.4 矢量圖標的繪制方法 / 178
6.5 先畫幾個主要功能圖標 / 180
6.6 畫一般功能圖標 / 186
6.7 最后畫一個主視覺圖標 / 192
07 別給程序員添麻煩 / 197
7.1 標注軟件 / 198
7.2 標注方法 / 199
08 快要收工啦 / 209
8.1 iOS 適配方法 / 210
8.2 Android 適配方法 / 211
8.3 切圖 / 212
09 別以為上線就可以收工了 / 213
9.1 參與測試 / 214
9.2 做一個高逼格項目包裝 / 214
9.3 別忘記文件存檔 / 214
9.4 留個證據 / 215
9.5 版本號 / 215
9.6 H5 設計 / 216
9.7 引導消費的專題頁 / 216
9.8 線下活動物料 / 217
10 我的學習與成長 / 219
10.1 我是怎么學習的 / 220
10.2 UI 設計必備利器 / 222
新書資訊