優雅banner圖設計有什么技巧

優雅banner圖設計有什么技巧

大概很多設計師其實已經覺察到了 , 網頁設計做得好不好,除了網頁本身的布局、配色以外,很大程度上依賴的是配圖的運用技巧 。但是就算將千辛萬苦淘來的好圖往網頁上一攤就完事,恐怕也難取得巧妙地效果 。因此,如何設計首圖,又是網頁設計之中一個非常重要的問題 。那么優雅banner圖設計有什么技巧呢?
一、雙色冰淇淋漸變
首圖當作全屏出血大圖處理時,你可以將圖片調色成為雙色漸變,有點像我們吃的雙色冰淇淋球 , 選一組你認為能激發心理氛圍的配色,最好是對比色 , 帶來強烈的視覺落差 。由于要作為背景而存在,整體的色彩明度要區別于文字的顏色 。這里推薦的這一方式只需要利用PS中的“漸變映射”工具,就能輕松獲得 。

二、線條引流
【優雅banner圖設計有什么技巧】
這也不失為一種設計方式 。讓線條來引導實現去穿越你想要焦點停留的地方 。
三、動態情景
對于首圖的選擇,你可以焦距到動態場景 。這類動態場景由于本身模特的動態造型 , 會調動觀眾的運動神經,激發頁面的活力 。大家可以想象,如果將首圖的主角換成一個靜物,效果將是不同的 。這里將模特的方向加以改變后重新降低透明度的做法,帶來一定的虛實結合的感受 。
四、謹慎配色

我們希望大家在運用首圖時,盡量不要去觸屏普通的風景圖 。自然風光雖然好 , 但大片風景會表現出一團飽和的顏色堆疊,其實運用在網頁設計中略顯得沒有重點 。因為你要為最終配圖運用以后所出現的顏色負責 , 色彩盡量控制在三種顏色之內,這條道理相信設計師們都會贊同,因此 , 這里的配圖的色彩最好也能有所節制 。
五、虛擬現實
當然,我們這里談的不是虛擬現實,而是在首圖設計時,試著將靜物表現得更為“現實”,好像它們就在你的屏幕上,隨手可以取到 。但這個表達法,最緊要的是要為虛擬尋找出口,也就是說,不能完全寫實,要讓用戶看出虛擬的破綻,從而讓形象更為立體 。這類表達技巧在首圖中有手機,利用APP產品展示等最為常見 。

六、文字本身的美
每張首圖也許我們都希望能配上文字 , 其實文字本身也能成為一種風景,有時候適當運用一些具有圖像風格的文字,更能傳遞文字本身的能量 。
如果能將文字看作圖像,書法文字是最合適不過了 。書法本身的隨意瀟灑,和普通的印刷字體相比有著不可比擬的個性感 。這里,運用了書法作為主角,本身書法作為傳統國粹,在東方傳統的行業里運用非常應景 。當然,這里的書法本身還可以寫得更好 。
七、靜止的力量
對稱能帶來一種莊重靜止的力量 , 因此,在首圖設計中,你不妨采用對稱的布局方式來設計首圖 。但由于對稱本身略顯得靜止呆板 , 因此在設計上更需要多一些匠心,增加一些比較能突破規則小細節 。
對稱的布局最好采用倒三角的構圖,這樣視線會更靈活 , 從上往下會顯得更流暢,否則就會有一種滯澀不前的感受 。
八、左圖右文
首圖的設計除了全屏展示 , 還有一種方式是可以放左邊圖片右邊文字的方式 , 這樣的網頁設計技巧帶來的好處就是可以分割圖文,特別在圖片信息也同樣重要的時候,如果把圖文混合,雙方都不夠凸顯,不如左右各凸出主角,跟隨先左后右的視線也能傳遞本身的視覺效果 。

經驗總結擴展閱讀