雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

ui登錄界面設計要點,ui登錄頁面常用背景樣式

Time: 2021-10-25

        登錄頁面是用戶接觸最早的頁面之一,雖然它對用戶了解網(wǎng)頁和軟件并沒有太大的作用,但是給用戶一種直觀的感受,對軟件有一個初步的認識。今天就讓faceui為大家介紹ui登錄界面設計要點,ui登錄頁面常用背景樣式。

  ui登錄界面設計要點

  1、分步驟注冊登錄

  先輸入手機號,UI設計中登錄頁的設計指南點擊“下一步”的同時,系統(tǒng)查詢該手機號是否可以注冊,通過的話則進入輸入驗證碼頁面,這樣做的好處是可以及時反饋給用戶,避免用戶在輸完手機號和驗證碼之后出現(xiàn)錯誤toast的情況。

  需要注意的是步驟不宜過多,建議3步以內(nèi)。

  2、注冊登錄合二為一

  這種方式是將注冊和登錄合到一起,如果是第一次使用,只要輸入手機號再填寫驗證碼就相當于注冊成功了。

  3、彈窗登錄

  在用戶使用必須要登錄才能用的功能時會跳出彈窗登錄界面。

ui登錄界面設計

  ui登錄界面設計

  ui登錄頁面常用背景樣式

  注冊登錄頁面常用背景樣式可分為以下六大類:白色背景、輕裝飾背景、純色背景、全屏大圖背景、半屏圖片背景、插畫背景。

  1、白色背景

  使用白色背景是目前較為常見的設計樣式。頁面以信息錄入為主,不做過多裝飾。多用于體量比較大的APP中,主要目的是提高登錄頁面的操作效率,所以沒有多余的點綴。

  2、輕裝飾背景

  輕裝飾背景會添加一些品牌設計元素或裝飾來體現(xiàn)界面細節(jié),增加產(chǎn)品品牌感。

  輕裝飾背景常見的有以下幾種處理方式:取產(chǎn)品相關元素進行裝飾。背景做模糊處理增加界面層次感。加入意向類的圖片。添加幾何元素進行裝飾。

  3、純色背景

  純色背景多采用品牌色,也可搭配Logo進行設計,體現(xiàn)品牌感。該方式多用在登錄信息簡單或者以第三方登錄為主的界面中,在不干擾用戶視線的基礎上豐富頁面。

  4、全屏大圖背景

  全屏大圖背景就是在登錄信息下方平鋪一張與產(chǎn)品相關的圖片。

  優(yōu)點:圖片更容易吸引人的注意力,視覺上更有沖擊力,也能提前給用戶一個心理預期。

  缺點:信息和背景融合較高,視覺干擾比較大,多用在垂直類的APP中,對于一些體量較大的產(chǎn)品不太適合。

ui登錄界面設計

  ui登錄界面設計

  5、半屏圖片背景

  半屏圖片和全屏圖片有些類似, 都是通過意向圖片傳遞產(chǎn)品品牌感,不過半屏圖片重點是以登錄信息為主。

  6、插畫背景

  插畫背景就是自己繪制品牌識別元素或者和品牌相關的元素作為背景。

  優(yōu)點:插畫更有親和力,更能與用戶產(chǎn)生情感共鳴。

  缺點:繪制成本較高,比較費時間。

  關于用戶界面

  用戶界面是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點。

  用戶界面(User Interface,簡稱UI,亦稱使用者界面)是系統(tǒng)和用戶之間進行交互和信息交換的媒介,它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。用戶界面是介于用戶與硬件而設計彼此之間交互溝通相關軟件,目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互,完成所希望借助硬件完成之工作,用戶界面定義廣泛,包含了人機交互與圖形用戶接口,凡參與人類與機械的信息交流的領域都存在著用戶界面。

  以上就是faceui為大家介紹的關于ui登錄界面設計的相關內(nèi)容。登錄界面跟ui設計相結(jié)合,能夠讓軟件變得更加有趣生動,也為軟件的用戶體驗效果更好。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開