手機(jī)APP大家應(yīng)該接觸不少吧，現(xiàn)在我們的智能手機(jī)也是需要使用APP，那么這些APP是如何設(shè)計(jì)的呢？相信大家都是非常想知道的，今天就讓faceui來給大家?guī)硪幌耡pp登錄界面設(shè)計(jì)分析內(nèi)容。

　　app界面設(shè)計(jì)規(guī)范及缺陷詳解

　　1、標(biāo)簽頁跟內(nèi)容沒有從屬關(guān)系

　　標(biāo)簽頁跟內(nèi)容需要有很好的聯(lián)動(dòng)關(guān)系，一般一個(gè)界面內(nèi)有二級(jí)標(biāo)簽就足夠復(fù)雜了，千萬不要再有三級(jí)標(biāo)簽、四級(jí)標(biāo)簽。每個(gè)標(biāo)簽頁都有自己特有的內(nèi)容，當(dāng)切換標(biāo)簽的時(shí)候，內(nèi)容跟著切換。標(biāo)簽頁如果是點(diǎn)擊切換，內(nèi)容部分可以整體刷新，標(biāo)簽頁如果是滑動(dòng)切換，內(nèi)容頁也要跟著滑動(dòng)切換，千萬不要一個(gè)點(diǎn)、一個(gè)滑。

　　2、把所有的操作都暴露出來

　　手機(jī)產(chǎn)品交互設(shè)計(jì)要經(jīng)歷縮減、隱藏、附加、組織的過程，千萬不要妄圖把什么功能、什么操作都暴露出來，以彰顯強(qiáng)大。你需要把自己應(yīng)用的所有功能所有操作做個(gè)優(yōu)先級(jí)設(shè)定，那些常用的20%的功能，放在界面的主要位置上，其他80%的操作，放在次要位置或合理歸類組織后，隱藏起來就可以了。

　　app登錄界面設(shè)計(jì)分析

　　3、沒有空數(shù)據(jù)界面設(shè)計(jì)

　　我們?cè)谧鲈O(shè)計(jì)的時(shí)候，往往是提供理想化的場(chǎng)景，用戶都已經(jīng)進(jìn)來了，但是，往往應(yīng)用剛推出的時(shí)候，是沒有用戶的，甚至當(dāng)應(yīng)用有了一定用戶基礎(chǔ)的時(shí)候，新進(jìn)來的用戶打開應(yīng)用的時(shí)候，應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài)，再或者當(dāng)用戶清楚了全部數(shù)據(jù)，這三種情況下，用戶都可能遇到空數(shù)據(jù)的界面。新手設(shè)計(jì)師往往不加設(shè)計(jì)，這時(shí)候用戶就會(huì)看到一個(gè)空白界面，茫然失措。有經(jīng)驗(yàn)的做法就是，提供一個(gè)情感化的界面，告訴用戶當(dāng)前沒有內(nèi)容；更具引導(dǎo)性的做法，就是引導(dǎo)用戶去執(zhí)行操作。

　　4、用戶引導(dǎo)的濫用

　　去年就預(yù)言用戶引導(dǎo)將要泛濫，很明顯UI設(shè)計(jì)部門都喜歡用漂亮的引導(dǎo)界面告訴用戶新增的功能或隱藏的應(yīng)用，但不是所有的應(yīng)用、所有的功能都需要花哨的引導(dǎo)的。如果是通用的功能、非重點(diǎn)的模塊，根本就不需要引導(dǎo);如果是功能告知，只需呀輕量級(jí)的引導(dǎo);如果是版本更新說明，說明書式的引導(dǎo)可以采用，但是要言簡(jiǎn)意賅。

　　越是人們生活中最普遍的東西，越是容易唄忽視，許多設(shè)計(jì)都是因?yàn)闆]有注意到他的缺陷而以失敗告終，我們只有遵守app界面設(shè)計(jì)規(guī)范改正他的缺點(diǎn)，這樣做出的設(shè)計(jì)才能適應(yīng)社會(huì)。

　　app登錄界面設(shè)計(jì)分析

　　一、極致的減法

　　這是一個(gè)不同于常規(guī)設(shè)計(jì)思路的登錄框產(chǎn)物，這不是一個(gè)普通意義上的登錄窗。它只需保留用戶名輸入，只需按回車鍵即可，跳過登錄界面設(shè)計(jì)，配色方案足夠大膽和簡(jiǎn)單。

　　二、值得注意的用戶界面

　　1.模糊背景

　　最近，模糊背景的使用如雨后春筍般出現(xiàn)，因?yàn)樗粌H使網(wǎng)站人性化，而且在很大程度上確定了網(wǎng)站的基調(diào)。

　　2.暗色調(diào)的背景

　　明亮的輸入框吸引了所有的注意力，變暗的背景圖使得登錄成為頁面的視覺中心，沒有什么可以分散用戶的注意力。這不僅是一種優(yōu)質(zhì)的感官體驗(yàn)，更是一種舒適的用戶體驗(yàn)。

　　3.平淡無奇的背景

