日韩在线观看av,男女精品,亚洲国产mv

登錄頁(yè)面設(shè)計(jì)代表著用戶對(duì)產(chǎn)品的第一印象，如果這個(gè)頁(yè)面做的不好，那么很容易就會(huì)讓別人對(duì)我們的產(chǎn)品印象不好。登錄頁(yè)面設(shè)計(jì)應(yīng)該清楚的傳達(dá)產(chǎn)品調(diào)性，同時(shí)在視覺上幫助用戶完成登錄這樣的一個(gè)任務(wù)。

登錄頁(yè)應(yīng)該有醒目的標(biāo)識(shí)，經(jīng)常把企業(yè)形象與產(chǎn)品或服務(wù)相結(jié)合，提高用戶關(guān)注度，避免用戶注意力漂移，今天我們就來(lái)盤點(diǎn)一下目前市面上的產(chǎn)品里都做得挺不錯(cuò)的登錄頁(yè)吧?。?！(覺得不錯(cuò)的放進(jìn)你們的參考小后宮噢)

背景類

看多了大多數(shù)的單調(diào)且簡(jiǎn)潔的登錄頁(yè)，有著炫酷且多變的動(dòng)態(tài)背景的登錄頁(yè)是不是會(huì)讓人眼前一亮，并且看的停不下來(lái)，先來(lái)說(shuō)說(shuō)幾個(gè)背景特別的APP吧！

1、馬蜂窩&蝦米音樂(lè)

馬蜂窩和蝦米音樂(lè)的登錄頁(yè)面最大的亮點(diǎn)在于他們的背景動(dòng)圖背景都很好的點(diǎn)明了產(chǎn)品的核心，產(chǎn)品的形象鮮活了起來(lái)，如下圖所示：

這個(gè)我們?cè)趨⒖嫉臅r(shí)候可能需要考慮一下公司的產(chǎn)品特點(diǎn)，以及時(shí)間和成本的投入是否是公司能夠承擔(dān)的（這個(gè)是很現(xiàn)實(shí)的問(wèn)題）。其次馬蜂窩還有一個(gè)小交互細(xì)節(jié)，值得注意一下，當(dāng)用戶開始輸入賬號(hào)的時(shí)候，背景的動(dòng)圖就會(huì)變成高斯模糊，減少用戶在輸入時(shí)所受到的干擾，這雖然是一個(gè)小細(xì)節(jié)，但是在我們平時(shí)設(shè)計(jì)的時(shí)候是一定要考慮到的小細(xì)節(jié)。

2、毒&映客

如果第一種實(shí)現(xiàn)起來(lái)有些難度，也可以轉(zhuǎn)換一種難度系數(shù)不是很高的形式，如下圖所示：為什么你的登錄頁(yè)看起來(lái)和別人一樣？

毒和映客這兩款A(yù)PP ，他們的登錄頁(yè)面背景使用照片做成的背景墻動(dòng)圖，會(huì)自動(dòng)上滑，略微的圖片集錦上移也很酷，同時(shí)符合這兩款產(chǎn)品針對(duì)年輕人使用的調(diào)性。但是一般來(lái)說(shuō)大背景的登錄頁(yè)面對(duì)圖片以及視頻的要求會(huì)很高，如果是做練習(xí)或者飛機(jī)稿并不是很建議大家選擇圖片背景（因?yàn)榉袭a(chǎn)品定位的圖片是真的很難找），如果大家依然想要大背景，可以繼續(xù)看下面兩種。

3、Lofter

Lofter的登錄注冊(cè)入口與引導(dǎo)頁(yè)相結(jié)合，用戶在登錄的時(shí)候能夠看到更多的產(chǎn)品信息，這種設(shè)計(jì)在是市面是比較少見的，如下圖所示：為什么你的登錄頁(yè)看起來(lái)和別人一樣？

這種比較適合想要做大背景的登錄頁(yè)面，但是沒(méi)有找到適合產(chǎn)品圖片的設(shè)計(jì)師來(lái)選擇。它的優(yōu)點(diǎn)是能夠介紹更多的產(chǎn)品信息，但是缺點(diǎn)也很明顯，因?yàn)榈卿涰?yè)是個(gè)用戶目的性很強(qiáng)的功能操作頁(yè)面，因此很有可能就會(huì)被忽略過(guò)去。

4、快手電丸&FACEU

