海淘科技編者，這篇為大家推送的是《手機(jī)app登錄界面設(shè)計(jì)》。

前沿

一個(gè)完整的app包含很多頁(yè)面，設(shè)計(jì)一個(gè)app是一個(gè)很系統(tǒng)的工程。海淘科技編者會(huì)呂旭撰寫教程，帶著大家完整的學(xué)習(xí)設(shè)計(jì)app的過(guò)程。我們先從登錄頁(yè)設(shè)計(jì)開始學(xué)習(xí)。做界面設(shè)計(jì)前，我們先來(lái)理解一下界面的邏輯。

app的屬性分類

首先給app分一下類別，為什么瑤瑤登錄注冊(cè)?因?yàn)閍pp需要你的個(gè)人信息，這樣才是一個(gè)留存下來(lái)的用戶，而不是來(lái)一下的過(guò)客。app按注冊(cè)登錄必要性分類如下三種：

無(wú)需登錄的app

第一種：無(wú)需登錄，直接使用app的功能，主要是工具類的app，如日歷、計(jì)算器、手電筒之類的app，不夠現(xiàn)在這樣純粹的app幾乎不存在，因?yàn)闆]有用戶存留的app就沒有價(jià)值，沒有經(jīng)濟(jì)價(jià)值就會(huì)不下去啊，所以市場(chǎng)上沒有這樣的活雷鋒了，都被系統(tǒng)應(yīng)用取代了。二工具類的app為了不被系統(tǒng)應(yīng)用取代，就想辦法提供一些個(gè)性功能吸引用戶注冊(cè)。

非強(qiáng)制登錄的app

強(qiáng)制登錄的app

注冊(cè)登錄的四種方式

手機(jī)號(hào)登錄注冊(cè)

第一種，手機(jī)號(hào)登錄注冊(cè)，一個(gè)界面就完成了登錄或注冊(cè)的過(guò)程。

用戶名密碼登錄注冊(cè)

第二種，用戶名密碼注冊(cè)登錄。注冊(cè)和登錄是分開的，簡(jiǎn)單的說(shuō)就是注冊(cè)和登錄界面是兩個(gè)界面。優(yōu)點(diǎn)就是多平臺(tái)登錄的時(shí)候有用戶名密碼方便些。缺點(diǎn)就是注冊(cè)流程繁瑣啊。

混合式登錄注冊(cè)

第三種，用戶名或者手機(jī)登錄。這種界面表現(xiàn)形式如圖EF，是一個(gè)標(biāo)簽切換登錄方式。一個(gè)界面上可以切換手機(jī)號(hào)登錄和賬戶登錄兩種方式。這種方式便在臺(tái)面上的說(shuō)法是，為了便于用戶，提供多種登錄選擇。

社交賬號(hào)登錄注冊(cè)

第四種，第三方社交賬號(hào)登錄。這個(gè)想必大家都清楚，就是通過(guò)微信、QQ、微博等第三方常用社交賬號(hào)登錄，很是快捷方便的登錄體驗(yàn)產(chǎn)品，同時(shí)便于后續(xù)通過(guò)社交賬號(hào)對(duì)app進(jìn)行分享宣傳推廣。

視覺設(shè)計(jì)的思考過(guò)程

首先設(shè)計(jì)稿以IPhone7為基準(zhǔn)設(shè)計(jì)，分辨率shi1337*750。我們先做強(qiáng)制登錄注冊(cè)的。這里打開應(yīng)用后，一般國(guó)外的應(yīng)用挺喜歡出現(xiàn)選擇登錄注冊(cè)界面，這里我們以今年流行的草木綠為主題進(jìn)行設(shè)計(jì)。

不選擇純的顏色

多效果混合模式

選圖的四種技巧

設(shè)計(jì)案例演示

登錄界面設(shè)計(jì)總結(jié)

視覺設(shè)計(jì)前先理清楚界面的邏輯，界面中每個(gè)元素的點(diǎn)擊從哪里來(lái)到哪里去。app因?yàn)楫a(chǎn)品賬號(hào)體系不同的，所以有各種登錄注冊(cè)方式。登錄注冊(cè)有四種方式。每種方式可以采用不同的形式的背景圖設(shè)計(jì)。找圖片有意識(shí)的按不同類型分類去尋找圖片。要善于運(yùn)用一些透明地圖片調(diào)節(jié)界面的維度。讓界面細(xì)節(jié)設(shè)計(jì)更豐富。設(shè)計(jì)師也要學(xué)會(huì)運(yùn)用文字的力量，點(diǎn)睛的文字可以讓界面設(shè)計(jì)增加品質(zhì)感。

以上就是《手機(jī)app登錄界面設(shè)計(jì)》內(nèi)容，更多app界面設(shè)計(jì)可直接點(diǎn)擊查看。