正文

如何設(shè)計(jì)登錄頁-登錄界面模板設(shè)置教程

5424

2021年規(guī)劃輸出原創(chuàng)40篇

2021年的第4篇

2021年我們互相奮斗

任何APP都有登錄頁,但是不一樣類別的APP的風(fēng)味都有不一樣的風(fēng)味,那怎么樣為APP設(shè)計(jì)適合的登錄頁呢?通過集中超級多的app之后,我大約那么分了一下類別,大致如下:

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

2、輕裝飾背景

3、純色背景

4、圖片背景

5、插畫背景

留白設(shè)計(jì)白色簡潔風(fēng)味是目前較為常見的樣式,整個(gè)窗口以簡潔設(shè)計(jì)為主。背景純白色,把其余元素放置在窗口中央,進(jìn)行留白處理,使整個(gè)窗口充滿空間感。在設(shè)計(jì)上主要以展示消息為主,讓玩家專門把注意力集中于品牌和登錄路徑。如下圖所示:

輕裝飾背景輕裝飾背景就是在簡潔風(fēng)味的基本上添加有的品牌/業(yè)務(wù)裝飾元素,在不波及消息的錄入的同一時(shí)間,使窗口的細(xì)節(jié)展示更為多姿多彩。如下圖所示:

輕裝飾背景設(shè)計(jì),一是可以傳遞品牌感,二是可以渲染業(yè)務(wù)行業(yè)屬性特性。同一時(shí)間窗口的視覺沖擊力和氣氛渲染力都非常強(qiáng)了。

純色背景純色背景在使用時(shí)基本選用超級多的選用品牌色來支撐界面,互搭Logo進(jìn)行設(shè)計(jì)。整個(gè)窗口簡潔直觀,且容易被玩家感知,而且能夠傳遞品牌消息與業(yè)務(wù)消息。如下圖所示:

需要小心的是,該方法多用在登錄消息簡單,或者以第三方登錄為主的窗口中。

網(wǎng)易豬場云音樂、微視、騰訊課堂均選用品牌色進(jìn)行設(shè)計(jì),同一時(shí)間可以就這樣看出他們的登錄消息都較少,在視覺設(shè)計(jì)上也較為簡潔。

圖片背景圖片背景與純色背景相比,其優(yōu)勢是圖片更容易吸引人的小心力,更容易傳遞情感引起玩家共鳴,也比較讓玩家感知業(yè)務(wù)的用途,強(qiáng)化了品牌的行業(yè)屬性。大多用來垂直類的APP中。如下圖所示:

圖片背景其圖片是整個(gè)窗口的核心,因此想要尋找一個(gè)符合業(yè)務(wù)的圖片是不易的事件,在進(jìn)行圖片查找時(shí)我們也需要有目的性地找到。

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

插畫背景插畫背景可以根據(jù)本身業(yè)務(wù)特性進(jìn)行插畫設(shè)計(jì),在進(jìn)行插畫設(shè)計(jì)時(shí)加入品牌查看元素,或者和品牌有關(guān)元素,讓窗口有著可查看性、樂趣性。如下圖所示:

總結(jié)