對(duì)設(shè)計(jì)師來(lái)說(shuō)，學(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等等。

畢加索曾說(shuō)過(guò)：好的藝術(shù)家復(fù)制，偉大的藝術(shù)家是偷。

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

一、不好的案例

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

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

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

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

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

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

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

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

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

二、好的案例

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

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

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

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

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

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

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

三、UI中怎么做？

‍‍前面我們說(shuō)了，抄襲復(fù)制和偷的區(qū)別，貌似和UI設(shè)計(jì)無(wú)關(guān)，其實(shí)UI中也是相通的，不知道大家做設(shè)計(jì)過(guò)程中是否都有過(guò)借鑒，各種風(fēng)格都混淆在一起，像下圖一樣——變形金剛動(dòng)畫片里突然出現(xiàn)一只機(jī)器貓，這種設(shè)計(jì)很不搭，有時(shí)候覺得這個(gè)界面中按鈕好看搬過(guò)來(lái)，有時(shí)候覺得那個(gè)界面中配色好看復(fù)制過(guò)來(lái)，導(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è)很成功的通過(guò)借鑒他人靈感創(chuàng)意到自己項(xiàng)目中去的好案例。

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

（2）同樣這是原作的一個(gè)設(shè)計(jì)，非常酷炫的一個(gè)儀表盤設(shè)計(jì)，創(chuàng)意理念質(zhì)感特別的棒，通過(guò)很好的復(fù)雜車載信息用可視化元素很好的表達(dá)出來(lái)。如下所示：

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)景，用戶能很好通過(guò)健身房鏡子知道自己當(dāng)前的身體狀態(tài)：

（4）Slava Kornilov 一個(gè)網(wǎng)頁(yè)作品設(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)格，人物都沒(méi)有設(shè)計(jì)五官，顏色對(duì)比鮮明，同時(shí)線條有自己特色。

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

（3）Herić 的一個(gè)網(wǎng)頁(yè)設(shè)計(jì)，采用了蔬菜本身的質(zhì)感很配色，整個(gè)頁(yè)面非常的和諧，版式優(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è)人頁(yè)面的版式，幾個(gè)大的數(shù)字字體烘托這個(gè)頁(yè)面的版式

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

（3）

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

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

三、總結(jié)

‍‍大家還記得文章開頭我引用的那句話么，畢加索曾說(shuō)過(guò)：好藝術(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ì)一定是站在巨人肩膀上思考的，但是需要注意的是，我們一定要注意比重，如果我們將太多元素作為參考，那就是抄襲了，一定需要好好的把握好我前面所說(shuō)的規(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)營(yíng)規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。