2021年計(jì)劃輸出原創(chuàng)40篇

2021年的第4篇

2021年我們互相努力

所有APP都有登錄頁(yè)，但是不同類型的APP的風(fēng)格都有不同的風(fēng)格，那如何為APP設(shè)計(jì)合適的登錄頁(yè)呢？通過研究大量app之后，我大概分了一下類別，大致如下：

1、留白設(shè)計(jì)

2、輕裝飾背景

3、純色背景

4、圖片背景

5、插畫背景

留白設(shè)計(jì)

白色簡(jiǎn)潔風(fēng)格是目前較為常見的樣式，整個(gè)界面以簡(jiǎn)潔設(shè)計(jì)為主。背景純白色，把其余元素放置在界面中央，進(jìn)行留白處理，使整個(gè)界面充滿空間感。在設(shè)計(jì)上主要以展示信息為主，讓用戶專注于品牌和登錄路徑。如下圖所示：

輕裝飾背景

輕裝飾背景就是在簡(jiǎn)潔風(fēng)格的基礎(chǔ)上添加一些品牌/產(chǎn)品裝飾元素，在不影響信息的錄入的同時(shí)，使界面的細(xì)節(jié)展示更為豐富。如下圖所示：

輕裝飾背景設(shè)計(jì)，一是可以傳遞品牌感，二是可以渲染產(chǎn)品行業(yè)屬性特征。

同時(shí)界面的視覺沖擊力和氛圍渲染力都非常強(qiáng)了。

純色背景

純色背景在使用時(shí)往往采用大量采用品牌色來支撐畫面，搭配Logo進(jìn)行設(shè)計(jì)。整個(gè)界面簡(jiǎn)潔直觀，且容易被用戶感知，而且能夠傳遞品牌信息與產(chǎn)品信息。如下圖所示：

需要注意的是，該方式多用在登錄信息簡(jiǎn)單，或者以第三方登錄為主的界面中。

網(wǎng)易云音樂、微視、騰訊課堂均采用品牌色進(jìn)行設(shè)計(jì)，同時(shí)可以看出他們的登錄信息都較少，在視覺設(shè)計(jì)上也較為簡(jiǎn)潔。

圖片背景

圖片背景與純色背景相比，其優(yōu)勢(shì)是圖片更容易吸引人的注意力，更容易傳遞情感引起用戶共鳴，也比較讓用戶感知產(chǎn)品的用途，強(qiáng)化了品牌的行業(yè)屬性。大多用于垂直類的APP中。如下圖所示：

圖片背景其圖片是整個(gè)界面的核心，因此想要找到一個(gè)符合產(chǎn)品的圖片是不易的事情，在進(jìn)行圖片查找時(shí)我們也需要有目的性的尋找。

比如攜程選擇的和旅行的圖片；悅跑圈用了較為跑步的圖片；keep采用全屏動(dòng)圖讓整個(gè)登錄界面更加生動(dòng)。

插畫背景

插畫背景可以根據(jù)自身產(chǎn)品特征進(jìn)行插畫設(shè)計(jì)，在進(jìn)行插畫設(shè)計(jì)時(shí)加入品牌識(shí)別元素，或者和品牌相關(guān)元素，讓界面具有可識(shí)別性、趣味性。如下圖所示：

總結(jié)

以上就是我個(gè)人對(duì)于不同登錄頁(yè)的一些總結(jié)，如果你正在做登錄頁(yè)，希望可以給你一點(diǎn)思路啟發(fā)。

原文鏈接：https://mp.weixin.qq.com/s/nHaaNgdqCYgqU_mW-hPq4w