關於登入頁設計的實例教程

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

一、 學會做減法

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

 

二、結合使用者介面設計-頁面背景

1. 模糊背景

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

2. 暗色背景

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

3.扁平化純色背景

 

#三、清晰的視覺縱線

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

四.注重使用者體驗設計

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

 

1.減少使用者的強制性操作

2. 減少使用者輸入

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

3. 資訊化註冊提示

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

4. 錯誤密碼輸入記憶

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

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

以上是關於登入頁設計的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！