你不可不知的登陸頁面設計的技巧
來源:搜狐 瀏覽數(shù):
責任編輯:CHH 時間:2017-07-14 09:50
責任編輯:CHH 時間:2017-07-14 09:50
[導讀]無論網(wǎng)頁或是移動APP的設計,很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。
無論網(wǎng)頁或是移動APP的設計,很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。
一、 學會做減法
跳出登錄界面設計中的條條框框,搭配簡單的配色,醒目又大方。
二、 結合用戶界面設計-頁面背景
1. 模糊背景
模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。
2. 暗色背景
在暗色背景中,明亮的輸入框便吸引了所有的注意力。
3.扁平化純色背景
三、清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右,表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預期。
四、注重用戶體驗設計
登陸和注冊表單的使用率非常高,一個表單的設計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。哪怕是一個注冊表單,也值得再細心研究。
1.減少用戶的強制性操作
2. 減少用戶輸入
3. 信息化注冊提示
4. 錯誤密碼輸入記憶
當用戶第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶,當用戶再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。
以上就是一些常見的網(wǎng)頁或APP產品登陸頁面設計的技巧。
TAGS:技巧 網(wǎng)頁設計 頁面設計
一、 學會做減法
跳出登錄界面設計中的條條框框,搭配簡單的配色,醒目又大方。

二、 結合用戶界面設計-頁面背景
1. 模糊背景
模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。
2. 暗色背景
在暗色背景中,明亮的輸入框便吸引了所有的注意力。
3.扁平化純色背景

三、清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右,表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預期。
四、注重用戶體驗設計
登陸和注冊表單的使用率非常高,一個表單的設計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。哪怕是一個注冊表單,也值得再細心研究。

1.減少用戶的強制性操作
2. 減少用戶輸入
3. 信息化注冊提示
4. 錯誤密碼輸入記憶
當用戶第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶,當用戶再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。
以上就是一些常見的網(wǎng)頁或APP產品登陸頁面設計的技巧。
免責聲明:本文僅代表作者個人觀點,與納金網(wǎng)無關。其原創(chuàng)性以及文中陳述文字和內容未經(jīng)本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,并請自行核實相關內容。
- 分享到:
相關閱讀
- 人工智能未來設計大2025年05月13日
- 百人百日戒煙大賽品2025年04月22日
- 克東縣“北緯四十七2025年04月22日
- 客家文化(贛南)生2025年04月22日
- 安慶博物館首屆文創(chuàng)2025年04月22日
- 2025北京文博創(chuàng)意設計2025年04月22日
- 朝陽青年LOGO和口號創(chuàng)2025年04月21日
- 大賽|愛聚九八-投洽會2025年02月27日
- 2024蘭州文創(chuàng)設計大賽2024年12月07日
- 2024“通武廊”文創(chuàng)和2024年12月04日
精采專題
熱門文章
最新文章