1、當(dāng)前主流的App登錄界面一般不顯示標(biāo)題欄，界面整體顯示大方，空間感強(qiáng)，上半部分一般展示圖片可能是應(yīng)用的logo文字應(yīng)用的名稱(chēng)或一個(gè)體現(xiàn)App的短句或者圖片加文字的方式 三 輸入框和登錄按鈕 1純輸入框，里面有輸入內(nèi)容的提示文字 2輸入框增加一個(gè)小圖標(biāo)，用來(lái)標(biāo)識(shí)需要輸入的內(nèi)容 3輸入框前；1 APP主頁(yè) 你的APP主頁(yè)是呈現(xiàn)給用戶的第一印象，所以，一定要做到頁(yè)面的合理布局，相關(guān)內(nèi)容的排序等級(jí)以及導(dǎo)航模塊的多元化設(shè)計(jì)依據(jù)接近原則準(zhǔn)和相似原則，設(shè)計(jì)師可以將APP主頁(yè)進(jìn)行模塊劃分，使主頁(yè)的布局更加明晰化，達(dá)到用戶友好的目的2 列表頁(yè) 一個(gè)APP中大多數(shù)頁(yè)面都是列表頁(yè)，用于區(qū)分同類(lèi)信息；三歡迎界面設(shè)計(jì)或者說(shuō)是APP啟動(dòng)界面設(shè)計(jì) 歡迎界面閃屏像是應(yīng)用的一道門(mén)，在使用前給用戶一個(gè)預(yù)示，它通常包含圖標(biāo)版本號(hào)加載進(jìn)度等信息設(shè)計(jì)可以根據(jù)產(chǎn)品風(fēng)格隨意發(fā)揮，與圖標(biāo)呼應(yīng)，強(qiáng)化產(chǎn)品的印象四主要的功能界面設(shè)計(jì) 遵守IOS的交互習(xí)慣，功能界面的結(jié)構(gòu)通常自上而下，分別是“狀態(tài)欄導(dǎo)航；如何使用Photoshop來(lái)設(shè)計(jì)手機(jī)UI界面1How To Set Up Photoshop For UI Design如果你是Photoshop的新手，又在做UI設(shè)計(jì)，這個(gè)教程教你如何使用常用的Photoshop設(shè)置來(lái)達(dá)到更好的效果本文是以iPhone為實(shí)例告訴你怎么在UI設(shè)計(jì)中使用Photoshop，完全是初學(xué)者的教程2How to Design an iPhone App in Photoshop；在進(jìn)行APP應(yīng)用界面設(shè)計(jì)時(shí)，需注意多個(gè)方面首先，設(shè)計(jì)前應(yīng)制定詳細(xì)流程圖及線框圖，以免盲目開(kāi)始其次，團(tuán)隊(duì)分工需明確，避免忽略開(kāi)發(fā)預(yù)算此外，應(yīng)避免使用低分辨率圖片，尤其是位圖，以確保視覺(jué)效果點(diǎn)擊區(qū)域大小也需合理，考慮到大多數(shù)用戶食指寬度約16至2厘米，避免設(shè)置過(guò)小的點(diǎn)擊區(qū)域同時(shí)，應(yīng)。

2、APP首頁(yè)的常用排版 產(chǎn)品在設(shè)計(jì)APP首頁(yè)的時(shí)候，總想瘋狂的添加功能內(nèi)容越多越好，而且一定要簡(jiǎn)潔每次出現(xiàn)這種情況，設(shè)計(jì)師的心都要崩潰了然而，把這么多東西堆在一起太亂了在各種反抗失敗后，我才能夠平靜的放下很多內(nèi)容，在精神上練習(xí)一萬(wàn)遍是，是下面介紹一些主頁(yè)常用的排版方法，讓主頁(yè)在；在手機(jī)軟件界面設(shè)計(jì)中，視覺(jué)注意十分重要，是人們與手機(jī)進(jìn)行交互的起點(diǎn)，只有先在視覺(jué)上引起人們的注意，信息才能成功地傳達(dá)在我們觀察事物的時(shí)候，總有信息會(huì)被我們接收，也總有信息會(huì)被我們忽略，這是選擇注意的表現(xiàn)人的注意力是有限的，它與意識(shí)的強(qiáng)弱程度有著很密切的關(guān)系，當(dāng)外界信息超出了我們能。

