乙個合格的註冊登入頁面，應該是具有清晰的操作流程。乙個合格的註冊登入頁面，應該是具有清晰的操作流程，良好的互動細節和美觀的視覺設計。
不需要註冊登入
第三方賬號登入
郵箱註冊
最開始的時候註冊登入是基於pc的，也就是基於網頁，pc時代的網際網路產品多使用郵箱作為唯一id。所以郵箱註冊成為主流，而且註冊過程中需要驗證郵箱也很方便，使用者直接在pc端就可以完成所有操作。
手機註冊
隨著移動網際網路的到來，人們觸網的主要裝置已經從pc逐漸轉移到智慧型手機。
用顯示/隱藏icon代替輸入兩遍密碼
彈出相對應的輸入鍵盤
點開郵箱輸入框，彈出帶有@的英文輸入鍵盤。
點開手機號輸入框，彈出九宮格數字輸入鍵盤。
點開密碼輸入框，彈出英文輸入鍵盤。
作為設計師，要知道使用者覺得不好用的原因是什麼，這樣才能對症下藥，改善使用者體驗。
對手機號碼進行3 4 4的分布
這個規則不僅適用於手機號碼，包括銀行賬號、轉賬金額等等。
這是因為人的短期記憶是有限的，即一次只能記住有限的東西，如果強制記住很長的東西，短期記憶就很容易出錯。
所以將數字以4或者3為單位分組，有利於使用者閱讀、編輯、校對手機號碼。
登入時增加一鍵清空icon
在登入的時候偶爾會出現輸入錯誤，如果沒有這個清除的icon，使用者只能按鍵盤中的清除按鈕，需要一直按住直到輸入框為空。
乙個是只需要點一次就能清空，乙個需要長按一段時間或者連續按多次才能清空，孰優孰劣可想而知。
清晰的錯誤反饋
當使用者輸入錯誤資訊時，最好利用臨時框的形式提示使用者。而不是不做反應讓使用者自己去猜到底是怎麼回事。
臨時框也有兩種形式，一種是左邊的對話方塊形式，這需要使用者點選確認才能進行下一步操作。一種是右邊toast的形式，彈出一兩秒後自動消失。個人更傾向於第二種形式，因為第一種形式相當於強制中斷了使用者的操作，使用者需要點選確認才能回到原來的操作流程。而toast則起到了提示的效果，並且沒有打擾到使用者。
緊密：通過元素的遠近將相似元素分為一組。
對齊：通過對齊，規範元素的排版 。
簡約：註冊登入頁面的背景盡量簡約，從而讓主體資訊更加突出。
對比：將重要的內容放大，增加色塊背景；將相對次要的內容縮小，降低明度等從而使 得資訊層級清晰。
均衡：註冊登入頁面幾乎都是沿著中心線左右對稱的，資訊是左右均衡擺放的。否者會導致頁面不平衡。
例項分析拆解 如何設計登入註冊？
最近對我們的app的賬戶體系進行了改版，研究了各類產品的設計。賬戶體系雖然幾乎是通用標配功能，但是各app的都有差別，都是針對當前的產品形態 發展階段和使用者量級做出了符合自己的設計。賬戶體系的關鍵點在登入註冊流程上。登入註冊流程看似簡單，實際考量設計功力。網上關於登入註冊的綜述有很多了，但是從零到...
登入,註冊用express寫虛擬介面,完成頁面邏輯
v model username placeholder 使用者名稱 class username v model password placeholder 密碼 class password v model pone v show codedata click adddata 獲取驗證碼 v sh...
Discuz 如何實現自動註冊登入
本文實現功能 1.從原有系統進入論壇自動登入和註冊 2.實現彈框在本頁面，不進行跳轉 3.js在頁面載入時直接發起註冊請求 這個功能之前使用的uc user register這個函式來處理的，但是今天在開發使用者空間時就會出現問題。在我們原有的系統上新增乙個論壇，但是使用者資訊需要共享。實現方法 在...