南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

所以一個(gè)頁(yè)面的左下角和右上角都會(huì)被認(rèn)為是盲點(diǎn)區(qū)域。

1.微博類網(wǎng)站的登陸界面比較

新浪微博

網(wǎng)站制作之登錄框的設(shè)計(jì)

郵箱密碼等提示文字直接嵌套在輸入框內(nèi) ，十分簡(jiǎn)潔和符合從上往下的視覺(jué)習(xí)慣，同時(shí)重點(diǎn)突出了“立即注冊(cè)微博”等來(lái)吸引用戶注冊(cè)。

騰訊微博

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

除了“立即開通微博”這個(gè)大按鈕十分搶眼之外 ，登陸按鈕右邊還有一個(gè)注冊(cè)的連接。同時(shí)騰訊登陸都采用自身的產(chǎn)品 QQ號(hào)郵箱和微博等 并不支持外部社區(qū)如msn等方式登入（大家都懂的）

網(wǎng)易微博

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

注冊(cè)按鈕文字和樣式都跟新浪的基本一樣，不過(guò)輸入框并沒(méi)有提示用戶該 “輸入什么”，同時(shí)“下次自動(dòng)登陸”并沒(méi)有默認(rèn)選中，產(chǎn)品細(xì)節(jié)設(shè)計(jì)上需要多花點(diǎn)功夫。

微博類的網(wǎng)站需要吸引大量的用戶注冊(cè)搶占社區(qū) 所以都會(huì)把重點(diǎn)放在“注冊(cè)”這個(gè)環(huán)節(jié)上，從產(chǎn)品設(shè)計(jì)的細(xì)節(jié)細(xì)致程度比較看 新浪>騰訊>網(wǎng)易

2.電子商務(wù)類登陸界面比較

淘寶

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

我比較欣賞淘寶的設(shè)計(jì)是 淘寶網(wǎng)這個(gè)logo和登陸按鈕 都是橙色的設(shè)計(jì)，用戶的瀏覽習(xí)慣會(huì)完全符合，而且你的眼球會(huì)在這兩個(gè)橙色物體之間跳躍。

凡客

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

凡客和淘寶系的登陸同理

這類網(wǎng)站符合設(shè)計(jì)原則的“重復(fù)”原則，即風(fēng)格統(tǒng)一，而且表格對(duì)齊頁(yè)面緊湊。

3.LBS社區(qū)

街旁

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

街旁的登陸按鈕很突出 使用“新浪微博登陸” 一一對(duì)應(yīng)，同時(shí)立即注冊(cè)也格外顯眼

嘀咕

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

嘀咕的登陸按鈕并不突出，同時(shí)“用其他賬號(hào)登陸”多了下拉選擇操作 注冊(cè)連接并不明顯

4.其他

最具有tease的知乎

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

和37signals

南京智拓網(wǎng)絡(luò)科技有限公司的網(wǎng)站制作之登錄框的設(shè)計(jì)

比較了以上的各類網(wǎng)站，優(yōu)秀的登陸框需要簡(jiǎn)單明了的告訴用戶 “我該怎么做”，按鈕需要重點(diǎn)突出（對(duì)比原則），同時(shí)淘寶系的色系復(fù)用很符合用戶的閱讀習(xí)慣。

總結(jié)幾點(diǎn)：

1.緊密性 界面上的文字按內(nèi)容清晰分開 避免用戶閱讀混淆

2.復(fù)用 復(fù)用同一種顏色或者素材能夠是網(wǎng)站風(fēng)格保持一致和引領(lǐng)用戶去點(diǎn)擊

3 對(duì)齊 必須條件

優(yōu)秀的設(shè)計(jì)和產(chǎn)品需要用心去做，至于看待事物的角度不同 一切也可能會(huì)變得不一樣。