1在PS中新建一個所需尺寸的畫布并保存，將其命名為UI設(shè)計效果圖模板 2再新建一個畫布，命名為界面UI設(shè)計效果圖展現(xiàn)尺寸隨意 3將剛才保存的界面UI設(shè)計效果圖模板psd拖到畫布中Ctrl加T變換到合適的尺寸，傾斜到合適的透視。

一個成功的產(chǎn)品，視覺層面只是其中的一部分，但是作為一個合格的UI設(shè)計師，我們要做的就是把這其中的一部分做到極致下面我們通過圖片文字色彩圖標留白這幾個維度來解剖APP設(shè)計，發(fā)現(xiàn)那些微妙的細節(jié)只需要比別人多提高1px的細節(jié)。

相信大家也看見了，比如導航的分類加載的分類等，感覺寫的都很不錯，我也在猶豫這些內(nèi)容還要不要再寫，但是思考再三，還是決定寫一下吧，畢竟這是APP UI結(jié)構(gòu)系列文章里不可缺少的一部分，作為一個處女座偽完美主義者，還是決定有始有終。

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

除了APP，不少生產(chǎn)力工具也都采用了深色界面，比如PS摹客等以摹客為例，用戶在進行設(shè)計時，深色界面不僅僅能降低眼睛疲勞度，還能突出你的設(shè)計內(nèi)容，打造沉浸式的設(shè)計體驗深色模式逐漸成為APP設(shè)計的流行趨勢，作為設(shè)計師。

TIMING這款原型音樂類的APP在Mockplus設(shè)計大賽中斬獲頭籌，設(shè)計師通過采用Sketch以及Mockplus的結(jié)合，做出了高保真原型這個APP主要體現(xiàn)一種復古的視覺效果，磁帶轉(zhuǎn)動的效果是這次視覺上的設(shè)計重點必讀的手機界面UI設(shè)計好文1。

這是Dribble設(shè)計工作板上3_6_3布局的示例紫色輪廓指示內(nèi)容位于網(wǎng)格上的位置，紫色塊指示它們?yōu)樵靥峁┑钠渌畛湮曳浅Ｏ矚g這個示例，因為它提醒您可以按自己的喜好分解頁面在這里，標題和大號的CTA是一個模塊，用作三列之前的標題語。

app圖標設(shè)計等\x0d\x0a一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方\x0d\x0a另外還有一個原則，最小的觸摸單位，一般是44個。