當(dāng)下的市場(chǎng)是非常浮躁的，面對(duì)來自競(jìng)品等各方各面的壓力，很多時(shí)候產(chǎn)品會(huì)說出：“照著這個(gè)界面給我抄的話。”作為產(chǎn)品設(shè)計(jì)，似乎要沉沒在各種“復(fù)制”之中。這對(duì)個(gè)人的發(fā)展畢竟是不好的?；叵胱约鹤鲰?xiàng)目的經(jīng)歷，其實(shí)也經(jīng)常伴隨著抄襲、借鑒，當(dāng)然也有自己的創(chuàng)新，所以想簡(jiǎn)單聊一聊三者的關(guān)系，給新入行的同學(xué)一些參考。

　　抄襲是無腦的抄襲

　　抄襲這個(gè)詞匯本身就是充斥著貶義，從小時(shí)候抄作業(yè)，到現(xiàn)在很多人抄文章、抄設(shè)計(jì)，抄襲意指沒有經(jīng)過思考就直接挪用別人的實(shí)現(xiàn)方式，機(jī)械地將他人之物強(qiáng)行加入到自身，這是很危險(xiǎn)的。

　　首先值得說明的是，一些基礎(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)品整體特性來考量，而這些可選的結(jié)構(gòu)，我們可以稱之為行業(yè)規(guī)范或平臺(tái)規(guī)范。

　　抄襲則是，并不仔細(xì)篩選哪些內(nèi)容適合你的平臺(tái)，僅僅看到競(jìng)品或者同類產(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)和視覺交互系統(tǒng)：在電商產(chǎn)品的展示中使用類似圖片社區(qū)的設(shè)計(jì)方法往往是行不通的，而在協(xié)作軟件里采用 To-do-list 的呈現(xiàn)形式也未必可取。即便是競(jìng)品，相信也是希望通過自己的某個(gè)特質(zhì)去擊敗別人，自然也不太可能具備完全類似的業(yè)務(wù)邏輯，也就不能直接抄襲了。

　　2.除非全盤照抄，否則從各個(gè)產(chǎn)品中搬運(yùn)一些設(shè)計(jì)，會(huì)導(dǎo)致產(chǎn)品難以形成整體，無法使用戶具備統(tǒng)一的交互、視覺認(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ì)人員無法深入思考，限制了自身的發(fā)展。

　　這條很簡(jiǎn)單，脫離了思考，就不會(huì)明白設(shè)計(jì)的來龍去脈，回頭反饋總結(jié)時(shí)也無從做起，極大地限制了設(shè)計(jì)者的個(gè)人發(fā)展。

　　借鑒是取其精華，去其糟粕

　　經(jīng)常有人將抄襲說成借鑒，也許它們本來就不是那么容易界定的，借鑒本身就是參考、學(xué)習(xí)已有的做法，并納為己用。

　　就我最近設(shè)計(jì) iPad 客戶端一事說，光是產(chǎn)品的導(dǎo)航結(jié)構(gòu)、主體布局就將近花了三天時(shí)間才確定，中間改了三次樣式。而在這個(gè)過程中，我下載并使用了大量的 iPad 產(chǎn)品，去查看它們中同類型功能是如何實(shí)現(xiàn)的(比如很有意思的 iPad 分欄)，將它們結(jié)合自己的產(chǎn)品設(shè)計(jì)成樣例進(jìn)行對(duì)比，最后選擇一個(gè)最合適的。

　　(上圖是同一個(gè)界面的三種呈現(xiàn)形式，最后定稿了最右側(cè)的方案)

　　借鑒的過程最好關(guān)注于模式、結(jié)構(gòu)、布局等比較上層的設(shè)計(jì)內(nèi)容，而不要去借鑒下層的色彩、比例、文案等，在借鑒的過程中也經(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ì)覺得——「這是個(gè)什么玩意兒」。

　　創(chuàng)新往往有兩個(gè)入口，一種是新手無拘無束，天馬行空;一種則是老手深思熟慮、目的明確。不可否認(rèn)，很多時(shí)候也需要前者來打破思維定勢(shì)，創(chuàng)造新的選擇，但更多時(shí)候，創(chuàng)新并不是一件容易的事，它需要大量的實(shí)踐與經(jīng)驗(yàn)積累，才能做出真正創(chuàng)新的設(shè)計(jì)。

　　創(chuàng)新也經(jīng)常伴隨著風(fēng)險(xiǎn)甚至帶來失敗：太過新穎的設(shè)計(jì)呈現(xiàn)首先會(huì)讓用戶覺得陌生，新奇之后就是高昂的學(xué)習(xí)成本;其次創(chuàng)新的設(shè)計(jì)往往需要經(jīng)過時(shí)間和用戶的檢驗(yàn)，在提出之始，只通過經(jīng)驗(yàn)和用戶研究來判斷，并不一定準(zhǔn)確;最后創(chuàng)新也可能帶來更高的實(shí)現(xiàn)成本，比如需要開發(fā)新的程式，不能使用現(xiàn)有的代碼框架等等。

　　但不管怎么說，創(chuàng)新不會(huì)是壞事。我也會(huì)經(jīng)常將自己突發(fā)奇想的一些設(shè)計(jì)方法記錄下來，有的時(shí)候會(huì)作為設(shè)計(jì)練習(xí)寫成文章分享出去和大家思維碰撞，學(xué)習(xí)的是一種過程。

　　說了這么多，我簡(jiǎn)單講講我自己目前做設(shè)計(jì)時(shí)是怎么樣的過程吧。

　　首先，確定業(yè)務(wù)邏輯和需求之后，我會(huì)先盡可能地脫離已有產(chǎn)品的呈現(xiàn)形式，天馬行空地按照自己的想法，在紙上手繪大量草圖，羅列幾種可能的設(shè)計(jì)模式。

　　其次，大量使用、體驗(yàn)其他產(chǎn)品，看看別人是怎么做的，一方面借鑒、尋找靈感，另一方面也和第一步自己羅列的內(nèi)容進(jìn)行對(duì)比。在這個(gè)過程中一定要強(qiáng)化自身產(chǎn)品的特性，不要被其他產(chǎn)品的呈現(xiàn)形式所干擾、打亂。

　　最后，嘗試將自己臆想的內(nèi)容進(jìn)行修正，參考規(guī)范和已有產(chǎn)品的實(shí)現(xiàn)方法，把最后的呈現(xiàn)形式做出來。如果時(shí)間允許，我會(huì)出兩版到三版的設(shè)計(jì)樣稿，給朋友或者用戶進(jìn)行對(duì)比，再根據(jù)意見修改，確定最終樣式。

最新評(píng)論