一個合格的注冊登錄頁面，應該是具有清晰的操作流程，良好的交互細節和不錯的視覺設計。

APP的注冊登錄有四種情況。

? 一是不需要注冊登錄（不需要注冊登錄也提出來？是不是作死~）

系統自帶的工具類APP，像經常使用的鬧鐘、日歷、計算器等等；一些簡單的第三方APP：開眼，樂流，榫卯等。

這些APP的特點都是功能相對單一，比較『輕』，不需要用戶信息就能使用所有功能，所以就不需要注冊登錄這個環節。

? 二是第三方賬號登錄

用戶不需要輸入注冊登錄信息，直接選擇一種第三方賬號就能完成登錄。國內常見的第三方賬號有微博、微信、QQ、豆瓣、人人等，國外常見的第三方賬號有Facebook，Twitter，Google等。

現在國內除了超級APP之外的APP基本都支持第三方賬號登錄，這樣能簡化用戶注冊登錄的流程，提高APP的留存率。

? 三是郵箱注冊

開始的時候注冊登錄是基于PC的，也就是基于網頁。所以郵箱注冊自然而然成為主流，而且注冊過程中需要驗證郵箱也很方便，用戶直接在PC就可以完成所有操作。

現在很多APP依然保持著郵箱注冊的方式。

? 四是手機注冊

隨著移動互聯網的到來，人們觸網的主要設備已經從PC逐漸轉移到手機。

加上手機號碼的實名制、全球通業務的普及，使得手機號碼也具有了標示性。

并且APP是基于手機的。

所以用手機號碼注冊APP，等通過短信的方式驗證，也逐漸成為了主流。

APP的優秀與否，由很多因素決定，而良好的交互細節是每一個優秀APP的共同品質。只有從使用場景出發，并從用戶的視角來思考產品，才能設計出打動人心的APP。

? 用顯示/隱藏小icon代替輸入兩遍密碼

為了確保密碼輸入正確，很多APP需要用戶輸入兩遍密碼來確定密碼輸入無誤，但這無疑增加了用戶的工作量。解決方式便是在密碼輸入框右邊增加一個顯示/隱藏小icon，讓用戶在輸入完一遍密碼后可以選擇點開顯示/隱藏小icon來確保密碼輸入無誤，減少用戶的工作量。

? 彈出相對應的輸入鍵盤

點開郵箱輸入框，彈出帶有@的英文輸入鍵盤。

點開手機號輸入框，彈出九宮格數字輸入鍵盤。

點開密碼輸入框，彈出英文輸入鍵盤。

這是很小的細節，雖然用戶可能不知道哪里不對，但是他能體會到好不好用。一個APP注意了這點，那用戶就會覺得這個APP好用。而兩一個APP沒有做到這點，無論點擊哪個輸入框彈出的都是九宮格中文輸入鍵盤，用戶就會覺得這個APP不太好用。

作為設計師，要知道用戶覺得不好用的原因是什么，這樣才能對癥下藥，改善用戶體驗。

? 對手機號碼進行3 4 4的分布。

這個規則不僅適用于手機號碼，包括銀行賬號、轉賬金額等等。

這是因為人的短期記憶是有限的，即一次只能記住有限的東西，如果強制記住很長的東西，短期記憶就很容易出錯。

所以將數字以4或者3為單位分組，有利于用戶閱讀和編輯數字。

? 登錄時增加一鍵清空icon。

在登錄的時候偶爾會出現輸入錯誤，如果沒有這個清除的icon，我們只能按鍵盤中的清楚按鈕，需要一直按住知道輸入框為空。

一個只需要點一次就能清空，一個需要長按一段時間才能清空，孰優孰劣可想而知。

? 清晰的錯誤反饋。

當用戶輸入錯誤信息時，知名彈出臨時框提示用戶。而不是不做反應讓用戶自己去猜到底是怎么回事。

臨時框也有兩種形式，一種是左邊，需要用戶點擊確認才能進行下一步操作。一種是右邊，彈出一兩秒后自動隱藏。個人更傾向于第二種形式，因為種形式相當于強制中斷了用戶的操作，用戶需要點擊確認才能回到原來的操作流程。

我相信還有很多好的交互細節，大家可以自己平時積累。讓你的設計逼格越來越高，用戶體驗越來越牛逼。

? 緊密

   通過元素的遠近將相似元素分組。

? 對齊

   通過對齊，規范元素的排版 。

? 簡約

   注冊登錄頁面的背景盡量簡約，從而讓主體信息更加突出。

? 對比

   將重要的內容放大，增加色塊背景；將相對次要的內容縮小，降低明度等從而使       得信息層級清晰。

? 均衡

注冊登錄頁面幾乎都是沿著中心線左右對稱的，信息是左右均衡擺放的。否

者會導致頁面不平衡。

http://www.bangwork.net/jianzhanzhishi/7628.html 手機網站登錄界面如何設計-深圳網站建設手機登錄界面設計