做設(shè)計(jì),要學(xué)會(huì)“偷”!

資訊頻道 - 設(shè)計(jì)技 來源:人人都是產(chǎn)品經(jīng)理 作者:cdo 2020-03-12

對(duì)設(shè)計(jì)師來說,學(xué)會(huì)“偷”也是一項(xiàng)關(guān)鍵技能—— 一方面可以從大神作品中獲得創(chuàng)作靈感,一方面又可以在支撐自己的正確設(shè)計(jì)方向上做出新的探索。

設(shè)計(jì)師如何去偷?

當(dāng)然不是要你去抄襲復(fù)制別人的設(shè)計(jì),而是如何去借鑒學(xué)習(xí)。

可能很多設(shè)計(jì)師聽到這個(gè)觀點(diǎn)第一反應(yīng)是,讓我去抄,不行,我是設(shè)計(jì)師要做原創(chuàng),抄襲會(huì)有版權(quán)有風(fēng)險(xiǎn)、太low等等。

畢加索曾說過:好的藝術(shù)家復(fù)制,偉大的藝術(shù)家是偷。

今天我會(huì)分享一些我工作的經(jīng)驗(yàn)方法,這些方法能夠幫助我在設(shè)計(jì)沒有靈感的時(shí)候找到一些靈感。

一、不好的案例

蘋果iPhoneX的設(shè)計(jì),采用了全面屏設(shè)計(jì),頂部的齊劉海也一直被吐槽,但是蘋果有齊劉海真正原因在于其中包含的Face ID所需要的傳感器無法用其他更好方法代替,所以一個(gè)為了功能而妥協(xié)的設(shè)計(jì)。

iPhoneX的全面屏設(shè)計(jì)

下圖其他公司MWC2018上發(fā)布的多款安卓旗艦機(jī),包括國內(nèi)的很多手機(jī)公司,都跟上了這個(gè)“潮流”決定采用同樣的設(shè)計(jì),就連很多大型廠商也盲目跟風(fēng)。

如果確實(shí)是因?yàn)轫敳亢吞O果一樣有Face ID那么可以理解,但是并沒有,他們這樣設(shè)計(jì),純粹是為了追隨而追隨,但是為什么不可以做的美一點(diǎn),也沒有其他的可能性。

可能這些公司有很多商業(yè)上策略,我們不得而知,但是這種盲目的復(fù)制其實(shí)并不可取。

“跟潮流”的手機(jī)

這是蘋果的人臉識(shí)別表情,這里有很多一流的技術(shù)在里面:

下圖某公司發(fā)布會(huì)的新品效果,可以看出同樣也是復(fù)制蘋果的技術(shù)和思路,兩者并沒有本質(zhì)上差別,上面那些案例最多只能是復(fù)制!而不是偷,那么到底什么樣才是偷呢,我們應(yīng)該如何去偷呢?

這是某公司發(fā)布會(huì)的新品效果,可以看出同樣也是復(fù)制蘋果的技術(shù)和思路,兩者并沒有本質(zhì)上差別,上面那些案例最多只能是復(fù)制!而不是偷,那么到底什么樣才是偷呢,我們應(yīng)該如何去偷呢?

二、好的案例

日本的設(shè)計(jì)師看見鳥類平滑的嘴巴,這能很好幫助它們?cè)诳罩酗w行時(shí)候減少空氣阻力時(shí)候飛的更快,日本設(shè)計(jì)師借鑒了這種功能和設(shè)計(jì),創(chuàng)造出了更快,更靜音的子彈頭高鐵動(dòng)車設(shè)計(jì)

而下面是國外知名服裝設(shè)計(jì)師作品,可以看出這些服裝大師的作品,并沒有和傳統(tǒng)服裝設(shè)計(jì)師一樣,去抄一抄大牌版式,在基礎(chǔ)上做點(diǎn)小變化。

他們的作品非常地跨界,會(huì)去從大自然中,尋找靈感,會(huì)從各種傳統(tǒng)刺繡上,包括天空的云朵、海底的水母、會(huì)從名畫中去創(chuàng)造尋找靈感,這才是畢加索所說的偷。

一組蛋糕作品,從大自然建筑中去吸取靈感,去賦予蛋糕不同的美:

