APP怎么設(shè)計(jì)？完整的APP有哪些構(gòu)成元素?

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

1.啟動(dòng)圖標(biāo)

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

2.加載頁(yè)

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

3.引導(dǎo)頁(yè)

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

4.首頁(yè)

首頁(yè)通常是打開(kāi)應(yīng)用后，映入用戶(hù)眼簾的第一個(gè)頁(yè)面，因此可以說(shuō)首頁(yè)是整個(gè)APP中最重要的頁(yè)面。首頁(yè)通常是由狀態(tài)欄、導(dǎo)航欄、內(nèi)容區(qū)、標(biāo)簽欄構(gòu)成。具體分析如下：

①狀態(tài)欄：通常為系統(tǒng)默認(rèn)信息，包括電池電量提示、信號(hào)狀態(tài)等。

②導(dǎo)航欄：通常包含分類(lèi)、搜索框、掃一掃、消息中心等。

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

④標(biāo)簽欄：該區(qū)為APP主要功能分類(lèi)，通常是以圖標(biāo)加文字形式展現(xiàn);例如，電商類(lèi)APP，其標(biāo)簽欄主要包括：首頁(yè)、發(fā)現(xiàn)、分類(lèi)、附近、購(gòu)物車(chē)等幾個(gè)標(biāo)簽。

5.內(nèi)容頁(yè)

通過(guò)APP中的首頁(yè)點(diǎn)擊進(jìn)去的頁(yè)面均稱(chēng)為內(nèi)容頁(yè)，通常包含列表頁(yè)、詳情頁(yè)、個(gè)人中心頁(yè)等。