1、3Sketch 3 for iOSApp Design Step by StepSketch 3是一款優(yōu)秀的矢量設(shè)計和圖形程序，很適合用于設(shè)計iOS應(yīng)用程序在這個視頻中，設(shè)計師使用Sketch 3來設(shè)計一個iPhone APP用戶界面這篇文章是進階版的APP 設(shè)計教程。

2、想做好引導(dǎo)頁的設(shè)計，在理解用戶對引導(dǎo)頁需求的基礎(chǔ)上，懷揣熱愛產(chǎn)品的情懷，依靠精致的布局，巧妙的構(gòu)思，貼切的氛圍渲染，再加一點點特色當(dāng)然光講是枯燥的，還是需要設(shè)計師在具體的設(shè)計中不斷實踐，總結(jié)出新的觀點與方法。

3、第五點APP界面設(shè)計測試與預(yù)覽修正 設(shè)計完成之后，我們可以把設(shè)計圖導(dǎo)入手機測試或者是校正之前發(fā)布的在線測試工具快速在移動終端上預(yù)覽APP界面設(shè)計效果圖的方法最后好的APP界面設(shè)計作品必然是要經(jīng)過不斷升級重復(fù)迭代的一。

4、重復(fù)Repetition讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)可以重復(fù)顏色形狀材質(zhì)空間關(guān)系線寬字體大小和圖片，等等這樣一來，既能增加條理性，還可以加強統(tǒng)一性這個頁面是內(nèi)容列表頁，多個內(nèi)容塊是屬于同一種。

5、常用的APP原型圖工具移動APP原型設(shè)計神器 POP axureForeui等 第三點APP視覺設(shè)計與設(shè)計要點 1大概設(shè)計板塊有APP啟動頁面設(shè)計，APP界面設(shè)計的尺寸規(guī)范，app圖標設(shè)計等 一般來說，手機屏幕是從上往下布局的，重要的。

6、例如上圖的3個應(yīng)用將品牌logo放在開屏頁中，這樣的設(shè)計對用戶的感官有直接的刺激上圖的HistoryDocuSign和Ted三個App，通過在開屏中添加標語來強化價值主張從點擊圖標到內(nèi)容加載，中間有一段可感知的加載時間， 如果在這。

7、簡潔的設(shè)計理念在手機軟件界面的設(shè)計中尤為重要簡潔有度的排版布局設(shè)計能為用戶思想的融入留出空間，有效提高人機交互的效率當(dāng)下是一個大規(guī)模生產(chǎn)以及信息過剩的時代，處在激烈競爭事物繁忙狀態(tài)中的人們，生活步調(diào)在不停。

8、一個好的設(shè)計自然要依據(jù)客戶的體驗，身為一個設(shè)計師我們就是要把客戶想象的東西轉(zhuǎn)化成可見的圖片不僅要從我們的專業(yè)角度去權(quán)衡這件事，當(dāng)然也要我們在日常中吸收更多更好的設(shè)計師的作品，取其精華融入到我們的設(shè)計中去。

9、2 平面界面設(shè)計 在APP界面設(shè)計中，建議以功能交互等實際設(shè)計為主，在實際設(shè)計的基礎(chǔ)上增加界面裝飾界面裝飾固然重要，但用戶使用的是功能不要讓藝術(shù)篡奪功能的使用3使用更少的邊界線 在兩條線之間創(chuàng)建分隔線的。

10、明確了頁面設(shè)計的上游的流程，接下來要做的，是確定頁面的目的和目標目的和目標是兩個概念，目的是你為什么要設(shè)計這個頁面，目標是設(shè)計這個頁面想要達成什么例如，電商的商品詳情頁目的是介紹商品幫助用戶進行購買決策。

11、在小公司好多年，也遇到一些在設(shè)計APP和開發(fā)吵的不可開交的瞬間，雖然后面問題得到解決，但是心情沒有變好，遇到的問題還往往是一些切圖，標記的小問題 當(dāng)然，這篇筆記是來自 風(fēng)箏KK 的文章，在這里附上大大的UI中國鏈接。

12、用戶界面是介于用戶與硬件而設(shè)計彼此之間交互溝通相關(guān)軟件，目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成之工作UI界面的構(gòu)成 一個UI界面通常來說由三部分組成配色排版和圖標1。

13、對于已經(jīng)有多年產(chǎn)品經(jīng)驗的老人來說，這確實不夠，但是對于新人來講，掌握“欄”“圖”“控”“框”這四字要訣，你在設(shè)計App界面時不會丟三落四，不會找不到著眼點 想象一下，你在設(shè)計App的首頁時，從上往下要有狀態(tài)欄導(dǎo)航。

14、UI設(shè)計必要知道的APP頁面 一起始頁launchscreen說明程序啟動時需要一定的反應(yīng)時間，在這段時間內(nèi)屏幕處于空置狀態(tài)，為了讓用戶知道程序已經(jīng)啟動，現(xiàn)在只有一個加載過程，而且也是為了緩解用戶的焦慮，所以用圖片視頻代替。

15、由于手機屏幕容量較小，作為全屏展示時，該比例在App設(shè)計布局上面占用空間較大 169電影場景般的效果 169的圖片比例可以呈現(xiàn)電影場景般的效果，多用于橫向構(gòu)圖，是應(yīng)用非常廣泛的尺寸比例之一，能給用戶一種視野開闊的體驗 在很多影視。

16、UI的本意是用戶界面，是英文User和 interface的縮寫從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系 界面設(shè)計在漫長的軟件發(fā)展中，界面設(shè)計工作一直沒有被重視起來做界面設(shè)計的人也被。

17、一界面模式Mobile Design Pattern 1 啟動界面 智能手機啟動時所顯示的界面2 頂層界面 用于顯示各種各樣的信息，并通過導(dǎo)航功能將其他界面關(guān)聯(lián)起來3 一覽界面 通常包含列表類的UI組件，用于連續(xù)顯示所有相關(guān)。