當(dāng)下的市場(chǎng)是非常浮躁的，面對(duì)來(lái)自競(jìng)品等各方各面的壓力，很多時(shí)候產(chǎn)品會(huì)說(shuō)出：“照著這個(gè)界面給我抄的話。”作為產(chǎn)品設(shè)計(jì)，似乎要沉沒(méi)在各種“復(fù)制”之中。這對(duì)個(gè)人的發(fā)展畢竟是不好的。回想自己做項(xiàng)目的經(jīng)歷，其實(shí)也經(jīng)常伴隨著抄襲、借鑒，當(dāng)然也有自己的創(chuàng)新，所以想簡(jiǎn)單聊一聊三者的關(guān)系，給新入行的同學(xué)一些參考。
抄襲是無(wú)腦的抄襲
抄襲這個(gè)詞匯本身就是充斥著貶義，從小時(shí)候抄作業(yè)，到現(xiàn)在很多人抄文章、抄設(shè)計(jì)，抄襲意指沒(méi)有經(jīng)過(guò)思考就直接挪用別人的實(shí)現(xiàn)方式，機(jī)械地將他人之物強(qiáng)行加入到自身，這是很危險(xiǎn)的。
首先值得說(shuō)明的是，一些基礎(chǔ)的結(jié)構(gòu)設(shè)計(jì)、模式設(shè)計(jì)、布局設(shè)計(jì)等都是有規(guī)則可循的，遵守規(guī)則不應(yīng)該被稱之為抄襲，相信大家也能達(dá)成共識(shí)。比如當(dāng)你要設(shè)計(jì)一個(gè)產(chǎn)品的導(dǎo)航結(jié)構(gòu)，你會(huì)發(fā)現(xiàn)有 Tab 型、側(cè)邊漢堡型、頂部 Segment bar型等等，那么究竟選擇哪一種結(jié)構(gòu)，應(yīng)當(dāng)根據(jù)你所制作的產(chǎn)品整體特性來(lái)考量，而這些可選的結(jié)構(gòu)，我們可以稱之為行業(yè)規(guī)范或平臺(tái)規(guī)范。
抄襲則是，并不仔細(xì)篩選哪些內(nèi)容適合你的平臺(tái)，僅僅看到競(jìng)品或者同類(lèi)產(chǎn)品在使用、或者負(fù)責(zé)人主觀臆斷這種形式合理，就生搬硬套。如此會(huì)有這樣幾個(gè)風(fēng)險(xiǎn)：
1.被挪用的結(jié)構(gòu)或設(shè)計(jì)方式并不適用于本產(chǎn)品業(yè)務(wù)邏輯。
每個(gè)產(chǎn)品的業(yè)務(wù)邏輯是不一樣的，他們有不同的結(jié)構(gòu)深度、功能重點(diǎn)和視覺(jué)交互系統(tǒng)：在電商產(chǎn)品的展示中使用類(lèi)似圖片社區(qū)的設(shè)計(jì)方法往往是行不通的，而在協(xié)作軟件里采用 To-do-list 的呈現(xiàn)形式也未必可取。即便是競(jìng)品，相信也是希望通過(guò)自己的某個(gè)特質(zhì)去擊敗別人，自然也不太可能具備完全類(lèi)似的業(yè)務(wù)邏輯，也就不能直接抄襲了。
2.除非全盤(pán)照抄，否則從各個(gè)產(chǎn)品中搬運(yùn)一些設(shè)計(jì)，會(huì)導(dǎo)致產(chǎn)品難以形成整體，無(wú)法使用戶具備統(tǒng)一的交互、視覺(jué)認(rèn)知。
產(chǎn)品設(shè)計(jì)很講求整體感，希望各個(gè)部分都是有機(jī)結(jié)合在一起，而非機(jī)械的拼湊。有的設(shè)計(jì)之間是會(huì)互相沖突的，比如一屏中同時(shí)存在兩種滑動(dòng)手勢(shì)操作，就會(huì)很容易引起誤操作;有的時(shí)候進(jìn)入產(chǎn)品的一個(gè)頁(yè)面，發(fā)現(xiàn)它與其他部分完全格格不入，比如微博的 iPad 客戶端中還會(huì)調(diào)用一個(gè)彈窗瀏覽器直接顯示網(wǎng)頁(yè)，讓我抓狂不已。
3.設(shè)計(jì)人員無(wú)法深入思考，限制了自身的發(fā)展。
這條很簡(jiǎn)單，脫離了思考，就不會(huì)明白設(shè)計(jì)的來(lái)龍去脈，回頭反饋總結(jié)時(shí)也無(wú)從做起，極大地限制了設(shè)計(jì)者的個(gè)人發(fā)展。
借鑒是取其精華，去其糟粕
經(jīng)常有人將抄襲說(shuō)成借鑒，也許它們本來(lái)就不是那么容易界定的，借鑒本身就是參考、學(xué)習(xí)已有的做法，并納為己用。
就我最近設(shè)計(jì) iPad 客戶端一事說(shuō)，光是產(chǎn)品的導(dǎo)航結(jié)構(gòu)、主體布局就將近花了三天時(shí)間才確定，中間改了三次樣式。而在這個(gè)過(guò)程中，我下載并使用了大量的 iPad 產(chǎn)品，去查看它們中同類(lèi)型功能是如何實(shí)現(xiàn)的(比如很有意思的 iPad 分欄)，將它們結(jié)合自己的產(chǎn)品設(shè)計(jì)成樣例進(jìn)行對(duì)比，最后選擇一個(gè)最合適的。
(上圖是同一個(gè)界面的三種呈現(xiàn)形式，最后定稿了最右側(cè)的方案)
借鑒的過(guò)程最好關(guān)注于模式、結(jié)構(gòu)、布局等比較上層的設(shè)計(jì)內(nèi)容，而不要去借鑒下層的色彩、比例、文案等，在借鑒的過(guò)程中也經(jīng)常能發(fā)現(xiàn)其他產(chǎn)品的不足之處，這時(shí)如果能加入自己的改進(jìn)，就非常不錯(cuò)了。
創(chuàng)新亦然是雙刃劍
前輩經(jīng)常教導(dǎo)新手，在每個(gè)更好的選擇之前，盡可能選擇已有的設(shè)計(jì)模式。以前我經(jīng)常想一些創(chuàng)(zhong)新(er)的設(shè)計(jì)呈現(xiàn)形式，自以為很酷很新穎，但給朋友試用之后他們都會(huì)覺(jué)得——「這是個(gè)什么玩意兒」。
創(chuàng)新往往有兩個(gè)入口，一種是新手無(wú)拘無(wú)束，天馬行空;一種則是老手深思熟慮、目的明確。不可否認(rèn)，很多時(shí)候也需要前者來(lái)打破思維定勢(shì)，創(chuàng)造新的選擇，但更多時(shí)候，創(chuàng)新并不是一件容易的事，它需要大量的實(shí)踐與經(jīng)驗(yàn)積累，才能做出真正創(chuàng)新的設(shè)計(jì)。
創(chuàng)新也經(jīng)常伴隨著風(fēng)險(xiǎn)甚至帶來(lái)失敗：太過(guò)新穎的設(shè)計(jì)呈現(xiàn)首先會(huì)讓用戶覺(jué)得陌生，新奇之后就是高昂的學(xué)習(xí)成本;其次創(chuàng)新的設(shè)計(jì)往往需要經(jīng)過(guò)時(shí)間和用戶的檢驗(yàn)，在提出之始，只通過(guò)經(jīng)驗(yàn)和用戶研究來(lái)判斷，并不一定準(zhǔn)確;最后創(chuàng)新也可能帶來(lái)更高的實(shí)現(xiàn)成本，比如需要開(kāi)發(fā)新的程式，不能使用現(xiàn)有的代碼框架等等。
但不管怎么說(shuō)，創(chuàng)新不會(huì)是壞事。我也會(huì)經(jīng)常將自己突發(fā)奇想的一些設(shè)計(jì)方法記錄下來(lái)，有的時(shí)候會(huì)作為設(shè)計(jì)練習(xí)寫(xiě)成文章分享出去和大家思維碰撞，學(xué)習(xí)的是一種過(guò)程。
說(shuō)了這么多，我簡(jiǎn)單講講我自己目前做設(shè)計(jì)時(shí)是怎么樣的過(guò)程吧。
首先，確定業(yè)務(wù)邏輯和需求之后，我會(huì)先盡可能地脫離已有產(chǎn)品的呈現(xiàn)形式，天馬行空地按照自己的想法，在紙上手繪大量草圖，羅列幾種可能的設(shè)計(jì)模式。
其次，大量使用、體驗(yàn)其他產(chǎn)品，看看別人是怎么做的，一方面借鑒、尋找靈感，另一方面也和第一步自己羅列的內(nèi)容進(jìn)行對(duì)比。在這個(gè)過(guò)程中一定要強(qiáng)化自身產(chǎn)品的特性，不要被其他產(chǎn)品的呈現(xiàn)形式所干擾、打亂。
最后，嘗試將自己臆想的內(nèi)容進(jìn)行修正，參考規(guī)范和已有產(chǎn)品的實(shí)現(xiàn)方法，把最后的呈現(xiàn)形式做出來(lái)。如果時(shí)間允許，我會(huì)出兩版到三版的設(shè)計(jì)樣稿，給朋友或者用戶進(jìn)行對(duì)比，再根據(jù)意見(jiàn)修改，確定最終樣式。