　　基本風(fēng)格應(yīng)該是單調(diào)的，但是通過仔細(xì)的顏色協(xié)調(diào)，扁平化登錄界面變得活潑有趣。

　　三、清晰視覺縱線

　　一個(gè)人的視覺瀏覽通常是“L”形的，意思是從上到下，從左到右。表單界面的設(shè)計(jì)非常注重用戶的引導(dǎo)作用，當(dāng)界面不過于強(qiáng)調(diào)元素時(shí)，表單的視覺瀏覽順序符合“L”模式，基本符合用戶的心理預(yù)期。然后，用戶不需要過多的思考和查看，就可以進(jìn)行簡(jiǎn)單有效的完表單項(xiàng)的填寫和提交。

　　四、關(guān)注用戶體驗(yàn)設(shè)計(jì)

　　登陸和注冊(cè)的使用率很高，表單的設(shè)計(jì)也不是一件簡(jiǎn)單的事情，用戶體驗(yàn)是必不可少的。有些人喜歡把注冊(cè)和登陸放在同一個(gè)頁面上，有些人喜歡用AJAX無刷新效果來顯示它，總之，它有很多變化，而且所有這些都是從最好的最佳用戶體驗(yàn)開始的。設(shè)計(jì)永不落幕！甚至連注冊(cè)表單都值得仔細(xì)查看。如果不重視用戶體驗(yàn)，網(wǎng)站就會(huì)失去大量的用戶。

　　1.減少用戶輸入

　　一般來說，隨著注冊(cè)表中每增加一個(gè)字段，注冊(cè)率就會(huì)相應(yīng)下降。對(duì)于用戶來說，注冊(cè)一個(gè)郵箱地址兩次或輸入一個(gè)密碼兩次可能會(huì)很麻煩，尤其是在手機(jī)上。事實(shí)上，用戶通常會(huì)使用他們通常的電子郵件和密碼來注冊(cè)，所以不容易忘記。最好通過輸入密碼一次完成注冊(cè)，但為了防止密碼輸入與用戶預(yù)期的密碼不同，可以允許用戶查看明文密碼。假設(shè)有一天，用戶忘記了密碼，可以通過郵箱找回密碼，多填寫兩次就更有可能導(dǎo)致用戶丟失。

　　2.資訊登記要訣

　　向終端用戶提供有效信息提示是設(shè)計(jì)用戶體驗(yàn)設(shè)計(jì)的最佳方式，特別是當(dāng)用戶注冊(cè)信息包含多個(gè)輸入域時(shí)，以及當(dāng)需要填寫的字段相互不明確時(shí)，這些消息提示可以減少用戶思考和猜測(cè)的時(shí)間。提示信息可以以各種方式顯示，在頁面頂部閃爍小便簽或從氣泡中彈出隱藏的消息。

　　設(shè)計(jì)表現(xiàn)使注冊(cè)表單具有獨(dú)特的質(zhì)量，而界面設(shè)計(jì)則是用戶體驗(yàn)。更多的提示可以防止用戶因?yàn)檩斎脲e(cuò)誤而不得不重新輸入。

　　3.減少對(duì)用戶的強(qiáng)制性操作

　　用戶是否在登錄或注冊(cè)時(shí)進(jìn)行驗(yàn)證？我覺得如果沒有什么大的安全性問題，盡量不要拿。只有當(dāng)用戶輸入一定數(shù)量的錯(cuò)誤時(shí)，才會(huì)出現(xiàn)驗(yàn)證碼。（這并不是說一開始就有驗(yàn)證碼，也不是說如果用戶輸入的錯(cuò)誤太多，就會(huì)被禁止登錄）。但似乎大多數(shù)時(shí)候你的技術(shù)搭檔都會(huì)告訴你“安全”有一個(gè)大問題，所以很多時(shí)候我們不能“為了獲得良好的細(xì)節(jié)體驗(yàn)而縱容系統(tǒng)安全倒退”。

　　app登錄界面設(shè)計(jì)分析

　　4.輸入記憶密碼錯(cuò)誤

　　當(dāng)用戶首次輸入錯(cuò)誤密碼時(shí)，系統(tǒng)會(huì)在判斷錯(cuò)誤后保存錯(cuò)誤密碼的內(nèi)存，當(dāng)用戶再次輸入錯(cuò)誤密碼時(shí)，系統(tǒng)會(huì)自動(dòng)提示客戶端“密碼錯(cuò)誤”。這減少了一個(gè)用戶誤操作和一個(gè)服務(wù)器端任務(wù)。因?yàn)椋好艽a輸入顯示不能直接看到您的準(zhǔn)確輸入結(jié)果，在許多情況下確實(shí)是用戶記錯(cuò)了或輸入錯(cuò)了。

　　上面就是faceui給大家?guī)砹岁P(guān)于app登錄界面設(shè)計(jì)分析，企業(yè)們?cè)谧鯽pp登錄界面設(shè)計(jì)的時(shí)候，一定要明確一下目的，千萬不要弄巧成拙。