木樁的手提袋設(shè)計(jì),設(shè)計(jì)師將某種仿生對(duì)象的整體或局部經(jīng)過加工和整理應(yīng)用到產(chǎn)品外觀上,讓人產(chǎn)生某種相關(guān)聯(lián)想的一種設(shè)計(jì)手法。從而帶給人們返璞歸真,回歸自然的情感需求。

來自設(shè)計(jì)師Dae-hoo Kim的創(chuàng)意,這款火山加濕器是2013年IDEA設(shè)計(jì)獎(jiǎng)的獲獎(jiǎng)作品。主要的特點(diǎn)是,類似火山一樣的造型,加水是從頂部直接往里倒,工作的時(shí)候,水蒸氣也是從同一個(gè)口往外噴,配上淡淡的燈光特效 (燈光特效也是當(dāng)今加濕器的標(biāo)配了),它看上去真的就是一座火山。

所以偷并不是說復(fù)制粘貼,抄襲,而是站在巨人肩膀上思考,去組合。不要盲目的模仿設(shè)計(jì),需要去了解背后成功的原因,然后思考我們?nèi)绾卧?a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計(jì)時(shí)候改進(jìn)它。

三、UI中怎么做?

前面我們說了,抄襲復(fù)制和偷的區(qū)別,貌似和UI設(shè)計(jì)無關(guān),其實(shí)UI中也是相通的,不知道大家做設(shè)計(jì)過程中是否都有過借鑒,各種風(fēng)格都混淆在一起,像下圖一樣——變形金剛動(dòng)畫片里突然出現(xiàn)一只機(jī)器貓,這種設(shè)計(jì)很不搭,有時(shí)候覺得這個(gè)界面中按鈕好看搬過來,有時(shí)候覺得那個(gè)界面中配色好看復(fù)制過來,導(dǎo)致我們的界面四不像,那么我們?cè)撛趺醋瞿兀?/p>

1. 只偷一個(gè)點(diǎn)

一個(gè)好的UI作品,有幾個(gè)共通的點(diǎn):概念想法、顏色風(fēng)格以及布局交互形式,所以我們?cè)谡乙恍┖玫膮⒖紩r(shí)候,盡量只參考這個(gè)設(shè)計(jì)的一個(gè)點(diǎn)為做靈感。

太多點(diǎn)會(huì)有抄襲嫌棄,因?yàn)橹唤梃b一個(gè)點(diǎn),所以還有很多地方我們需要自己去創(chuàng)造,所以有我們自己的思考在里面。

2. 偷概念

(1)Paul Flavius Nechita的設(shè)計(jì)作品,他概念創(chuàng)意特別好,是一張銀行卡的設(shè)計(jì),同時(shí)卡片上信息能很好的把用戶信息給輸入進(jìn)去。

Paul Flavius Nechita的設(shè)計(jì)作品

Artem Borodynya這個(gè)設(shè)計(jì)師在設(shè)計(jì)一個(gè)銀行卡填寫的創(chuàng)意,他學(xué)習(xí)了Paul Flavius Nechita的設(shè)計(jì)作品,提取了卡片和輸入的創(chuàng)新,重新結(jié)合他們的業(yè)務(wù)特征進(jìn)行了新的設(shè)計(jì),這就是一個(gè)很成功的通過借鑒他人靈感創(chuàng)意到自己項(xiàng)目中去的好案例。

Artem Borodynya的設(shè)計(jì)作品

(2)同樣這是原作的一個(gè)設(shè)計(jì),非?犰诺囊粋(gè)儀表盤設(shè)計(jì),創(chuàng)意理念質(zhì)感特別的棒,通過很好的復(fù)雜車載信息用可視化元素很好的表達(dá)出來。如下所示:

MarioŠimić493在原作基礎(chǔ)上,按照原作設(shè)計(jì)理念重新進(jìn)行了布局,信息處理,新的作品同樣也非常優(yōu)秀,兩者之間理念很相同,但都是好的作品。如下所示:

(3)ElenaCrnković 的一個(gè)智能設(shè)計(jì),非常非常的酷炫,在鏡子上能很好的知道當(dāng)天天氣和個(gè)人信息,創(chuàng)意非常棒。如下所示:

另外設(shè)計(jì)師在這個(gè)鏡子的靈感下,創(chuàng)造了在健身房的場(chǎng)景,用戶能很好通過健身房鏡子知道自己當(dāng)前的身體狀態(tài):

(4)Slava Kornilov 一個(gè)網(wǎng)頁作品設(shè)計(jì),其優(yōu)雅的字體以及圓形的運(yùn)用,創(chuàng)意結(jié)合非常好:

