現(xiàn)在很多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計，由此可見產(chǎn)品登錄頁面設(shè)計的重要性。

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

一、 學(xué)會做減法

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

二、 結(jié)合用戶界面設(shè)計-頁面背景

1. 模糊背景

模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化，并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。

2. 暗色背景

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

3.扁平化純色背景

三、清晰的視覺縱線

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

四、注重用戶體驗設(shè)計

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

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

2. 減少用戶輸入

一般說來，注冊表中每增加一個字段，注冊率就會相應(yīng)的下降。

3. 信息化注冊提示

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

4. 錯誤密碼輸入記憶

當(dāng)用戶第一次輸入一個錯誤的密碼時，系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶，當(dāng)用戶再次輸入這個錯誤密碼時，系統(tǒng)會自動在客戶端提示“密碼錯誤”。

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