1.5 首頁

不同功能的App有著不一樣的首頁模塊，選擇一種適合產(chǎn)品本身的首頁展示方式非常重要。現(xiàn)在，App首頁同質(zhì)化現(xiàn)象越來越嚴(yán)重，頁面基本都朝著一個(gè)方向去設(shè)計(jì)。作為設(shè)計(jì)師，一定要做到多看多用才能夠找到更適合產(chǎn)品本身的展示方式。下面介紹一下首頁最常見的4種表現(xiàn)形式，分別是列表型首頁、圖標(biāo)型首頁、卡片型首頁和綜合型首頁，不同類型的首頁布局承載著不同的內(nèi)涵。

1.5.1 列表型

列表型首頁是指在一個(gè)頁面上展示同一個(gè)級(jí)別的分類模塊。模塊由標(biāo)題文案和圖像組成，圖像可以是照片，也可以是圖標(biāo)，如圖1-12所示。列表型的首頁更方便點(diǎn)擊操作，上下滑動(dòng)也可以查看更多的內(nèi)容。

1.5.2 圖標(biāo)型

當(dāng)首頁包含幾個(gè)主要的功能時(shí)，可以采取圖標(biāo)的形式進(jìn)行展示，如圖1-13所示。圖標(biāo)型的首頁最好是在第一屏展示完整，并將點(diǎn)擊做到最簡(jiǎn)單。

1.5.3 卡片型

在遇到操作按鈕、頭像和文字等信息比較復(fù)雜的情況時(shí)，可以選用卡片型首頁方式。卡片型首頁能讓分類中的按鈕和信息緊密聯(lián)系在一起，讓用戶一目了然，同時(shí)能還有效地加強(qiáng)內(nèi)容的點(diǎn)擊性，如圖1-14所示。

1.5.4 綜合型

電商類產(chǎn)品模塊的表現(xiàn)方式比較多，有圖標(biāo)形式也有卡片形式等。如何才能讓多塊內(nèi)容在頁面中顯示得清晰易讀，這是對(duì)設(shè)計(jì)師能力的考驗(yàn)。綜合型的首頁設(shè)計(jì)要特別注意分割線和背景顏色的區(qū)分不能太過明顯，選擇比較淡的分割線和背景色來區(qū)分模塊即可，因?yàn)橐ＷC頁面模塊的整體性，如圖1-15所示。