不同類型的app,由于內(nèi)容和風(fēng)格的不同,ui登錄界面設(shè)計(jì)也會(huì)有所不同,比如移動(dòng)端、PC端、游戲、多媒體等等。但是不管哪類ui設(shè)計(jì),都需要注意這些內(nèi)容。今天faceui小編要為大家介紹ui登錄界面設(shè)計(jì)有哪些建議能幫到大家。
ui登錄界面設(shè)計(jì)有哪些建議
一、分步驟注冊(cè)登錄
1、先輸入手機(jī)號(hào),UI設(shè)計(jì)中登錄頁的設(shè)計(jì)指南點(diǎn)擊“下一步”的同時(shí),系統(tǒng)查詢?cè)撌謾C(jī)號(hào)是否可以注冊(cè),通過的話則進(jìn)入輸入驗(yàn)證碼頁面,這樣做的好處是可以及時(shí)反饋給用戶,避免用戶在輸完手機(jī)號(hào)和驗(yàn)證碼之后出現(xiàn)錯(cuò)誤toast的情況。需要注意的是步驟不宜過多,建議3步以內(nèi)。
2、注冊(cè)登錄合二為一。這種方式是將注冊(cè)和登錄合到一起,如果是第一次使用,只要輸入手機(jī)號(hào)再填寫驗(yàn)證碼就相當(dāng)于注冊(cè)成功了。
3、彈窗登錄。在用戶使用必須要登錄才能用的功能時(shí)會(huì)跳出彈窗登錄界面。
ui登錄界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
二、注冊(cè)登錄頁面常用背景樣式
注冊(cè)登錄頁面常用背景樣式可分為以下六大類:白色背景、輕裝飾背景、純色背景、全屏大圖背景、半屏圖片背景、插畫背景。
1、白色背景。使用白色背景是目前較為常見的設(shè)計(jì)樣式。頁面以信息錄入為主,不做過多裝飾。多用于體量比較大的APP中,主要目的是提高登錄頁面的操作效率,所以沒有多余的點(diǎn)綴。
2、輕裝飾背景。輕裝飾背景會(huì)添加一些品牌設(shè)計(jì)元素或裝飾來體現(xiàn)界面細(xì)節(jié),增加產(chǎn)品品牌感??梢酝ㄟ^取產(chǎn)品相關(guān)元素進(jìn)行裝飾、背景做模糊處理增加界面層次感、加入意向類的圖片、添加幾何元素進(jìn)行裝飾等幾種處理方式解決。
3、純色背。純色背景多采用品牌色,也可搭配Logo進(jìn)行設(shè)計(jì),體現(xiàn)品牌感。該方式多用在登錄信息簡單或者以第三方登錄為主的界面中,在不干擾用戶視線的基礎(chǔ)上豐富頁面。
4、全屏大圖背景。全屏大圖背景就是在登錄信息下方平鋪一張與產(chǎn)品相關(guān)的圖片。
優(yōu)點(diǎn):圖片更容易吸引人的注意力,視覺上更有沖擊力,也能提前給用戶一個(gè)心理預(yù)期。
缺點(diǎn):信息和背景融合較高,視覺干擾比較大,多用在垂直類的APP中,對(duì)于一些體量較大的產(chǎn)品不太適合。
5、半屏圖片背景。半屏圖片和全屏圖片有些類似, 都是通過意向圖片傳遞產(chǎn)品品牌感,不過半屏圖片重點(diǎn)是以登錄信息為主。
ui登錄界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
6、插畫背景。插畫背景就是自己繪制品牌識(shí)別元素或者和品牌相關(guān)的元素作為背景。
優(yōu)點(diǎn):插畫更有親和力,更能與用戶產(chǎn)生情感共鳴。
缺點(diǎn):繪制成本較高,比較費(fèi)時(shí)間。
常見的三類ui設(shè)計(jì)
1、移動(dòng)端、多媒體UI設(shè)計(jì)師:手機(jī)平板上的APP設(shè)計(jì)和主題設(shè)計(jì),當(dāng)然還有車載中控大屏界面、智能電視界面、現(xiàn)今各個(gè)物聯(lián)網(wǎng)智能家居家電的可視化界面設(shè)計(jì),目前主流的UI設(shè)計(jì)為移動(dòng)端的手機(jī)APP、小程序、微信公眾號(hào)等的界面設(shè)計(jì)。
2、PC端UI設(shè)計(jì)師:對(duì)電腦上的軟件和網(wǎng)站的界面視覺包裝、功能板塊布局、按鈕的綜合設(shè)計(jì),PC端UI設(shè)計(jì)師主要以電腦軟件界面設(shè)計(jì)為主。
3、游戲UI設(shè)計(jì)師:對(duì)網(wǎng)游和手游上的界面進(jìn)行設(shè)計(jì),該職位對(duì)游戲UI設(shè)計(jì)師的要求很高,要求一定的手繪能力,最好是科班出身但是薪酬相對(duì)來說更可觀!
以上就是faceui小編要為大家介紹的關(guān)于ui登錄界面設(shè)計(jì)的相關(guān)內(nèi)容。針對(duì)不同類型的app,在ui登錄界面設(shè)計(jì)方面要考慮不同的方式和技巧,上面介紹的內(nèi)容希望能對(duì)大家的ui設(shè)計(jì)水平有所幫助。