如何設(shè)計登錄頁，看看這5種不同類型的登錄頁！
時間：2023-09-22 21:48:01 | 來源：網(wǎng)站運營
時間：2023-09-22 21:48:01 來源：網(wǎng)站運營
如何設(shè)計登錄頁，看看這5種不同類型的登錄頁?。?021年計劃輸出
原創(chuàng)40篇2021年的
第4篇2021年我們
互相努力所有APP都有登錄頁，但是不同類型的APP的風(fēng)格都有不同的風(fēng)格，那如何為APP設(shè)計合適的登錄頁呢？通過研究大量app之后，我大概分了一下類別，大致如下：
1、留白設(shè)計
2、輕裝飾背景
3、純色背景
4、圖片背景
5、插畫背景
留白設(shè)計
白色簡潔風(fēng)格是目前較為常見的樣式，整個界面以簡潔設(shè)計為主。背景純白色，把其余元素放置在界面中央，進行留白處理，使整個界面充滿空間感。在設(shè)計上主要以展示信息為主，讓用戶專注于品牌和登錄路徑。如下圖所示：
輕裝飾背景
輕裝飾背景就是在簡潔風(fēng)格的基礎(chǔ)上添加一些品牌/產(chǎn)品裝飾元素，在不影響信息的錄入的同時，使界面的細節(jié)展示更為豐富。如下圖所示：
輕裝飾背景設(shè)計，一是可以傳遞品牌感，二是可以渲染產(chǎn)品行業(yè)屬性特征。
同時界面的視覺沖擊力和氛圍渲染力都非常強了。
純色背景
純色背景在使用時往往采用大量采用品牌色來支撐畫面，搭配Logo進行設(shè)計。整個界面簡潔直觀，且容易被用戶感知，而且能夠傳遞品牌信息與產(chǎn)品信息。如下圖所示：
需要注意的是，該方式多用在登錄信息簡單，或者以第三方登錄為主的界面中。
網(wǎng)易云音樂、微視、騰訊課堂均采用品牌色進行設(shè)計，同時可以看出他們的登錄信息都較少，在視覺設(shè)計上也較為簡潔。
圖片背景
圖片背景與純色背景相比，其優(yōu)勢是圖片更容易吸引人的注意力，更容易傳遞情感引起用戶共鳴，也比較讓用戶感知產(chǎn)品的用途，強化了品牌的行業(yè)屬性。大多用于垂直類的APP中。如下圖所示：
圖片背景其圖片是整個界面的核心，因此想要找到一個符合產(chǎn)品的圖片是不易的事情，在進行圖片查找時我們也需要有目的性的尋找。
比如攜程選擇的和旅行的圖片；悅跑圈用了較為跑步的圖片；keep采用全屏動圖讓整個登錄界面更加生動。
插畫背景
插畫背景可以根據(jù)自身產(chǎn)品特征進行插畫設(shè)計，在進行插畫設(shè)計時加入品牌識別元素，或者和品牌相關(guān)元素，讓界面具有可識別性、趣味性。如下圖所示：
總結(jié)
以上就是我個人對于不同登錄頁的一些總結(jié)，如果你正在做登錄頁，希望可以給你一點思路啟發(fā)。
原文鏈接：
https://mp.weixin.qq.com/s/nHaaNgdqCYgqU_mW-hPq4w
在線咨詢