文章導讀：

不得不說，在很多類目的頁面里，不管是日常頁面還是促銷頁面，都頻頻使用過各色各異的“花兒”元素，用得好，可以讓頁面撲面迎來生機感，也可以因“花兒”的風格，營造可復古/可清新/可童趣/可潮流感滿滿的氛圍。

正文：

那么“花兒”風格那么多，我們怎么跟自己所做的產品結合在一起呢？下面我們就來分解說明一下這方面的運用與玩法吧。

    首先我們將這次的內容進行分層：

①什么樣的頁面會用到花兒元素；

②花兒元素作為點綴裝飾的作用；

③花兒元素的表現形式；

④花兒元素怎么使用？

⑤花兒元素的使用注意事項。

一、什么樣的頁面會用到花兒元素

事實上，也許可以用排除法來列舉不需要用到花兒元素的頁面，因為會使用到花兒元素的頁面實在太多了，女裝/男裝/美膚化妝品/家裝家居/首飾配件/內衣/鞋靴等等，很多設計師的硬盤里估計也收藏了不少有花作為或主體或裝飾的頁面，我們可以看下幾張案例：

可以看到，花兒作為頁面元素之一，大多為女性產品所用，但哪怕是男裝這類頁面也會使用到，搭配顏色與花兒的風格，便可呈現別具一格的頁面效果。

二、花兒元素作為點綴裝飾的作用

除了花作為商品會具有主體展示的機會，更多時候是作為裝飾點綴，那么當花兒元素所謂裝飾點綴的作用有哪些呢？

(一)、節日、促銷氣氛點綴

增加活動氛圍，營造刺激下單欲望；

(二)、季節氛圍渲染

通過不同節氣增加這個節氣的相關花元素，讓消費者仿佛置身其中；

(三)、與主體產品產生關聯引導

尤其是化妝品或保健品，材料成分來自植物精華，使用相關材料的花元素，容易讓消費者產生關聯引導，對產品的概念也會加深。

(四)、作為點綴元素使畫面具有飽滿感，豐富頁面

并且通過素材的處理實現頁面上的虛實/大小/遠近關系展現。

(五)、配合文案，傳達文案氛圍

同樣的，我們同個幾張案例來解釋不通的作用所展示出來的特性：

三、花兒元素的表現形式

因為花的形式很多，我們在選擇這方面的素材時，往往更要慎重，如果素材方向選擇不當，會導致頁面呈現出怪異的感覺，了解花兒元素的表現形式，能有助于我們在尋找素材時更有方向性地與產品進行組合，營造更好的美感。

一般來說，通過素材提取法，我們把花兒素材可以進行細化劃分：

(一)、實體花瓣，多為原材料、大背景

(二)、手繪風格

又可以細分為a.版畫風 b.水彩風格 c.矢量圖形 d.國畫韻味；

手繪往往能在素材原創性上面做得更易有自己的風格。

(三)、產品、模特本身提取

不管是模特頭頂上的花環，還是衣服上的花圖案，都可以作為不錯的元素延展進行頁面的元素補充，從而使頁面飽滿豐富。

(四)、不同材質：剪紙、刺繡、立體形狀、后期處理

花的形態通過不同的材質來表現，會讓畫面更有不一樣的風格。

四、花兒元素怎么運用好？

根據花兒元素應用的場景不同，可以歸納的使用手法也會做出區分：第一種情況，當花兒元素作為主體；第二種情況：花兒作為裝飾。

那么，當花兒元素作為主體時，一般有幾種情況呢？a.字體設計 b.主題所需 c.產品本身

    花元素與字體結合，經過處理能很好傳達出層疊感，與當下時尚感。

    而主題所需則是因活動本身要求所設計，還有因產品本身就是花，那么頁面的主體都會圍繞產品去做。那么我們著重要說的還是花兒作為裝飾的時候，應該怎么去設計好版式。

(一)、包圍式

通過將素材進行背景搭配的包圍樣式，將頁面填充飽滿，且更易營造整體氛圍，這種方式要注意的是將素材處理到符合畫面的松弛有度，避免太滿的素材引起畫面雜亂且搶去產品的主體地位。

(二)、穿插式

通過元素與產品/模特的前后穿插能營造頁面的層疊感，并有效點綴留白區域。

(三)、底部鋪開或頂部鋪開式

這類方式可應用與產品平鋪的狀態，能夠讓產品周圍的元素飽滿但又不致使頁面太豐富，能夠有更多的區域和空間去做主題表達。

(四)、虛實點綴式

這類展現方式所應用的花素材會比較少，往往只是做一些點綴，讓畫面不那么死板，多一些靈動，并通過虛實結合，讓畫面有空間感。

五、花兒元素的使用注意事項？

    雖然花兒素材很好用，但是經常會出現簡單的內容被實踐之后，往往出現更不該出現的錯誤，那么花兒元素要使用的時候，應該注意什么呢？

(一)、風格統一

因為前面我們也提到，花兒素材的表現形式很多，所以在同個頁面使用時，應該要注意素材的風格統一。

(二)、與產品風格、調性統一

產品自有本身的產品調性，我們在使用素材時要考慮到素材是否匹配到產品的風格，是否符合消費人群的口味，避免出現高端消費人群但是配上十分卡通的花瓣素材這種情況。

(三)、花兒素材的比例

因花兒素材很容易豐富頁面，但也很容易搶眼，占了產品的主體視覺，所以在使用時要注意比例大小的問題。

總結：

    好的素材不僅讓你的頁面錦上添花，也能讓你的產品表現因此而更出色，如何針對花兒素材去給頁面加分，需要更多的嘗試，通過思考

1.什么樣的頁面會用到花兒元素

2.花兒元素作為點綴裝飾的作用

3.花兒元素的表現形式

4.花兒元素怎么使用？

5.花兒元素的使用注意事項

希望各位能從中獲益設計出更好的頁面。