登入框是用戶成為網站一員的第一步，每天必打交道。本文對比主流 SNS 與社區網站登入框，探討何為「優秀」設計。

視覺習慣與盲區

人類閱讀習慣從左至右、從上至下，頁面左下角與右上角為盲區。

1. 微博類網站：搶註冊入口

新浪微博

郵箱/密碼提示文字內嵌輸入框，極簡符合自上而下視覺習慣，重點突出「立即註冊微博」吸引註冊。

騰訊微博

「立即開通微博」大按鈕搶眼，登入按鈕旁有註冊鏈接。僅支援 QQ/郵箱/微博自家賬號登入（不支援 MSN 等外部賬號）。

網易微博

註冊按鈕風格似新浪，但輸入框無提示文字，「下次自動登入」未默認勾選，細節待打磨。

結論：微博類網站搶佔社區重註冊，細節程度：新浪 > 騰訊 > 網易。

2. 電商類：品牌色復用，風格統一

淘寶

Logo 與登入按鈕同為橙色，用戶視線在兩橙色物體間跳躍，完美符合瀏覽習慣。

凡客

同理淘寶系設計。符合「重複」原則：風格統一、表格對齊、頁面緊湊。

3. LBS 社區：第三方登入與註冊引導

街旁

登入按鈕突出，「新浪微博登入」一一對應，「立即註冊」顯眼。

嘀咕

登入按鈕不突出，「其他賬號登入」需下拉選擇增加操作，註冊鏈接不明顯。

4. 極簡風標桿：知乎與 37signals

知乎

37signals

總結：優秀登入框三要素

1. 緊密性：界面文字按內容清晰分組，避免閱讀混淆。
2. 復用：統一顏色/素材，保持風格一致並引導點擊。
3. 對齊：必要條件。

優秀設計需用心，視角不同，一切皆變。

作者：torres | 文章來源：douban.com/note/