都說做設計找對了參考就等于成功了一半,但成功一半可不是我們的目的,把另一半也做好才是。

參考優秀的作品來做設計是一個相對高效、簡易的辦法,但經驗不足的設計師在這個過程中常常會出現兩個問題:一是與參考作品過分相似,把借鑒變成了抄襲;二是做出的設計與參考的效果差距很大,沒達到找參考的目的。

為什么很多人按著參考設計出來的效果卻總比參考差很多?

原因可能是多方面的,比如參考中的文字都是英文,換成中文就不好看了;比如參考中的圖片質量很高,而客戶提供的圖片素材質量太低;比如參考作品難度太大,很難達到它的水平等等。

其實還有一個很主要的原因可能是你沒找到參考的精髓,忽略了參考中一些比較重要的特點和細節,該借鑒的地方沒借鑒,該學習的地方沒學習。

舉個例子:需求為設計一張夏季大促的服裝banner,要求年輕時尚、有視覺沖擊力。于是我找了下圖來作為參考,該參考基本能滿足以上設計需求。

為什么按參考圖設計出來的效果,總比原圖差很多?

既然要以它作為參考對象,當然要分析它有哪些特點,我們可以很容易的總結出幾點來:

  • 以人物為視覺主體,并用一個大大的英文字母「W」與其結合;
  • 人物周圍增加了一些輔助元素(黑色插畫風格的植物)進行裝飾;
  • 使用圖疊文的形式,把主體疊加在標題上;
  • 背景中加入了用小圓點排列的底紋;
  • 畫面周圍用直線進行點綴;
  • 以紅、藍、白為主的色彩搭配。

似乎就是以上這幾點決定了該畫面的基調,于是我照著參考的感覺換上自己的元素,一張banner圖很快就做完了。

為什么按參考圖設計出來的效果,總比原圖差很多?

經過對比,大家應該都能看出,雖然兩張圖有很多相似之處,但上圖的效果明顯比原參考要差很多,這種情況想必很多人都不陌生吧,為什么會這樣呢?

因為我們很難找到一個完全符合自己內容的參考,別人的方案都是根據他們自己的內容來設計的,我們又不能完全照搬,而是得根據自己的實際情況來做調整,而問題就出在這個調整的過程中。

下面我們來看看,我的設計方案相比參考作品漏掉了哪些重要的細節,以及有哪些地方沒處理好。通過對比和認真觀察,我發現:

參考中模特的衣服顏色很鮮艷、對比很強,視覺上比較年輕、比較時尚,而我的方案中模特的服裝是灰色的,所以視覺沖擊力會弱一些;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中的標題字體比較有個性和設計感,而我的方案中使用了一個普通的字庫字體;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中疊加在模特身上的字母「W」很有張力,輪廓比較優美,而在我的方案中,改成的數字「5」既不美觀、也沒張力,與人物組合在一起不好看;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中模特周圍搭配了一些植物元素,雖然有點亂,但起到了豐富和裝飾的效果,而且由于是黑白色,所以并不會對主體產生太大干擾,而在我的方案中,取而代之的浪花元素則非常亂,影響了畫面的整體效果;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中人物與字母「W」以及后面的植物元素有穿插關系,更有設計感,而在我的方案中只有疊加關系;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中主次關系很明顯,人物占比最大最為突出,其次是標題,再到其他文字,而在我的方案中,標題與人物的層級沒有拉開,所以視覺上有點混亂;

為什么按參考圖設計出來的效果,總比原圖差很多?

參考中小文字排版的比較靈活,沒有刻意追求對齊,而我的方案排版則太過規矩,細節處理很粗糙。

另外,參考的調性比較酷,且左右兩邊比較空,所以用了很多直線與圓點作為裝飾元素,我們可以根據自己的情況進行取舍和變化。

搞清楚問題所在以后,我們再來對癥下藥。

重新用一個服裝顏色比較亮麗的模特,不一定要跟著參考用兩個模特,其實一個人更適合與數字「5」結合。

為什么按參考圖設計出來的效果,總比原圖差很多?

重新設計了一下標題字體,在筆畫上加大了粗細對比,使其更有個性、更時尚;

為什么按參考圖設計出來的效果,總比原圖差很多?

重新設計了數字「5」,使其筆畫更有張力,字形更優美;

為什么按參考圖設計出來的效果,總比原圖差很多?

把浪花元素換成更好控制、更適合模特調性的植物元素,不過沒必要一定像參考中的植物元素這么復雜,由于我們的模特比較可愛,所以在設計調性上也可以清新一點,為了盡量減少視覺上的混亂,我還把植物下半部分用圓框裁剪了一下。

為什么按參考圖設計出來的效果,總比原圖差很多?

將人物與植物元素、數字「5」做了有序的穿插組合,更美觀也更有設計感。

為什么按參考圖設計出來的效果,總比原圖差很多?

排版時把標題文字適當縮小,拉開了其與主體的大小對比,主次更分明。

為什么按參考圖設計出來的效果,總比原圖差很多?

重新調整了小文字的設計形式,把「5折起」等文字設計成一個圓形的徽章圖案,而「實付滿299元」等文字則分為兩行用小色塊突出,以上兩組文字的設計既有呼應的地方,也有鮮明的對比。

為什么按參考圖設計出來的效果,總比原圖差很多?

重新調整了小文字的排版方式,視覺上更靈活、更有設計感,再配上并沒有沿用參考中對比度很強的紅藍搭配,而是用了偏向夏天,比較清爽的橘紅搭配青色和黃色。

為什么按參考圖設計出來的效果,總比原圖差很多?

舍棄了參考中圓點及直線裝飾元素,在畫面左右各增加了一點英文作文裝飾,視覺上更簡潔一些,且也有一些細節可看。

為什么按參考圖設計出來的效果,總比原圖差很多?

到這里這則banner就做完了,我們可以與參考對比一下:

為什么按參考圖設計出來的效果,總比原圖差很多?

有沒有參考優秀不好說,但整體效果還算可以,而且有一些自己的思考與改變,且優化了原參考中標題不遮擋太多、視覺有點亂、文字信息不突出等問題。

結語

在借鑒別人的作品時,既要看到它顯現的特點,比如元素、構圖、形式、字體、色彩、排版等,也要觀察它的隱現特點,比如層級關系、對比關系、畫面的協調性、各元素的細節處理等等;既要學到它的精髓,也要懂得做一些適當的取舍和改變。

當然,既然是借鑒,就避免不了會有原作中的影子,其中的「度」要把握好,以免侵權,在設計一些重要的案例時尤其要注意,不過改動越大,難度也會越大,這也需要一個長時間的學習過程,希望本篇文章能對你有所幫助。

歡迎關注作者的微信公眾號:「蔥爺」

為什么按參考圖設計出來的效果,總比原圖差很多?

點贊 143
收藏 129
繼續閱讀相關文章

發表評論 已發布 13

還可以輸入 800 個字
 
 
載入中....
13 收藏