大家在設(shè)計網(wǎng)站的時候，通常都是需要有用戶登錄界面的，以方便用戶注冊和登陸，那么網(wǎng)站用戶登錄界面設(shè)計要注意什么？怎樣拒絕平庸呢？今天就給大家具體介紹下這些問題。

網(wǎng)站用戶登錄界面設(shè)計如何做?

站上有會員機(jī)制的，必不可少的就有登錄和注冊頁面。而這種網(wǎng)站最想要維護(hù)的，也就是這些會員的資源了。維護(hù)這些會員資源，除了平時要有福利外，對登錄、注冊頁也要設(shè)計得好，會員們才會頻繁的訪問。

　　大家都知道在注冊頁面多設(shè)置一個文本輸入框，都會在一定程度上流失一部分注冊的人數(shù)，這種不利的影響，一定要好好的處理好了。要在用戶覺得不會暴露太多個人信息，又能夠讓網(wǎng)站獲取到有用的信息的基礎(chǔ)上去設(shè)置。

　　最好的注冊頁面就是除非一些必須輸入填其余的都不用用戶親自去填寫信息，你只要把那些可以固定選項(xiàng)的，設(shè)置一些可以勾選的選項(xiàng)，就可以避免客戶有那種信息填得太多的錯覺。而且還能夠通過這些消息，保證用戶賬號的安全度。

　　當(dāng)然你也可以給會員分一些權(quán)限，最基礎(chǔ)的會員只需要填寫一些必填選項(xiàng)就能夠完成注冊，在后面他需要一些權(quán)限或者服務(wù)的時候，就可以升級會員等級，填寫更多的消息。

　　由此可見，看似簡單的網(wǎng)站登錄注冊頁面，其中的細(xì)節(jié)之處需要做好處理，這樣才能提升用戶體驗(yàn)。

（圖片來自網(wǎng)絡(luò)）

　　如何更好的進(jìn)行網(wǎng)站用戶登錄界面設(shè)計

　　1、確定入口點(diǎn)

　　最好先決定用戶如何進(jìn)入目標(biāo)網(wǎng)頁，如果希望通過社交媒體頁面訪問者，那么社交賬戶與登錄頁對齊都很重要，登錄頁面的標(biāo)題，網(wǎng)址和元描述都應(yīng)描述在目標(biāo)網(wǎng)頁上看到的內(nèi)容，在適用的情況下還在文本旁邊提供相關(guān)用戶說明，防止新用戶不了解業(yè)務(wù)。

　　2、整理策劃內(nèi)容

　　登錄頁本身應(yīng)該裝飾有訪問者期望看到的相關(guān)內(nèi)容，如果網(wǎng)站舉行活動折扣，可以作為登陸頁面上的一個大標(biāo)題，登錄頁的內(nèi)容可以效仿淘寶或者京東這些大網(wǎng)站，在登陸頁面的設(shè)計時可放寬一些SEO規(guī)則，關(guān)鍵詞字?jǐn)?shù)什么的不做特別要求，一般登錄頁面也不會被搜索引擎優(yōu)先展示出來。

　　3、優(yōu)化登錄頁

　　在許多方面，登錄頁可說是中間人，出口點(diǎn)也是目標(biāo)網(wǎng)頁的目標(biāo)，在設(shè)計和用戶體驗(yàn)方面向目標(biāo)網(wǎng)頁提供相同數(shù)量的關(guān)注和詳細(xì)信息至關(guān)重要，保持這個簡單和直接的目標(biāo)。登錄頁將用戶帶到在線商店，讓相關(guān)的優(yōu)惠和內(nèi)容高度可見，進(jìn)行購買。

（圖片來自網(wǎng)絡(luò)）

拒絕平庸——淺談網(wǎng)站用戶登錄界面設(shè)計

　　優(yōu)雅大方

　　網(wǎng)站用戶登錄界面功能更復(fù)雜、內(nèi)容展示性更強(qiáng)、更加重視多媒體的應(yīng)用。完美就是多一點(diǎn)則太多，少一點(diǎn)則太少?！钡卿涰撁鏇]有過多的視覺干擾，優(yōu)雅大方，一切元素的存在都是為了用戶更好的登錄，登錄過程非常流暢。

　　精致的質(zhì)感表現(xiàn)

　　“喬布斯會一個像素一個像素地檢查屏幕上的每個細(xì)節(jié)，確保相關(guān)的圖像準(zhǔn)確對齊。他非常重視細(xì)節(jié)，細(xì)致程度居然達(dá)到了像素的層面。如果發(fā)現(xiàn)問題，喬布斯就會立即沖著某個工程師大吼起來?！钡卿涰撁娴脑O(shè)計對細(xì)節(jié)的苛求, 細(xì)致的紋理，微妙的陰影，精致的質(zhì)感，完美的細(xì)節(jié)，金屬光澤可以隨著鼠標(biāo)指針移動，底部的圖標(biāo)可以隨著分辨率的大小自適應(yīng)，改變排列方式，確保用戶的瀏覽體驗(yàn)。

　　小清新的插圖

　　在網(wǎng)頁設(shè)計中，插圖非常具有表現(xiàn)力，它與繪畫藝術(shù)關(guān)系密切。所以大部分設(shè)計職位，對手繪能力出眾者格外青睞，許多表現(xiàn)技法都是借鑒了繪畫藝術(shù)的表現(xiàn)技法。插畫藝術(shù)與網(wǎng)頁設(shè)計的的結(jié)合，具有獨(dú)特的藝術(shù)魅力，從而更具表現(xiàn)力。越來越多的設(shè)計師，將插畫運(yùn)用到網(wǎng)頁設(shè)計中來，生動有趣溫情的清新插圖，能迅速的抓住用戶的眼球，讓登錄界面的更加具有親和力，

　　163郵箱的登錄頁面就采用了大幅的插圖,小郵差很快喚醒了80后等待來信的記憶，有故事的插圖與用戶建立情感的聯(lián)系，喚起用戶的心靈共鳴，讓用戶更有歸屬感。

（圖片來自網(wǎng)絡(luò)）

　　人文關(guān)懷的品牌傳達(dá)

　　設(shè)計以人為本，以人為本的設(shè)計不僅能提高產(chǎn)品的品質(zhì)，還能提高設(shè)計的藝術(shù)水平，而登錄頁面是體現(xiàn)人文關(guān)懷，傳播品牌理念的絕佳位置。

　　QQ郵箱登陸頁面每一次刷新都能看到不同的內(nèi)容，或用海子的詩，或用邁克爾.杰克遜的歌詞，喚起用戶的共鳴，設(shè)計手法簡潔，主體信息突出，引導(dǎo)清晰，并沒有多余的元素，界面中最重要的操作“登錄”按鈕使用了交通中通行的綠色，而沒有使用常用的藍(lán)色，細(xì)節(jié)設(shè)計非?？季?，對每個細(xì)節(jié)都注入人文的關(guān)懷。

　　越來越大的登錄框

　　越來越大的輸入框設(shè)計，讓用戶輸入起來感到心情舒暢，登錄過程非常愉悅，在顯示器越來越大的今天，大輸入框顯的霸氣十足，并且一反常態(tài)的可以看到自己的密碼，第一次在WEB登錄框里見到這種設(shè)計，非常貼心。

　　簡約而不簡單

　　WEB設(shè)計的風(fēng)格越來越趨向于簡潔，登錄頁面大量地使用留白可以讓登錄框更加突出。最大程度的減少用戶分心，從視覺的角度來看，簡約的設(shè)計是平靜的，砍掉了多余的元素，顏色，形狀和紋理，不能使用讓人眼前一亮的設(shè)計元素，只能靠空白去做視覺吸引力。布局的權(quán)衡及簡化設(shè)計做的不到位的話很容易變的單調(diào)乏味。

通過以上的內(nèi)容，大家已經(jīng)了解了網(wǎng)站用戶登錄界面設(shè)計注意事項(xiàng)了，這樣在做網(wǎng)站用戶登錄界面設(shè)計的時候，就可以注意這些地方了