高級(jí)UI設(shè)計(jì)師如何做好首頁(yè)設(shè)計(jì)

#深圳UI設(shè)計(jì)培訓(xùn)#深圳UI設(shè)計(jì)#UI設(shè)計(jì)培訓(xùn)#交互設(shè)計(jì)#深圳UI培訓(xùn)#優(yōu)途UI教育#交互設(shè)計(jì)培訓(xùn)

一款好的APP產(chǎn)品，其首頁(yè)設(shè)計(jì)不僅能清晰展示產(chǎn)品核心功能、特點(diǎn)，能夠快速幫助用戶找到想要的信息,有著較好的用戶體驗(yàn)，在APP設(shè)計(jì)時(shí)至關(guān)重要，作為最重要的模塊，它的產(chǎn)品設(shè)計(jì)和運(yùn)營(yíng)，會(huì)對(duì)公司業(yè)務(wù)產(chǎn)生關(guān)鍵影響。首頁(yè)改版，舉足輕重，是設(shè)計(jì)師的一大難題。

首頁(yè)的作用是什么？

1、承擔(dān)了產(chǎn)品最核心的功能，決定了產(chǎn)品的屬性和基調(diào)；

2、體現(xiàn)產(chǎn)品的功能布局，以方便用戶快速進(jìn)入對(duì)應(yīng)的需求模塊；

3、展示公司的品牌形象，強(qiáng)化在用戶心中的品牌認(rèn)知度。

APP首頁(yè)常見的類型有以下幾種

1.列表型

列表型首頁(yè)是指首頁(yè)展示同一級(jí)別的模塊,模塊由標(biāo)題文字、圖片組合而成,圖片可以是相片也可以是圖標(biāo),這種布局方式由于統(tǒng)一的信息樣式，至上而下的瀏覽方式，可以快速過(guò)濾信息，提高效率。

最上面的永遠(yuǎn)是新的消息框，符合用戶潛在認(rèn)知。例如微信就是采用這種布局方式

列表型布局

2.宮格(圖標(biāo))型

當(dāng)首頁(yè)包含多個(gè)主要功能時(shí),并且這些功能權(quán)重不分上下,還有可能會(huì)繼續(xù)添加其他業(yè)務(wù),這種對(duì)擴(kuò)展型要求比較強(qiáng)的項(xiàng)目可以采用圖標(biāo)型布局,例如支付寶

圖標(biāo)型布局

3.卡片型

在遇到既有操作按鈕、頭像和信息比較復(fù)雜的情況下,可以選用卡片型首頁(yè)展示,這樣可以讓信息緊密結(jié)合在一起,讓用戶一目了然,還能有效的加強(qiáng)點(diǎn)擊性

4.feed流的形式布局

產(chǎn)品的內(nèi)容形態(tài)比較相似，可以讓用戶在首頁(yè)無(wú)限加載內(nèi)容，一般使用瀑布流，feed流的形式布局。給到用戶內(nèi)容豐富的體驗(yàn)，提高用戶粘性和活躍度。

feed流布局

5.綜合型

綜合性的首頁(yè)設(shè)計(jì)要特別注意分割線和顏色的區(qū)別不能太明顯,選擇較淡的分割線和背景來(lái)區(qū)分即可,綜合性首頁(yè)通常有搜索區(qū)、banner區(qū)、金剛區(qū)、瓷片區(qū)、推薦區(qū)等,電商類型用得比較多

綜合型布局

每一種類型的特點(diǎn)還不一樣,我們需要根據(jù)自己app業(yè)務(wù)特點(diǎn)選擇適合自己的首頁(yè)布局方法.