562
那些年我們頁麵上用過的“花兒”
TA的每日心情
鬱悶2017-2-10 09:38
簽到天數: 5 天
[LV.2]偶爾看看I
店鋪dudan10威望2 發消息文章導讀：不得不說，在很多類目的頁麵裏，不管是日常頁麵還是促銷頁麵，都頻頻使用過各色各異的“花兒”元素，用得好，可以讓頁麵撲麵迎來生機感，也可以因“花兒”的風格，營造可複古/可清新/可童趣/可潮流感滿滿的氛圍。正文：那麼“花兒”風格那麼多，我們怎麼跟自己所做的產品結合在一起呢？下麵我們就來分解說明一下這方麵的運用與玩法吧。首先我們將這次的內容進行分層：①什麼樣的頁麵會用到花兒元素；②花兒元素作為點綴裝飾的作用；③花兒元素的表現形式；④花兒元素怎麼使用？⑤花兒元素的使用注意事項。一、什麼樣的頁麵會用到花兒元素事實上，也許可以用排除法來列舉不需要用到花兒元素的頁麵，因為會使用到花兒元素的頁麵實在太多了，女裝/男裝/美膚化妝品/家裝家居/首飾配件/內衣/鞋靴等等，很多設計師的硬盤裏估計也收藏了不少有花作為或主體或裝飾的頁麵，我們可以看下幾張案例：
可以看到，花兒作為頁麵元素之一，大多為女性產品所用，但哪怕是男裝這類頁麵也會使用到，搭配顏色與花兒的風格，便可呈現別具一格的頁麵效果。二、花兒元素作為點綴裝飾的作用除了花作為商品會具有主體展示的機會，更多時候是作為裝飾點綴，那麼當花兒元素所謂裝飾點綴的作用有哪些呢？(一)、節日、促銷氣氛點綴增加活動氛圍，營造刺激下單欲望；(二)、季節氛圍渲染通過不同節氣增加這個節氣的相關花元素，讓消費者仿佛置身其中；(三)、與主體產品產生關聯引導尤其是化妝品或保健品，材料成分來自植物精華，使用相關材料的花元素，容易讓消費者產生關聯引導，對產品的概念也會加深。(四)、作為點綴元素使畫麵具有飽滿感，豐富頁麵並且通過素材的處理實現頁麵上的虛實/大小/遠近關係展現。(五)、配合文案，傳達文案氛圍同樣的，我們同個幾張案例來解釋不通的作用所展示出來的特性：
三、花兒元素的表現形式因為花的形式很多，我們在選擇這方麵的素材時，往往更要慎重，如果素材方向選擇不當，會導致頁麵呈現出怪異的感覺，了解花兒元素的表現形式，能有助於我們在尋找素材時更有方向性地與產品進行組合，營造更好的美感。一般來說，通過素材提取法，我們把花兒素材可以進行細化劃分：(一)、實體花瓣，多為原材料、大背景
(二)、手繪風格又可以細分為a.版畫風b.水彩風格c.矢量圖形d.國畫韻味；
手繪往往能在素材原創性上麵做得更易有自己的風格。(三)、產品、模特本身提取
不管是模特頭頂上的花環，還是衣服上的花圖案，都可以作為不錯的元素延展進行頁麵的元素補充，從而使頁麵飽滿豐富。(四)、不同材質：剪紙、刺繡、立體形狀、後期處理
花的形態通過不同的材質來表現，會讓畫麵更有不一樣的風格。四、花兒元素怎麼運用好？根據花兒元素應用的場景不同，可以歸納的使用手法也會做出區分：第一種情況，當花兒元素作為主體；第二種情況：花兒作為裝飾。那麼，當花兒元素作為主體時，一般有幾種情況呢？a.字體設計b.主題所需c.產品本身
花元素與字體結合，經過處理能很好傳達出層疊感，與當下時尚感。而主題所需則是因活動本身要求所設計，還有因產品本身就是花，那麼頁麵的主體都會圍繞產品去做。那麼我們著重要說的還是花兒作為裝飾的時候，應該怎麼去設計好版式。
(一)、包圍式通過將素材進行背景搭配的包圍樣式，將頁麵填充飽滿，且更易營造整體氛圍，這種方式要注意的是將素材處理到符合畫麵的鬆弛有度，避免太滿的素材引起畫麵雜亂且搶去產品的主體地位。(二)、穿插式通過元素與產品/模特的前後穿插能營造頁麵的層疊感，並有效點綴留白區域。(三)、底部鋪開或頂部鋪開式這類方式可應用與產品平鋪的狀態，能夠讓產品周圍的元素飽滿但又不致使頁麵太豐富，能夠有更多的區域和空間去做主題表達。(四)、虛實點綴式這類展現方式所應用的花素材會比較少，往往隻是做一些點綴，讓畫麵不那麼死板，多一些靈動，並通過虛實結合，讓畫麵有空間感。五、花兒元素的使用注意事項？雖然花兒素材很好用，但是經常會出現簡單的內容被實踐之後，往往出現更不該出現的錯誤，那麼花兒元素要使用的時候，應該注意什麼呢？(一)、風格統一因為前麵我們也提到，花兒素材的表現形式很多，所以在同個頁麵使用時，應該要注意素材的風格統一。(二)、與產品風格、調性統一產品自有本身的產品調性，我們在使用素材時要考慮到素材是否匹配到產品的風格，是否符合消費人群的口味，避免出現高端消費人群但是配上十分卡通的花瓣素材這種情況。(三)、花兒素材的比例因花兒素材很容易豐富頁麵，但也很容易搶眼，占了產品的主體視覺，所以在使用時要注意比例大小的問題。總結：好的素材不僅讓你的頁麵錦上添花，也能讓你的產品表現因此而更出色，如何針對花兒素材去給頁麵加分，需要更多的嚐試，通過思考1.什麼樣的頁麵會用到花兒元素2.花兒元素作為點綴裝飾的作用3.花兒元素的表現形式4.花兒元素怎麼使用？5.花兒元素的使用注意事項最後更新：2017-08-28 12:02:44