無論是你是一名APPUI視覺設計師，還是一名UI平面設計師，或者是一名APP交互設計師。25學堂的小編與大家從這四個方面去理清楚怎么去學習好手機APP UI設計。

理論知識的積累步驟都是我們成長的過程當中必不可少的。設計理論知識就是我們的根基。

希望大伙可以好好的回顧一下這些方面的設計理論知識。下面的答案和資源來源知乎網(wǎng)。

第一部分、設計理論書籍閱讀

《用戶體驗的要素：以用戶為中心的產(chǎn)品設計》

講述了經(jīng)典的五層框架：戰(zhàn)略層（產(chǎn)品目標和用戶需求）、范圍層（功能規(guī)格和內(nèi)容需求）、結構層（交互設計和信息架構）、框架層（界面設計、導航設計和信息設計）、表現(xiàn)層（感知設計）?？梢詫ヂ?lián)網(wǎng)產(chǎn)品經(jīng)理、交互設計師、視覺設計師之間的工作流程、職責有個初步的認識，在后續(xù)學習中也大致明白重心該放在哪個環(huán)節(jié)。

《點石成金：訪客至上的網(wǎng)頁設計秘笈》

介紹了don’t make me think 的幾個指導原則 以及可用性測試，一本小書比較容易理解。

《認知與設計：理解UI設計準則》

介紹了一些用戶界面設計準則。對于新人來說，常常不知道哪些設計是易用的、用戶容易接受的，所以了解一些設計原則可以有助于我們辯證的思考各種設計方案之間孰優(yōu)孰劣。

《About Face 3 交互設計精髓》

經(jīng)典書籍，厚厚一本很難讀完。對于新人來說，可以隨便翻翻，先看看目錄，找那些自己感興趣的、疑惑的章節(jié)讀一讀。

《設計師要懂心理學》

介紹人的一些習慣，如何觀察、閱讀、記憶、思考、集中注意力等等很多方面。了解與我們的設計方案交互操作的用戶，是設計師需要持續(xù)關注的。

相關閱讀：設計心理學是如何體現(xiàn)在網(wǎng)頁交互設計中和設計交互心理學相關書籍推薦，認知設計從心理學開始

《寫給大家看的色彩書：色彩怎么選，設計怎么做》

以大眾審美為依據(jù)，用理性的思路幫你分析是否選對了顏色，教會你如何把選出的顏色運用得精彩。通過認知色彩核心和正確建立色卡，使你變被動為主動，將主觀的感覺變?yōu)榫呦蟮纳省?

相關文章閱讀：APP色彩搭配方案是由主色、輔助色和點綴色構成

另外，學堂君之前推薦給大家的閱讀的交互書籍：APP設計閱讀：6本交互設計殿堂級的書籍【含PDF】

第二部分、實戰(zhàn)書籍的推薦

《寫給大家看的設計書（第三版）》

通過大量示例介紹了4大基本設計原則——親密性、對齊、重復、對比，這些原則在界面排版上非常實用。作為非設計專業(yè)的學生來說，學習一些基本的原則很有必要。

《設計之下：搜狐新聞客戶端的用戶體驗設計》

結合搜狐新聞客戶端的項目經(jīng)驗，總結了很多干貨，對于新手可以從中了解實際的設計流程。比如這篇：移動APP交互設計大師，自身修煉的武功秘籍

《破繭成蝶：用戶體驗設計師的成長之路》

一本實用性非常高的書，強烈推薦。其中需求分析、設計規(guī)劃這兩章剛好解決了我的一些疑惑，反反復復讀了很多遍，非常有收獲。感謝@劉津、@李月 的辛苦撰寫、無私分享。

《移動應用UI設計模式》

關于設計模式的一本書，我讀過之后寫了幾篇讀書筆記，對書中的設計模式配上平時搜集的例子以加深理解，比如這篇8種移動APP導航設計模式大對比

《觸動人心：設計優(yōu)秀的iPhone 應用》

如果對iPhone設計感興趣，可以讀讀這本書，雖然現(xiàn)在看來例子有些舊，但是也不妨礙我們?nèi)ダ斫饽切﹥?yōu)秀的設計例子。

第三部分、移動APP設計規(guī)范指南與相關設計元素下載

之前學堂君也整理了移動APP設計入門文檔：iOS8和Android設計規(guī)范和iOS、Android、WindowsPhone官方設計規(guī)范匯總

1）iOS 7 人機界面指南

iOS7設計尺寸最新分享和iOS7設計規(guī)范小炒報

iOS7 APP界面設計教程第一章《為iOS7的規(guī)范而設計》及統(tǒng)一設計規(guī)范整理

iOS7字體設計規(guī)范以及APP設計中英文字體下載

iOS7 UI設計控件元素詳細解讀和設計規(guī)范

iOS和安卓手機的APP圖標尺寸規(guī)范和圖標命名規(guī)范

2014全套原版iOS7 GUI PSD之APP設計練習素材

iOS7網(wǎng)格系統(tǒng)設計詳細解讀及iOS7圖標模板演示

2）iOS 8 人機界面指南

[ISUX轉(zhuǎn)譯]iOS 8人機界面指南（一）：UI設計基礎

[ISUX轉(zhuǎn)譯]iOS 8人機界面指南（二）：設計策略

[ISUX轉(zhuǎn)譯]iOS 8人機界面指南（三）：iOS技術（上）

[ISUX轉(zhuǎn)譯]iOS 8人機界面指南（三）：iOS技術（下）

iOS8 App圖標模板尺寸規(guī)范[4.0]最新出爐

3）iOS 9 人機界面指南

iOS9移動APP左側菜單界面設計搶先欣賞

iOS9 GUI iPhone全套UI設計模板PSD+Sketch

［ISUX譯］iOS 9 人機界面指南(五)：圖標與圖形設計

[ISUX譯]iOS 9人機界面指南(四)：UI元素

3）Material design

Material design非官方中文指導手冊1.0

最全安卓Material Design的設計原則和設計規(guī)范

APP設計風格對比：扁平化、極簡、Material Design

Material Design的配色規(guī)范和在線配色工具推薦

4）Apple Watch

Apple Watch界面設計規(guī)范

Apple Watch GUI模板和Apple Watch線框圖PSD下載

Apple Watch UI交互設計指南中文版【共十章】

Apple Watch APPUI界面設計PSD最新下載

移動設計新干貨之京東Watch V1.0設計項目賞析

未完待續(xù)...下一節(jié)課是：設計原則