聊一聊登錄頁設計那些事兒

現在很多的大型網站把登錄和首頁放在一起設計，由此可見產品登錄頁面設計的重要性。

現在很多的大型網站把登錄和首頁放在一起設計，由此可見產品登錄頁面設計的重要性。一個出彩的登錄界面，將提升產品的品質，賦予產品獨特的氣質。登錄界面也是一個發揮情感化設計，提升用戶體驗，拉近與用戶之間距離的兵家必爭之地。

無論網頁或是移動APP的設計，很重要的一點是如何能在小而美和功能複雜性之間找到平衡點。 在執行設計的第一步，便是思考如何利用原型工具諸如Mockplus或Axure在初始階段把握產品登陸頁面設計的技巧。

一、 學會做減法

跳出登錄界面設計中的條條框框，搭配簡單的配色，醒目又大方。

二、 結合用戶界面設計-頁面背景

1. 模糊背景

模糊背景的運用不僅讓整個網站顯得更加人性化，並且在很大程度上烘托出網站所要表現的氛圍。

2. 暗色背景

在暗色背景中，明亮的輸入框便吸引了所有的注意力。

3.扁平化純色背景

三、清晰的視覺縱線

人的視覺瀏覽一般呈「L」型視線，意指從上到下，從左至右，表單的視覺瀏覽順序符合「L」型規律就基本符合用戶的心理預期。

四.注重用戶體驗設計

登陸和註冊表單的使用率非常高，一個表單的設計其實也不是簡單的事情，用戶體驗是必須要考慮的事情。哪怕是一個註冊表單，也值得再細心研究。如果不重視用戶體驗，就會致使網站流失大量用戶。一切以最佳用戶體驗為出發。

1.減少用戶的強制性操作

2. 減少用戶輸入

一般說來，註冊表中每增加一個欄位，註冊率就會相應的下降。

3. 信息化註冊提示

為終端用戶提供有效的信息提示是用戶體驗設計中的最好方式，尤其是在用戶註冊填寫信息具有多個輸入域，而在需要填寫的欄位互相可能產生歧義的時候，這些消息提示可以減少用戶的思考和猜測時間。

4. 錯誤密碼輸入記憶

當用戶第一次輸入一個錯誤的密碼時，系統在判斷錯誤後同時把用戶輸入的錯誤密碼保存記憶，當用戶再次輸入這個錯誤密碼時，系統會自動在客戶端提示「密碼錯誤」。

以上就是一些常見的網頁或APP產品登陸頁面設計的技巧。巧妙的設計是吸引用戶的第一步，站在用戶的角度，讓更多的用戶通過登陸註冊這扇大門真正的走近和了解我們的產品。

更多設計類相關乾貨（文章及教程），詳見：UI/UX專業博客

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！