3、APP 界面的構(gòu)成規(guī)范及設(shè)計(jì)原則1內(nèi)容優(yōu)先 ，合理的布局 對(duì)于手機(jī)而言，屏幕空間資源顯得非常珍貴，為了提升屏幕空間的利用率，界面布局應(yīng)以?xún)?nèi)容為核心，而提供符合用戶期望的內(nèi)容是移動(dòng)應(yīng)用獲得成功的關(guān)鍵如何設(shè)計(jì)和組織內(nèi)容，使用戶能快速理解移動(dòng)應(yīng)用所提供的內(nèi)容，使內(nèi)容真正有意義，這是非常關(guān)鍵的；第三步功能icon設(shè)計(jì) 功能圖標(biāo)即在你的應(yīng)用中，充當(dāng)表達(dá)某一操作或功能示意的圖形，功能圖標(biāo)設(shè)計(jì)應(yīng)極可能形象，簡(jiǎn)潔，以準(zhǔn)確表達(dá)其代表的功能第四步界面視覺(jué)效果整體優(yōu)化 選用圖片的時(shí)候，應(yīng)該盡量按照應(yīng)用的風(fēng)格選取，比如這APP主打是圖片分享，那么可以選取視覺(jué)靚麗，有沖擊力的圖片添加分享第五步；APP設(shè)計(jì)中的啟動(dòng)頁(yè)怎么設(shè)計(jì) 啟動(dòng)應(yīng)用后，進(jìn)入主功能界面前會(huì)有一張圖片或一個(gè)動(dòng)畫(huà)，顯示幾秒后消失圖片或動(dòng)畫(huà)所在的界面稱(chēng)為“啟動(dòng)頁(yè)面”每次打開(kāi)應(yīng)用都會(huì)出現(xiàn)啟動(dòng)頁(yè)面，停留時(shí)間很短，所以有人稱(chēng)之為“閃屏”通常，一個(gè)應(yīng)用程序有一個(gè)啟動(dòng)頁(yè)面從用戶體驗(yàn)的角度來(lái)看，產(chǎn)品應(yīng)該讓用戶盡快進(jìn)入程序并執(zhí)行功能；1 必須要有指示性設(shè)計(jì) 2 讓你的APP設(shè)計(jì)對(duì)于用戶來(lái)說(shuō)有熟悉感3 簡(jiǎn)約而扁平化的設(shè)計(jì)三如何將簡(jiǎn)單易用與引人注目相結(jié)合 就好比如，在設(shè)計(jì)引入注目的app界面設(shè)計(jì)，可以利用炫酷的文字設(shè)計(jì)如果在app界面設(shè)計(jì)上使用簡(jiǎn)單的排版設(shè)計(jì)，其實(shí)，這兩者是可以融合就是說(shuō)，炫酷的文字設(shè)計(jì)并不影響排版；手機(jī)界面APP設(shè)計(jì)的基礎(chǔ)有對(duì)于APP設(shè)計(jì)師來(lái)說(shuō)，在設(shè)計(jì)APP界面的過(guò)程就和程序員在編寫(xiě)軟件的功能是一樣的，首先都需要在工作開(kāi)始前理清邏輯思維，對(duì)于相關(guān)的APP設(shè)計(jì)流程要清晰如果APP設(shè)計(jì)師在進(jìn)行界面設(shè)計(jì)時(shí)沒(méi)有關(guān)注APP軟件的使用流程就開(kāi)始設(shè)計(jì)，很容易讓整個(gè)APP應(yīng)用的結(jié)構(gòu)變得復(fù)雜，并且也會(huì)讓程序員開(kāi)發(fā)。

4、2大膽的字體應(yīng)用程序 每個(gè)應(yīng)用程序都試圖吸引用戶的注意力，而粗體字體應(yīng)用程序就滿足了這一需求在目前的市場(chǎng)形勢(shì)下，大屏手機(jī)和平板電腦是主流，這是一個(gè)非常重要的后臺(tái)使用移動(dòng)應(yīng)用程序上的大字體會(huì)為特定元素賦予界面層更多的視覺(jué)分量，讓它們令人難忘3簡(jiǎn)單的配色 簡(jiǎn)約美是近年來(lái)最流行的設(shè)計(jì)；1功能優(yōu)先確定你最想給用戶使用的功能，用最直接的方法展示出來(lái) 2遵循android 4x設(shè)計(jì)規(guī)范大量使用holo布局控件色彩操作方式 3創(chuàng)造特色個(gè)性的logo獨(dú)特的配色流暢的特效都能讓用戶記住你的應(yīng)用；第二點(diǎn)APP原型圖的制作和設(shè)計(jì)討論 這個(gè)環(huán)節(jié)是必不可少的需要根據(jù)設(shè)計(jì)需求認(rèn)認(rèn)真真的來(lái)畫(huà)畫(huà)原型圖常用的APP原型圖工具移動(dòng)APP原型設(shè)計(jì)神器 POP axureForeui等 第三點(diǎn)APP視覺(jué)設(shè)計(jì)與設(shè)計(jì)要點(diǎn) 1大概設(shè)計(jì)板塊有APP啟動(dòng)頁(yè)面設(shè)計(jì)，APP界面設(shè)計(jì)的尺寸規(guī)范，app圖標(biāo)設(shè)計(jì)等 一般來(lái)說(shuō)，手機(jī)屏幕是；PART1首先是展示效果圖 PART2創(chuàng)建文件設(shè)置背景步驟一文件新建進(jìn)行下面設(shè)置步驟2從工具欄選“矩形工具”，尺寸設(shè)置為750*1334像素，然后對(duì)齊畫(huà)布，并設(shè)置背景顏色##393f52PART3狀態(tài)欄和導(dǎo)航欄部分步驟1狀態(tài)欄就是手機(jī)電池電量那一部分，這個(gè)可以去網(wǎng)上下載然后放到界面的。