這兩種APP是將手機(jī)和第三方登錄都做成按鈕，同時(shí)搭配產(chǎn)品形象插畫，這么做的好處是可以將產(chǎn)品的想象更加突出，但是從操作上來(lái)說(shuō)，如果用戶是手機(jī)登錄，還需要進(jìn)入二級(jí)頁(yè)面，但背景的設(shè)計(jì)可以參考，容易出效果，同時(shí)又能快速符合產(chǎn)品調(diào)性。對(duì)于大背景設(shè)計(jì)的難度系數(shù)最低，新手設(shè)計(jì)師推薦優(yōu)先嘗試。

頂部圖片

1、最右&bilibili&快手漫畫

上圖中的三個(gè)產(chǎn)品都是產(chǎn)品有卡通形象的產(chǎn)品，同時(shí)還很有識(shí)別度，因此將有他們放在登錄界面頂部，有助于產(chǎn)品形象的深入化，同時(shí)當(dāng)用戶在輸入密碼的時(shí)候，卡通形象還會(huì)轉(zhuǎn)變成蒙上自己的眼睛或者別的動(dòng)作，既有趣味性又給用戶安全感。以上三個(gè)都是不同類型的產(chǎn)品，但是采用了同一種登錄方式，但他們都有相對(duì)年輕化的用戶群體，以及卡通形象的產(chǎn)品，因此使用這種能夠更好的固定產(chǎn)品形象。

2、36氪&松果

36氪的頭部小背景讓整個(gè)登錄頁(yè)面不會(huì)顯得太平，視覺上也不會(huì)太過(guò)單一，我們可以來(lái)做個(gè)對(duì)比，如下圖所示：

上面兩種圖中有背景和沒(méi)有背景的登錄頁(yè)，我們能夠很明顯的發(fā)現(xiàn)沒(méi)有背景的從視覺上顯得很單一，并且沒(méi)有了識(shí)別度。想要做比較簡(jiǎn)約但是又有點(diǎn)特別的登錄頁(yè)可以參考這類的頭圖，會(huì)讓你的登錄頁(yè)不那么單調(diào)還有識(shí)別度。

彈窗登錄

叨叨記賬&波洞

叨叨筆記使用的是一種類似彈窗同時(shí)帶有tab切換的登錄形式，但是只適合只有一種第三方的登錄形式，如果數(shù)量一多，就要改變形式或者去掉tab，但是這種表現(xiàn)形式也是挺特別的。作為騰訊旗下的波洞，設(shè)計(jì)風(fēng)格很鮮明，登錄直接使用的彈窗形式，應(yīng)該考慮到大多數(shù)用戶都喜歡直接用第三方登錄會(huì)比較方便，同時(shí)也是自己的產(chǎn)品，因此做成了彈窗形式。上面的兩種是不同形式的彈窗，小伙伴們可以根據(jù)自己公司產(chǎn)品支持哪幾種第三方登錄來(lái)決定選用哪種參考。

圖標(biāo)

陌陌

陌陌的登錄注冊(cè)頁(yè)可能大家看著覺得很普通，沒(méi)什么特別的，我剛開始也覺得很普通沒(méi)什么特別的，但是大家可以注意一下它的第三方登錄，如下圖所示

QQ和微信的icon都是自制的，與我們見到的大多數(shù)第三方的icon都不太一樣，所以這個(gè)點(diǎn)可以作為我們?cè)O(shè)計(jì)第三方登錄時(shí)參考的點(diǎn)。（我找了好多個(gè)產(chǎn)品，目前發(fā)現(xiàn)的只有陌陌的圖標(biāo)比較特殊）畢竟我們找參考并不是直接照抄頁(yè)面，只是可以選擇每個(gè)頁(yè)面優(yōu)秀的地方來(lái)成為我們學(xué)習(xí)的地方。

圖標(biāo)

音遇

音遇的號(hào)碼輸入框也是很優(yōu)秀的，如下圖所示：

音遇的賬戶輸入框是會(huì)隨著文字的增加減少而改變寬度，這樣可以讓用戶更專注于輸入賬號(hào)的輸入，以及及時(shí)確認(rèn)自己的輸入是否有誤。

劃重點(diǎn)

因?yàn)榭紤]到實(shí)現(xiàn)的問(wèn)題，所以我找的參考大多都是線上稿，變身成厲害的設(shè)計(jì)師之前總要做練習(xí)，做積累，而有一雙能夠辨別出好設(shè)計(jì)的雙眼能夠讓你事半功倍。很多人都會(huì)說(shuō)因?yàn)槲覀儗徝啦恍?，其?shí)不好看的頁(yè)面也有值得借鑒的地方，好看的設(shè)計(jì)也不是所有的想法都適合我們，我們需要學(xué)會(huì)辨別，而積累僅僅是開始的第一步。

原文地址：海鹽社（公眾號(hào)）

作者：潘團(tuán)子

為什么你的登錄頁(yè)看起來(lái)和別人一樣？