首頁 > web前端 > html教學 > 關於登入頁設計的實例教程

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

零下一度
發布: 2017-07-18 15:59:19
原創
1563 人瀏覽過

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

一、 學會做減法

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

 

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

1. 模糊背景

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

2. 暗色背景

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

3.扁平化純色背景

 

#三、清晰的視覺縱線

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

四.注重使用者體驗設計

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

 

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

2. 減少使用者輸入

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

3. 資訊化註冊提示

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

4. 錯誤密碼輸入記憶

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

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


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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板