其他設(shè)計(jì)師基于這個(gè)圓形創(chuàng)意的再創(chuàng)造,能很好看出,都是偷師了原作圓形,大字體雜志感這種設(shè)計(jì),但是同時(shí)又有自己鮮明的特色。如下所示:

3. 偷顏色質(zhì)感

顏色和風(fēng)格是設(shè)計(jì)中非常重要的元素,因?yàn)楫?dāng)我們眼睛到到界面時(shí)候,最容易被吸引的就是顏色和質(zhì)感。

(1)印尼一個(gè)非常優(yōu)秀的設(shè)計(jì)師作品,風(fēng)格特征很明顯,配色和質(zhì)感非常獨(dú)特:

設(shè)計(jì)師Ghani Pradita在原作基礎(chǔ)上學(xué)習(xí)了配色和質(zhì)感,重新運(yùn)用到項(xiàng)目中去,并運(yùn)用這個(gè)風(fēng)格去創(chuàng)造插畫,同時(shí)修改配色 :

(2)eePublic一組人物圖形的風(fēng)格,人物都沒有設(shè)計(jì)五官,顏色對(duì)比鮮明,同時(shí)線條有自己特色。

Andrii Bezvershenko 同樣學(xué)習(xí)原作的色彩搭配以及人物無五官的設(shè)計(jì)風(fēng)格,延續(xù)的特別好 。

(3)Herić 的一個(gè)網(wǎng)頁設(shè)計(jì),采用了蔬菜本身的質(zhì)感很配色,整個(gè)頁面非常的和諧,版式優(yōu)雅。

Michal Kulesza學(xué)習(xí)了原作這種設(shè)計(jì)理念,并且很好的把這種設(shè)計(jì)理念運(yùn)用到自己項(xiàng)目中去,超越了原作。

4. 偷布局

布局和交互是界面中可用性和功能性密切習(xí)慣,布局包括一些功能模塊的布局,內(nèi)容布局,以及交互的操作,如何去借鑒好的案例和布局,幫助我們?cè)陧?xiàng)目中去做的更好。

(1)

設(shè)計(jì)設(shè)計(jì)了這個(gè)吸引人的食譜小組件

▲andy在此基礎(chǔ)上融入了其他細(xì)節(jié)的元素,同時(shí)界面圖片處理更加合理

(2)

▲Paul Flavius Nechita設(shè)計(jì)了個(gè)人頁面的版式,幾個(gè)大的數(shù)字字體烘托這個(gè)頁面的版式

▲Andrei Velicu 在保留的大的框架布局上,進(jìn)行了圖片區(qū)域的優(yōu)化,很好偷到的原作的精髓

(3)

▲Soundcloud是一個(gè)很好的音樂軟件,特別是在音樂播放時(shí)候的動(dòng)效,效果非常的流暢,交互體驗(yàn)也很棒

▲Anthony Tipay 學(xué)習(xí)了這種形式的布局和交互,重新結(jié)合他們本身產(chǎn)品特點(diǎn),以及新的布局形態(tài)形成了全新設(shè)計(jì)風(fēng)格

三、總結(jié)

大家還記得文章開頭我引用的那句話么,畢加索曾說過:好藝術(shù)家復(fù)制,偉大的藝術(shù)家偷。我想在此基礎(chǔ)上進(jìn)行一些調(diào)整:壞藝術(shù)家復(fù)制,偉大的藝術(shù)家偷。

當(dāng)我們看到一些優(yōu)秀設(shè)計(jì)時(shí)候,受到啟發(fā)時(shí),應(yīng)該勇敢去偷,不要害怕被貼上模仿的標(biāo)簽,任何好的創(chuàng)新和設(shè)計(jì)一定是站在巨人肩膀上思考的,但是需要注意的是,我們一定要注意比重,如果我們將太多元素作為參考,那就是抄襲了,一定需要好好的把握好我前面所說的規(guī)則。


#專欄作家#

Sky,微信公眾號(hào):我們的設(shè)計(jì)日記(ID:helloskys),設(shè)計(jì)交流可加微信:hellosky234,人人都是產(chǎn)品經(jīng)理專欄作家。支付寶體驗(yàn)設(shè)計(jì)專家,阿里巴巴天貓設(shè)計(jì)專家;10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn),對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無相關(guān)推薦