為什么參照優(yōu)秀作品設(shè)計(jì)出來的沒有原圖好看?
發(fā)布時(shí)間:2021-12-27 08:56 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2347

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

參考優(yōu)秀的作品來做設(shè)計(jì)是一個(gè)相對(duì)高效、簡(jiǎn)易的辦法,但經(jīng)驗(yàn)不足的設(shè)計(jì)師在這個(gè)過程中常常會(huì)出現(xiàn)兩個(gè)問題:一是與參考作品過分相似,把借鑒變成了抄襲;二是做出的設(shè)計(jì)與參考的效果差距很大,沒達(dá)到找參考的目的。

為什么很多人按著參考設(shè)計(jì)出來的效果卻總比參考差很多?

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

其實(shí)還有一個(gè)很主要的原因可能是你沒找到參考的精髓,忽略了參考中一些比較重要的特點(diǎn)和細(xì)節(jié),該借鑒的地方?jīng)]借鑒,該學(xué)習(xí)的地方?jīng)]學(xué)習(xí)。

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

既然要以它作為參考對(duì)象,當(dāng)然要分析它有哪些特點(diǎn),我們可以很容易的總結(jié)出幾點(diǎn)來:

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

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

因?yàn)槲覀兒茈y找到一個(gè)完全符合自己內(nèi)容的參考,別人的方案都是根據(jù)他們自己的內(nèi)容來設(shè)計(jì)的,我們又不能完全照搬,而是得根據(jù)自己的實(shí)際情況來做調(diào)整,而問題就出在這個(gè)調(diào)整的過程中。

下面我們來看看,我的設(shè)計(jì)方案相比參考作品漏掉了哪些重要的細(xì)節(jié),以及有哪些地方?jīng)]處理好。通過對(duì)比和認(rèn)真觀察,我發(fā)現(xiàn):

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

參考中的標(biāo)題字體比較有個(gè)性和設(shè)計(jì)感,而我的方案中使用了一個(gè)普通的字庫字體;

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

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

搞清楚問題所在以后,我們?cè)賮韺?duì)癥下藥。

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

重新設(shè)計(jì)了一下標(biāo)題字體,在筆畫上加大了粗細(xì)對(duì)比,使其更有個(gè)性、更時(shí)尚;

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

重新設(shè)計(jì)了數(shù)字「5」,使其筆畫更有張力,字形更優(yōu)美;

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

排版時(shí)把標(biāo)題文字適當(dāng)縮小,拉開了其與主體的大小對(duì)比,主次更分明。

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

重新調(diào)整了小文字的排版方式,視覺上更靈活、更有設(shè)計(jì)感,再配上并沒有沿用參考中對(duì)比度很強(qiáng)的紅藍(lán)搭配,而是用了偏向夏天,比較清爽的橘紅搭配青色和黃色。

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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

為什么按參考圖設(shè)計(jì)出來的效果,總比原圖差很多?

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


結(jié)語


在借鑒別人的作品時(shí),既要看到它顯現(xiàn)的特點(diǎn),比如元素、構(gòu)圖、形式、字體、色彩、排版等,也要觀察它的隱現(xiàn)特點(diǎn),比如層級(jí)關(guān)系、對(duì)比關(guān)系、畫面的協(xié)調(diào)性、各元素的細(xì)節(jié)處理等等;既要學(xué)到它的精髓,也要懂得做一些適當(dāng)?shù)娜∩岷透淖儭?/p>

當(dāng)然,既然是借鑒,就避免不了會(huì)有原作中的影子,其中的「度」要把握好,以免侵權(quán),在設(shè)計(jì)一些重要的案例時(shí)尤其要注意,不過改動(dòng)越大,難度也會(huì)越大,這也需要一個(gè)長(zhǎng)時(shí)間的學(xué)習(xí)過程,希望本篇文章能對(duì)你有所幫助。

平面海報(bào)設(shè)計(jì)快速實(shí)戰(zhàn)教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC