大家在登陸網(wǎng)站的時(shí)候,都會(huì)進(jìn)入到登陸界面,很多朋友對(duì)于登陸界面的設(shè)計(jì)比較感興趣,那么登陸界面設(shè)計(jì)要點(diǎn)有哪些?登錄頁(yè)面怎么設(shè)計(jì)更好呢?下面faceui就來(lái)詳細(xì)的說(shuō)下。

圖片來(lái)源于網(wǎng)絡(luò)
登陸界面設(shè)計(jì)要點(diǎn)有哪些?
我們需要先將窗體設(shè)置為無(wú)邊框,然后再設(shè)置窗體的大小。
按鈕設(shè)計(jì)成扁平化時(shí),記得把邊框設(shè)置為和按鈕一樣的顏色(或者和所在容器的背景顏色一樣)。
我們?cè)O(shè)置窗體的背景顏色后,其所包含的控件的顏色也會(huì)隨之改變。
當(dāng)窗體設(shè)置成無(wú)邊框后,我們無(wú)法通過(guò)鼠標(biāo)移動(dòng)窗體,此時(shí)需要增加鼠標(biāo)事件實(shí)現(xiàn)窗體的移動(dòng)。
我們可以制作一張和窗體同等大小的圖片,把其設(shè)置成背景圖片,達(dá)到美化界面的效果。
登錄頁(yè)面怎么設(shè)計(jì)更好?
1.“圈出”重要內(nèi)容區(qū)域
區(qū)域性的強(qiáng)調(diào)容易引起人們的注意力,幫助正在猶豫不決的人們快速做出決策。
2.利用色彩和對(duì)比
人們對(duì)色彩有情緒與情感上反應(yīng)的,所以選擇合適的配色十分重要。同時(shí),使用對(duì)比能夠幫助人們快速跳出登錄頁(yè),進(jìn)入目的地。根據(jù)“多米諾骨牌效應(yīng)”理論,人們?nèi)菀子涀∨c眾不同的事物,哪怕是很微小的不同,充分利用這一點(diǎn)可能會(huì)大大的提高轉(zhuǎn)化率。
3.使用留白
盡可能降低認(rèn)知成本,提高可用性。留白不只是視覺設(shè)計(jì)師審美上的選擇,它的最終目的是為了界面上表達(dá)的內(nèi)容更容易被消化、理解。留白會(huì)潛意識(shí)的提供用戶喘息的空間,突出頁(yè)面重要元素,讓目標(biāo)用戶停頓下來(lái)做出抉擇。
人們很容易更容易記住一堆事情里的第一件事情。目標(biāo)用戶首次聽到或者看到的內(nèi)容在無(wú)形中已經(jīng)被重點(diǎn)強(qiáng)調(diào)了,我們可以借此機(jī)會(huì)創(chuàng)造良好的第一映像。

圖片來(lái)源于網(wǎng)絡(luò)
登陸界面設(shè)計(jì)注意事項(xiàng)
1. 文本輸入框需增加提示
如果用戶使用你的服務(wù)必須登錄,那么輸入框中的提示語(yǔ)(如:輸入手機(jī)號(hào)碼,輸入驗(yàn)證碼)必須要增加。使這些字段清楚可見,并且不要讓用戶到處尋找,或花更多的步驟進(jìn)到App。
2. 在登錄和注冊(cè)部分,增加不同的輸入字段
除了動(dòng)詞“登入”之外,另一個(gè)另用戶感到困惑的是,登錄和注冊(cè)部分通常有相同數(shù)量的輸入框(用戶名,密碼,和郵箱)。為了更好的區(qū)分,最小化新用戶嘗試直接登錄的機(jī)會(huì)。應(yīng)用不同的輸入字段。讓用戶知道哪里錯(cuò)了。
登陸界面設(shè)計(jì)要點(diǎn)有哪些?大家在做登陸界面設(shè)計(jì)的時(shí)候,就需要多關(guān)注這些要點(diǎn)的問題,同時(shí)還需要注意在文本框里面增加一些惡提示的內(nèi)容,這樣用戶在登陸的時(shí)候,就知道該注意什么了,如有需要,可以咨詢faceui。


在微信中搜索faceui