你不可不知的登陸頁面設計的技巧
來源:搜狐 瀏覽數(shù):
責任編輯:CHH 時間:2017-07-14 09:50
責任編輯:CHH 時間:2017-07-14 09:50
[導讀]無論網(wǎng)頁或是移動APP的設計,很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。
無論網(wǎng)頁或是移動APP的設計,很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。
一、 學會做減法
跳出登錄界面設計中的條條框框,搭配簡單的配色,醒目又大方。
二、 結(jié)合用戶界面設計-頁面背景
1. 模糊背景
模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。
2. 暗色背景
在暗色背景中,明亮的輸入框便吸引了所有的注意力。
3.扁平化純色背景
三、清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右,表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預期。
四、注重用戶體驗設計
登陸和注冊表單的使用率非常高,一個表單的設計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。哪怕是一個注冊表單,也值得再細心研究。
1.減少用戶的強制性操作
2. 減少用戶輸入
3. 信息化注冊提示
4. 錯誤密碼輸入記憶
當用戶第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶,當用戶再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。
以上就是一些常見的網(wǎng)頁或APP產(chǎn)品登陸頁面設計的技巧。
TAGS:技巧 網(wǎng)頁設計 頁面設計
一、 學會做減法
跳出登錄界面設計中的條條框框,搭配簡單的配色,醒目又大方。
二、 結(jié)合用戶界面設計-頁面背景
1. 模糊背景
模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。
2. 暗色背景
在暗色背景中,明亮的輸入框便吸引了所有的注意力。
3.扁平化純色背景
三、清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右,表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預期。
四、注重用戶體驗設計
登陸和注冊表單的使用率非常高,一個表單的設計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。哪怕是一個注冊表單,也值得再細心研究。
1.減少用戶的強制性操作
2. 減少用戶輸入
3. 信息化注冊提示
4. 錯誤密碼輸入記憶
當用戶第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶,當用戶再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。
以上就是一些常見的網(wǎng)頁或APP產(chǎn)品登陸頁面設計的技巧。
免責聲明:本文僅代表作者個人觀點,與納金網(wǎng)無關。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實,對本文以及其中全部或者部分內(nèi)容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,并請自行核實相關內(nèi)容。
- 分享到:
相關閱讀
- 青銅峽市首屆葡萄酒2024年08月13日
- 2024年“大黃山”非遺2024年08月13日
- 2024年海南熱帶雨林和2024年08月13日
- 2024年海南熱帶雨林和2024年08月13日
- 第23屆玩博會玩具設計2024年08月13日
- 寧國市文化旅游產(chǎn)品2024年08月13日
- 2024年體驗教育國際論2024年08月13日
- “強國有我新征程”2024年08月13日
- 2024年金昌市文創(chuàng)和旅2024年08月13日
- 2024年首屆撫州文創(chuàng)產(chǎn)2024年08月13日
精采專題
熱門文章
最新文章