關於瓷片區,你需要了解這些設計要點
整理了一些關於瓷片區的知識,可能還不是很完善,歡迎在下方留言交流
一、什麼是瓷片區?
瓷片區是指以圖+文為主要視覺呈現方式的運營位,視覺外觀看上去就像一塊塊瓷片貼在版面上,故名“瓷片區”。
例如淘寶APP中淘寶頭條下方的運營位,美團外賣APP的優惠專區,有錢花APP的信用生活以及信用查詢就是瓷片區。
二、瓷片區常見型別都有哪些?
瓷片區屬於運營內容區,適用於平臺、電商、金融、泛娛樂化產品,屬於流量導流入口,不適用於工具化產品;目前常見型別有實物圖片類、插圖類和淘寶類。
1、實物圖片類
· 優點:高識別、代入感強、可複用,設計效率較高。
· 缺點:對圖片素材要求較高。
· 使用場景:對實物圖有較大需求的產品型別,例如外賣類、電商類、旅行類產品。
2、插圖類
· 優點:可以高度概括瓷片區的運營含義,精美的插圖有助於提升產品的細節品質和 趣味。
· 缺點:一對一,難以複用,比較耗時。
· 使用場景:虛擬產品、金融產品,對風格有明顯要求。
3、淘寶類(千人千面)
· 優點:高頻輸送內容,與瀏覽資料時時對應,千人千面。
· 缺點:其他產品難以複製,具有技術壁壘。
· 使用場景:電商類、大資料、私人訂製類。
三、瓷片區設計要點
瓷片區的組成有圖片或插圖、文字、背景和點綴,下面我們來一一分析它的設計要點。
1、圖片或插圖
全景配圖:
即配圖覆蓋整個瓷片區域,適用於外賣類、旅遊類產品。
配圖要求:
圖片素材要求高質量,色調明亮,飽和度高;畫面主體佔面積1/2,背景簡潔,呼吸感強。
區域性配圖:
即配圖佔據部分瓷片區域,適用於大多數產品;
配圖要求:
圖片素材和插圖要求高質量;摳圖乾淨,圖片素材色調明亮,飽和度高;插圖繪製注意提煉關鍵文案資訊;統一圖片或插圖的高度和視覺面積;外賣類、電商類的配圖可將不同的圖片素材進行組合,避免單一素材的單調感。
2、文字
非標籤類文字:
主副文案通過大小、粗細和顏色進行區分,不同業務板塊可採用不同顏色,但顏色不要超過4種;主文案字號建議在30~34px,副文案字號建議在24~26px;圖文排版方式有對角線分佈、上下分佈和左右分佈。
標籤類文字:
常用於旅遊類、外賣類產品,標籤分為主副文案兩個板塊,標籤分為彩色標籤和黑色透明標籤,結合業務屬性和想突出的文案,分別對應不同的標籤;文案一般位於瓷片區域的左上角和左邊垂直居中的位置。
小建議:在設計瓷片區的時候可根據實際情況運用多種排版方式,會顯得更有設計感,但不要超過2種,太多排版方式會讓頁面顯得凌亂。
3、背景
白色背景:
純色背景:背景色儘可能跟圖片或插圖的主色調鄰近
淺灰色背景:
漸變色背景:
淺色系漸變:選定一種顏色,向白色過渡
同色系漸變:同種顏色,飽和度發生變化
不同色系漸變:色相+飽和度變化
4、點綴
好的視覺點綴可以使視覺效果更飽滿,甚至能凸顯品質感;例如外賣類的瓷片區可以適當加入橄欖葉、餐桌布、木板等與食物有聯絡的點綴,插圖類的瓷片區可以加入波浪線、圓形等幾何圖形作為點綴。
四、小結
以上就是今天所要分享的全部內容了,文章內容共分為三部分:第一部分是介紹什麼是瓷片區;第二部分是介紹瓷片區的分類,對應的優缺點及使用場景;第三部分是瓷片區的設計要點,從配圖、文字、背景和點綴四個方面入手。
最後提個醒,本文提及的一些設計要點並不是絕對的,需根據實際場景靈活運用哦~