首頁常見問題正文

APP怎么設(shè)計?APP界面有哪些構(gòu)成元素?

更新時間:2023-04-17 來源:黑馬程序員 瀏覽量:

想要制作出一套完整的APP,首先要了解APP的構(gòu)成元素。通常情況下APP的構(gòu)成元素包含啟動圖標、加載頁、引導頁、首頁及內(nèi)容頁,下面將針對這些構(gòu)成元素進行詳細講解。

1.啟動圖標

啟動圖標是APP的重要組成部分和主要入口,是一種出現(xiàn)在移動設(shè)備屏幕上的圖像符號。人們通過對字母和圖像的認知,獲得符號所隱含的意義。啟動圖標一般由圓角矩形或者矩形底板和LOGO或文字構(gòu)成,更多的是由圖標加文字組成,如圖1所示。

app啟動圖標

2.加載頁

點擊APP圖標后,打開的第一個應用界面就是加載頁。加載頁是由一張漸變或者單色的背景、LOGO(或APP名稱)、廣告語,以及版權(quán)信息等幾部分組成的,據(jù)不完全統(tǒng)計,加載頁加載時間通常為2000~3000ms。大部分商家會將這個加載頁做成廣告頁。

加載頁

3.引導頁

當加載頁加載完成后,通常會看到幾張連續(xù)展示、設(shè)計精美、風格統(tǒng)一的頁面,這就是引導頁。在未使用產(chǎn)品之前,通過引導頁可提前獲知產(chǎn)品的主要功能和特點,并給用戶留下深刻的第一印象。根據(jù)引導頁的目的、出發(fā)點不同,可以將其分為功能介紹類、使用說明類、推廣類、問題解決類。一般引導頁不會超過5頁。

引導頁

4.首頁

首頁通常是打開應用后,映入用戶眼簾的第一個頁面,因此可以說首頁是整個APP中最重要的頁面。首頁通常是由狀態(tài)欄、導航欄、內(nèi)容區(qū)、標簽欄構(gòu)成。具體分析如下:

①狀態(tài)欄:通常為系統(tǒng)默認信息,包括電池電量提示、信號狀態(tài)等。

②導航欄:通常包含分類、搜索框、掃一掃、消息中心等。

③內(nèi)容區(qū):根據(jù)APP的功能不同,內(nèi)容區(qū)域差異也較大。例如,電商APP首頁主要包含Banner輪播圖(6個左右)、快速通道(圓形背景圖標)、商品促銷和展示(如秒殺)等。

④標簽欄:該區(qū)為APP主要功能分類,通常是以圖標加文字形式展現(xiàn);例如,電商類APP,其標簽欄主要包括:首頁、發(fā)現(xiàn)、分類、附近、購物車等幾個標簽。

首頁

5.內(nèi)容頁

通過APP中的首頁點擊進去的頁面均稱為內(nèi)容頁,通常包含列表頁、詳情頁、個人中心頁等。

列表頁

分享到:
在線咨詢 我要報名
和我們在線交談!