????最近在看這本關(guān)于UI設(shè)計規(guī)范的書，書本的目錄如下。前半部分是屬于理論部分，后半部分是關(guān)于設(shè)計實操部分。
一 基礎(chǔ)知識
UI設(shè)計
1 UI相關(guān)概念
????UI：用戶界面（User Interface）
????人與機器互動過程中的界面，UI包括WUI和GUI。PC端設(shè)計為WUI（Wen User Interface），移動端設(shè)計為GUI（Graphics User Interface）。
? ? UE：用戶體驗（User Experience）
????用戶在使用產(chǎn)品過程中的個人感受，包括行為、情感、成就等方面。用戶體驗是用戶面對產(chǎn)品產(chǎn)生的整體使用感受，不僅僅與用戶界面相關(guān)。
? ? 用戶體驗包括以下幾點：
? ? 性能，產(chǎn)品運行速度、穩(wěn)定性、占內(nèi)存比。
? ? 內(nèi)容，是否滿足用戶需求。
????交互，使用是否順暢，是否無障礙使用。
????界面，是否統(tǒng)一、整齊、高質(zhì)量。
????UED：用戶體驗設(shè)計（User Experience Design）
????根據(jù)共性體驗進行設(shè)計
????UCD：以用戶為中心的設(shè)計（User Centered Design）
????從用戶角度出發(fā)進行設(shè)計，用戶優(yōu)先。交互上，思考界面流程、邏輯，界面是否好用；開發(fā)上，思考界面的實現(xiàn)是否影響性能；產(chǎn)品上，思考功能的設(shè)計原因。
2 UI的學(xué)習(xí)方法
? ? 圖形基礎(chǔ)
? ? 素描、速寫、色彩
????設(shè)計軟件
? ? Photoshop：UI界面的日常設(shè)計
????IIIustrator：矢量軟件，處理復(fù)雜的圖形路徑
????PS Play：在終端設(shè)備實時預(yù)覽Photoshop設(shè)計稿，同步調(diào)試、截圖
????After Effects：動效平滑切換界面
????Mark Man：標(biāo)注
????設(shè)計規(guī)范
? ?查看官方設(shè)計規(guī)范， iOS設(shè)計規(guī)范、安卓設(shè)計規(guī)范
? ? 臨摹學(xué)習(xí)
? ? 熟悉理論知識后，做大量的設(shè)計練習(xí)。可以臨摹成熟的界面作品，也可以瀏覽設(shè)計網(wǎng)站，開拓視野。
UI中國?http://www.ui.cn
Dribbble?https://dribbble.com
Behance?https://www.behance.net
????參與項目
? ? 經(jīng)歷完整的設(shè)計流程，從原型圖到效果圖，再到切圖及標(biāo)注。若沒有機會參與項目，則可以對已存在的作品進行再設(shè)計。
3 APP
????APP的概念
????是指運行在手機上的應(yīng)用，分為iOS APP和安卓APP。
? ? APP的開發(fā)流程
? ? 需求收集->低保真圖->高保真圖->設(shè)計稿、切圖、界面標(biāo)注->開發(fā) ?->測試->運營
4 智能手機
1 手機參數(shù)
? ? 英寸（Inch），屏幕斜對角線的長度
????像素（Pixel），圖像的基本采樣單位
????分辨率（Resolution），屏幕像素的數(shù)量，像素數(shù)量越高，分辨率越高，圖像越清晰
2 網(wǎng)點密度與像素密度
? ? 網(wǎng)點密度（DPI），用于描述印刷品的打印精度
????像素密度（PPI），用于描述“屏幕顯示”，表示每英寸像素點數(shù)量
? ? 邏輯分辨率和像素倍率：物理分辨率是硬件支持的分辨率，邏輯分辨率是軟件可達(dá)到的分辨率。邏輯分辨率乘以一個倍數(shù)得到物理分辨率。
例如，iPhone 6，邏輯分辨率414X736，像素倍率@3X，物理分辨率1242X2208，PPI 401。
3 常見手機屏幕規(guī)格
4 手機傳感器
????攝像頭、麥克風(fēng)、GPS、電子羅盤、重力傳感器、加速度傳感器、光線傳感器、距離傳感器、氣壓傳感器、三軸陀螺儀
