国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

設(shè)計一款 App 的頁面布局和設(shè)計細(xì)節(jié)的時候最頭疼的可能就是金剛區(qū)的設(shè)計了，所以今天要和大家分享的內(nèi)容是關(guān)于金剛區(qū)設(shè)計樣式的匯總，以及它們的優(yōu)缺點。

目錄

1. 金剛區(qū)的定義
2. 金剛區(qū)的作用
3. 金剛區(qū)設(shè)計樣式匯總
4. 如何選擇金剛區(qū)的樣式
5. 總結(jié)

一、金剛區(qū)的定義

金剛區(qū)一般位于首圖 Banner 之下的，屬于頁面的核心功能區(qū)域，多以宮格的形式排列展現(xiàn)的圖標(biāo)，一般情況一屏5~10個。

二、金剛區(qū)的作用

金剛區(qū)主要負(fù)責(zé)著業(yè)務(wù)導(dǎo)流和功能選擇的作用。

三、金剛區(qū)設(shè)計樣式匯總

1. 面性圖標(biāo)

設(shè)計樣式：面性圖標(biāo)是我們最常見的圖標(biāo)之一，一般有外輪廓圖形和內(nèi)部的圖形（icon）組成；外輪廓一般選用圓形或者大圓角的圖形，色彩一般選用鄰近色或同類色，細(xì)節(jié)的處理一般選用具有質(zhì)感的微漸變。

優(yōu)點：外輪廓選用了圓形和大圓角的圖形，具有親和力，容易吸引人的目光；色彩飽滿具有質(zhì)感，視覺沖擊力強(qiáng)；內(nèi)部圖形（icon）與外輪廓組合方式多樣化，能更好的適應(yīng)業(yè)務(wù)變化。

缺點：對于類似的業(yè)務(wù)，圖形相似，視覺辨識度低；對于復(fù)雜的業(yè)務(wù)，圖形無法表達(dá)明確，需要使用文字代替圖形，容易造成設(shè)計風(fēng)格不統(tǒng)一。

2. 圖形圖標(biāo)

設(shè)計樣式：純圖形設(shè)計，不需要外輪廓的襯托。

優(yōu)點：設(shè)計細(xì)節(jié)豐富，富有創(chuàng)意，能營造小的場景插畫；設(shè)計樣式多樣化，扁平化、2.5D等設(shè)計樣式。

缺點：對文字信息的依賴性強(qiáng)；圖形色彩等細(xì)節(jié)容易設(shè)計過度，例如復(fù)雜的圖形和大彌散的投影。

3. 線性圖標(biāo)

設(shè)計樣式：主要利用圖形的結(jié)構(gòu)線進(jìn)行設(shè)計，色彩上基本上以單色為主。

優(yōu)點：設(shè)計上簡潔干凈，視覺上安靜沉穩(wěn)。

缺點：視覺沖擊力較弱；視覺層級不夠突出；色彩單調(diào)。

4. 線面結(jié)合

設(shè)計樣式：由線和面組成，通過面的輪廓線加強(qiáng)視覺沖擊力。

優(yōu)點：輪廓清晰，視覺沖擊力較強(qiáng)；設(shè)計細(xì)節(jié)豐富，富有創(chuàng)意。

缺點：視覺層級繁瑣，視覺效果不易把握；視覺效果復(fù)雜，不夠簡潔。

5. 商品展示

設(shè)計樣式：以當(dāng)季具有代表性的商品為圖例，單獨展示或配有背景輪廓。

優(yōu)點：主題明確，簡單粗暴；使用圖片，具有感染力。

缺點：缺乏設(shè)計感；商品圖展示，容易誤導(dǎo)用戶，讓用戶感覺只是單純的商品展示；極其依賴文字注釋；商品圖經(jīng)常變動，增加用戶對于金剛區(qū)模塊認(rèn)知的學(xué)習(xí)成本。

6. 節(jié)日&主題

設(shè)計樣式：以當(dāng)時節(jié)日主題設(shè)計為主，貼近自身的品牌屬性，多以面性圖標(biāo)為主。

優(yōu)點：設(shè)計風(fēng)格節(jié)日氣氛濃重；設(shè)計細(xì)節(jié)精致，富有創(chuàng)意；視覺沖擊力強(qiáng)；圖標(biāo)風(fēng)格貼近頁面主題，視覺上更統(tǒng)一。

缺點：品類的辨識度較低，比較依賴文字注釋；時效性強(qiáng)，只針對較短的時間段內(nèi)具有價值。

7. 混合搭配

設(shè)計樣式：圖標(biāo)&圖片混合搭配。

優(yōu)點：以運營為主，能夠突出最近主推的運營活動。

缺點：視覺不統(tǒng)一；頻繁更換運營主體，增加了用戶的學(xué)習(xí)成本。

8. 文案運營

設(shè)計樣式：以當(dāng)前運營活動的文案為主。

優(yōu)點：突出當(dāng)前的運營主題；運營活動性強(qiáng)，例如之前的貓狗文案大戰(zhàn)；設(shè)計風(fēng)格新穎，通常結(jié)合設(shè)計主題；設(shè)計細(xì)節(jié)豐富，可發(fā)揮的創(chuàng)意點多。

缺點：品類的辨識度極低，用戶需要仔細(xì)閱讀底部文字信息；時效性強(qiáng)，只限用于短期活動。

四、如何選擇金剛區(qū)的樣式

現(xiàn)在主流的金剛區(qū)的設(shè)計圖標(biāo)設(shè)計主要分為兩種：線性圖標(biāo)和面性圖標(biāo)。

對于金剛區(qū)的設(shè)計樣式選擇，我們可以根據(jù)產(chǎn)品的特性來進(jìn)行選擇，簡單點可以劃分為功能型和業(yè)務(wù)型。

功能型的產(chǎn)品用戶的自主性較強(qiáng)，圖標(biāo)較多，所以更加適用于線性圖標(biāo)，因為線性圖標(biāo)視覺上更加安靜沉穩(wěn)，使頁面更加統(tǒng)一整體，用戶可以根據(jù)自己的實際需求對功能進(jìn)行點擊操作。

業(yè)務(wù)型的產(chǎn)品更加適用于面性圖標(biāo)，因為面性圖標(biāo)視覺沖擊力很強(qiáng)，能夠快速引導(dǎo)用戶點擊，完成業(yè)務(wù)導(dǎo)流的作用。

我們以支付寶和淘寶為例：

支付寶的金剛區(qū)的功能較多，選用線性圖標(biāo)能使整個模塊更加統(tǒng)一，用戶可以根據(jù)自己的需求進(jìn)行點擊；而淘寶一個資源品類豐富的電商平臺，金剛區(qū)需要擔(dān)任倒流的作用，選用具有較強(qiáng)視覺沖擊面性圖標(biāo)能更好的引導(dǎo)用戶點擊選擇。

五、總結(jié)

1. 金剛區(qū)是頁面的核心功能區(qū)域，負(fù)責(zé)為各個業(yè)務(wù)導(dǎo)流，并起到運營的作用。
2. 金剛區(qū)的圖標(biāo)設(shè)計廣義上包括：線性圖標(biāo)和面性圖標(biāo)。
3. 金剛區(qū)的設(shè)計形式的不同，利弊也各有所不同，我們在選擇金剛區(qū)的設(shè)計形式的時候要根據(jù)實際自身的產(chǎn)品屬性進(jìn)行分析判斷，從而更好地服務(wù)產(chǎn)品。

本文由 @?姜正 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議