海淘科技收集了20個(gè)美麗的登入框設(shè)計(jì)事例。期望你看后能從中獲益，并對(duì)你今后的登入表單規(guī)劃有協(xié)助。規(guī)劃一個(gè)登入表單是十分簡略，但大多規(guī)劃都很差勁、毫無亮點(diǎn)。無論如何，這篇集錦必定走的是另一個(gè)極點(diǎn)。期望這20多個(gè)都能贏得你的喜愛，廢話不多說，直入正題!
承繼了iOS7的精髓，這件登入界面著作將iOS7奇妙的動(dòng)畫布景上升到一個(gè)新的層面。此處的布景完全是一張動(dòng)畫圖片——乃至可能是GIF。盡管這布景現(xiàn)實(shí)上沒有那么精美，但這一定是你平常不多見的規(guī)劃。你簡直很難見到這樣的APP，還有如此做作的首屏規(guī)劃。
相同遵循著iOS7的精力，這個(gè)登入界面和它的附屬界面采用了五顏六色含糊布景，令一切都堅(jiān)持必定簡練。我得說這兩個(gè)界面都適當(dāng)極簡化，實(shí)踐的輸入框被細(xì)線所替代。不過美好的多彩布景增添了特性化顏色，令著作親熱美麗。
假如說有令人愉悅的規(guī)劃，那這一件即是了。藍(lán)色布景圖與明快的白色LOGO、文字和輸入框構(gòu)成激烈比照。綠色按鈕看起來像個(gè)實(shí)在的按鈕——盡管界面的其余部分都是扁平的——色調(diào)也與藍(lán)色調(diào)配地十分好。
真是奪目的配色!當(dāng)然，它是從另一個(gè)視點(diǎn)考慮登錄框的產(chǎn)物。這不是一個(gè)一般意義上的登錄窗，由于它在易用性方面仍存在瑕疵。但是在規(guī)劃方面，咱們盡能夠跳出條條框框來考慮登入界面。
與之前那些比較，這件適當(dāng)安靜和簡練。顏色選得十分棒。頁面也很切中要害，它沒有任何不必要(乃至擾亂注意力)的小把戲，任何一個(gè)登入界面都不應(yīng)當(dāng)有。
這又是一款斗膽的登入界面規(guī)劃。深色的登入界面、深色含糊布景、亮堂柔滑的纖細(xì)字體，營建出了奧秘氣味與法力。有了誘人的登入界面，就別無他求了。
現(xiàn)在呈現(xiàn)的是一款深色登入界面，還有非比尋常的赤色文字與按鈕。我不確定這么多赤色是不是適宜，不過咱們暫且繼續(xù)——這是非比尋常的斗膽規(guī)劃，值得喝彩。我覺得自個(gè)關(guān)于赤色的忌憚是沒道理的，由于決定用戶反響的，是赤色按鈕所在的環(huán)境，而非赤色本身。我能夠必定，沒有人會(huì)在按下這個(gè)登入按鈕時(shí)感到崩潰。
這件著作必定是本文中我的獨(dú)愛之一，由于它夠簡練，卻不單調(diào)。它的配色適當(dāng)冷艷，幾種顏色完美聯(lián)系。并且，它看上去真的很贊!的確是個(gè)創(chuàng)造簡練美麗登錄界面的好辦法。
這是個(gè)略微雜亂些的登入界面。像現(xiàn)在大多數(shù)渠道一樣，你能夠已有賬號(hào)來登入，比方Google、Twitter或許Facebook，而不必在每個(gè)新網(wǎng)站上創(chuàng)建新的賬號(hào)。不過假如你想的話，你也能夠注冊自個(gè)的賬號(hào)。
這個(gè)界面很有構(gòu)思——手寫特性的注釋與箭頭，給界面增添了一些特性，配色也很棒，與多見的藍(lán)色和銀灰色有所區(qū)別。一起，不像時(shí)下大多數(shù)登入頁面，它的布景圖并不是視覺焦點(diǎn)，它即是一個(gè)輕盈的登入/注冊頁面。
我十分賞識(shí)這件自由散漫的規(guī)劃。沒有渙散注意力的導(dǎo)航，也沒有煩人的別的內(nèi)容。用戶的操作與方針相同簡略：挑選Platform或Opentag，然后登入。假如是初次打開，你能夠試試底部的“注冊賬號(hào)”連接。我覺得這真是個(gè)組織杰出且履行到位的登入界面。
這也是我獨(dú)愛之一，我著迷于它的扁平規(guī)劃。它也沒有多少渙散注意力的東西，要點(diǎn)即是登入。簡明的logo作用特殊，假如你沒有賬號(hào)，也能在這注冊一個(gè)。除此之外，所選的顏色也緊密聯(lián)系，體現(xiàn)杰出。
我十分喜愛這件規(guī)劃，由于東西都足夠大，登入按鈕很大，按鈕上的文字很大，圖標(biāo)也很大。現(xiàn)在你應(yīng)當(dāng)有所體會(huì)了。別的，登入按鈕是亮堂的橙赤色，你不會(huì)疏忽它。它不會(huì)與周遭環(huán)境相提并論，一切需求著重的操作都該如此。
我不確定自個(gè)是不是附和輸入框布景和文字的顏色，不過除此之外，這仍然是件優(yōu)異的單色表單規(guī)劃。我喜愛這兩個(gè)輸入框互相聯(lián)系的方式，由于他們明顯即是一體的。我也喜愛那個(gè)奪目的登入按鈕。
在你刊出登入前，網(wǎng)站會(huì)記住你是誰，這點(diǎn)太贊了。從外觀來看，它想營建安全登錄的感受，現(xiàn)實(shí)也的確如此，這得益于下面的兩個(gè)logo——McAfee和VeriSign。我還喜愛它詼諧的頭像，使得全部界面體會(huì)如此愉悅，盡管它其實(shí)很嚴(yán)厲。
這是我第三喜愛的著作，由于它好玩的配色。是的，這是扁平規(guī)劃。如此根本的樣式，本應(yīng)當(dāng)很單調(diào)，它卻沒有。我發(fā)現(xiàn)精心挑選過顏色的扁平規(guī)劃常常能成功，由于充滿了親熱感和自個(gè)顏色，這件登入界面即是如此!我很期望在自個(gè)常常運(yùn)用的app和網(wǎng)站中見到更多這類規(guī)劃。
啊，又是一個(gè)藍(lán)色的界面!我對(duì)此處運(yùn)用的綠色持懷疑態(tài)度，不過本著作中奇妙改變的藍(lán)色，與白色文字聯(lián)系地極好——的確十分好。非正式的小寫字體也給全部界面增添了幾分特性。
我適當(dāng)喜愛這個(gè)表單，由于它明顯是頁面的視覺中心，再?zèng)]有別的東西渙散我的注意力。當(dāng)然，還有l(wèi)ogo和邀請(qǐng)注冊連接，不過它們在哪里都無法蓋過無窮的登入界面。與暗調(diào)處理的布景圖比較照，亮堂的輸入框吸引力注意力，讓你立馬就去登入。
這是一件擬物化與扁平聯(lián)系的UI著作。你怎么想?我覺得它處理的十分好。不必訕笑擬物元素的暗影作用，它們并沒有影響全部規(guī)劃，此處的規(guī)劃適當(dāng)聰明，節(jié)制地運(yùn)用擬物化元素，字體的挑選和顏色調(diào)配鑄就了這件著作。
又是一件誘人的登陸框設(shè)計(jì)界面。它內(nèi)容比本文中許多規(guī)劃都更豐厚，不過配色選得極好，讓界面美麗地聯(lián)系成一個(gè)全體。
