什么叫金剛區(qū)

金剛區(qū)也叫瓷片區(qū)，一般位于首圖banner之下，屬于頁(yè)面的核心功能區(qū)域，也是首頁(yè)的視覺中心，承載著產(chǎn)品的業(yè)務(wù)功能，多以宮格的形式排列展現(xiàn)的圖標(biāo)，一般為5~10個(gè)。

關(guān)于金剛區(qū)叫法的來(lái)源，網(wǎng)上眾說(shuō)紛紜，主要有這兩種說(shuō)法：

• 據(jù)美團(tuán)設(shè)計(jì)師講述，早期美團(tuán)APP首頁(yè)只有8個(gè)圖標(biāo)，就叫八大金剛，后來(lái)屏幕越來(lái)越大，圖標(biāo)也多了，就省略成“金剛區(qū)”；
• 這個(gè)區(qū)域的內(nèi)容會(huì)隨著經(jīng)營(yíng)業(yè)務(wù)的調(diào)整而變化，這種可變化組合的靈活性就像變形金剛一樣，所以被稱為“金剛區(qū)”；

金剛區(qū)的作用

• 聚合重要的業(yè)務(wù)模塊，起到導(dǎo)流作用。從用戶閱讀屏幕內(nèi)容的視覺流來(lái)看，金剛區(qū)的位置非常重要，是各個(gè)子模塊的入口，引導(dǎo)內(nèi)容分發(fā)流程。
• 聚合重要功能，方便用戶使用和查找。金剛區(qū)圖標(biāo)設(shè)計(jì)具有細(xì)化和高度概括內(nèi)容的特點(diǎn)，識(shí)別度大于文本。因此，金剛區(qū)的設(shè)計(jì)通?；趫D標(biāo)+說(shuō)明性文字，用戶可讀性強(qiáng)。
• 彰顯企業(yè)品牌設(shè)計(jì)。APP中的圖標(biāo)設(shè)計(jì)也是整個(gè)品牌設(shè)計(jì)語(yǔ)言的重要組成部分。圖標(biāo)設(shè)計(jì)的樣式、色彩搭配、表現(xiàn)層次、設(shè)計(jì)細(xì)節(jié)都會(huì)影響到整個(gè)品牌設(shè)計(jì)語(yǔ)言的走向，因此非常值得設(shè)計(jì)師下功夫。

金剛區(qū)的幾種布局方式

金剛區(qū)通常有兩種布局方式：不區(qū)分設(shè)計(jì)，區(qū)分設(shè)計(jì)

不區(qū)分設(shè)計(jì)

• 優(yōu)點(diǎn)：功能個(gè)數(shù)不受限，延展性高；展示區(qū)域大，設(shè)計(jì)細(xì)節(jié)發(fā)揮空間大。
• 缺點(diǎn)：信息層級(jí)區(qū)別弱，差異性??；超出兩行采用左滑手勢(shì)屬于低頻操作，并沒(méi)有給其它功能預(yù)期的流量加持。

區(qū)分設(shè)計(jì)

• 優(yōu)點(diǎn)：核心與個(gè)性化（或者推薦）優(yōu)先級(jí)明顯，便于用戶過(guò)濾其它功能；算法提升，個(gè)性化區(qū)域容易命中用戶畫像。
• 缺點(diǎn)：功能個(gè)數(shù)有限；依賴于平臺(tái)技術(shù)。

衍生設(shè)計(jì)

實(shí)際運(yùn)用中，往往是在以上兩種基礎(chǔ)的布局上面，進(jìn)行衍生。

區(qū)分式布局：在核心功能與推薦功能之間設(shè)置靈活的運(yùn)營(yíng)位，更利于塑造首頁(yè)的活動(dòng)氛圍。

不區(qū)分式布局：營(yíng)銷位由原先的卡片式優(yōu)化為版頭通欄或全屏大圖，強(qiáng)調(diào)活動(dòng)氛圍。

金剛位響應(yīng)活動(dòng)氛圍：坑位根據(jù)活動(dòng)基調(diào)進(jìn)行調(diào)整，周期短，設(shè)計(jì)創(chuàng)意、活動(dòng)氛圍整體提升，但更改樣式，也會(huì)使圖標(biāo)辨識(shí)度降低，增加了用戶的學(xué)習(xí)成本。