建站的時候怎么判斷產(chǎn)品設計的抄襲/借鑒與創(chuàng)新?
當下的市場是非常浮躁的,面對來自競品等各方各面的壓力,很多時候產(chǎn)品會說出:“照著這個界面給我抄的話。”作為產(chǎn)品設計,似乎要沉沒在各種“復制”之中。這對個人的發(fā)展畢竟是不好的?;叵胱约鹤鲰椖康慕?jīng)歷,其實也經(jīng)常伴隨著抄襲、借鑒,當然也有自己的創(chuàng)新,所以想簡單聊一聊三者的關系,給新入行的同學一些參考。

抄襲是無腦的抄襲
抄襲這個詞匯本身就是充斥著貶義,從小時候抄作業(yè),到現(xiàn)在很多人抄文章、抄設計,抄襲意指沒有經(jīng)過思考就直接挪用別人的實現(xiàn)方式,機械地將他人之物強行加入到自身,這是很危險的。
首先值得說明的是,一些基礎的結構設計、模式設計、布局設計等都是有規(guī)則可循的,遵守規(guī)則不應該被稱之為抄襲,相信大家也能達成共識。比如當你要設計一個產(chǎn)品的導航結構,你會發(fā)現(xiàn)有 Tab 型、側邊漢堡型、頂部 Segment bar型等等,那么究竟選擇哪一種結構,應當根據(jù)你所制作的產(chǎn)品整體特性來考量,而這些可選的結構,我們可以稱之為行業(yè)規(guī)范或平臺規(guī)范。
抄襲則是,并不仔細篩選哪些內(nèi)容適合你的平臺,僅僅看到競品或者同類產(chǎn)品在使用、或者負責人主觀臆斷這種形式合理,就生搬硬套。如此會有這樣幾個風險:
1.被挪用的結構或設計方式并不適用于本產(chǎn)品業(yè)務邏輯。
每個產(chǎn)品的業(yè)務邏輯是不一樣的,他們有不同的結構深度、功能重點和視覺交互系統(tǒng):在電商產(chǎn)品的展示中使用類似圖片社區(qū)的設計方法往往是行不通的,而在協(xié)作軟件里采用 To-do-list 的呈現(xiàn)形式也未必可取。即便是競品,相信也是希望通過自己的某個特質去擊敗別人,自然也不太可能具備完全類似的業(yè)務邏輯,也就不能直接抄襲了。
2.除非全盤照抄,否則從各個產(chǎn)品中搬運一些設計,會導致產(chǎn)品難以形成整體,無法使用戶具備統(tǒng)一的交互、視覺認知。
產(chǎn)品設計很講求整體感,希望各個部分都是有機結合在一起,而非機械的拼湊。有的設計之間是會互相沖突的,比如一屏中同時存在兩種滑動手勢操作,就會很容易引起誤操作;有的時候進入產(chǎn)品的一個頁面,發(fā)現(xiàn)它與其他部分完全格格不入,比如微博的 iPad 客戶端中還會調(diào)用一個彈窗瀏覽器直接顯示網(wǎng)頁,讓我抓狂不已。
3.設計人員無法深入思考,限制了自身的發(fā)展。
這條很簡單,脫離了思考,就不會明白設計的來龍去脈,回頭反饋總結時也無從做起,極大地限制了設計者的個人發(fā)展。
借鑒是取其精華,去其糟粕
經(jīng)常有人將抄襲說成借鑒,也許它們本來就不是那么容易界定的,借鑒本身就是參考、學習已有的做法,并納為己用。
就我最近設計 iPad 客戶端一事說,光是產(chǎn)品的導航結構、主體布局就將近花了三天時間才確定,中間改了三次樣式。而在這個過程中,我下載并使用了大量的 iPad 產(chǎn)品,去查看它們中同類型功能是如何實現(xiàn)的(比如很有意思的 iPad 分欄),將它們結合自己的產(chǎn)品設計成樣例進行對比,最后選擇一個最合適的。

(上圖是同一個界面的三種呈現(xiàn)形式,最后定稿了最右側的方案)
借鑒的過程最好關注于模式、結構、布局等比較上層的設計內(nèi)容,而不要去借鑒下層的色彩、比例、文案等,在借鑒的過程中也經(jīng)常能發(fā)現(xiàn)其他產(chǎn)品的不足之處,這時如果能加入自己的改進,就非常不錯了。
創(chuàng)新亦然是雙刃劍
前輩經(jīng)常教導新手,在每個更好的選擇之前,盡可能選擇已有的設計模式。以前我經(jīng)常想一些創(chuàng)(zhong)新(er)的設計呈現(xiàn)形式,自以為很酷很新穎,但給朋友試用之后他們都會覺得——「這是個什么玩意兒」。
創(chuàng)新往往有兩個入口,一種是新手無拘無束,天馬行空;一種則是老手深思熟慮、目的明確。不可否認,很多時候也需要前者來打破思維定勢,創(chuàng)造新的選擇,但更多時候,創(chuàng)新并不是一件容易的事,它需要大量的實踐與經(jīng)驗積累,才能做出真正創(chuàng)新的設計。
創(chuàng)新也經(jīng)常伴隨著風險甚至帶來失?。禾^新穎的設計呈現(xiàn)首先會讓用戶覺得陌生,新奇之后就是高昂的學習成本;其次創(chuàng)新的設計往往需要經(jīng)過時間和用戶的檢驗,在提出之始,只通過經(jīng)驗和用戶研究來判斷,并不一定準確;最后創(chuàng)新也可能帶來更高的實現(xiàn)成本,比如需要開發(fā)新的程式,不能使用現(xiàn)有的代碼框架等等。
但不管怎么說,創(chuàng)新不會是壞事。我也會經(jīng)常將自己突發(fā)奇想的一些設計方法記錄下來,有的時候會作為設計練習寫成文章分享出去和大家思維碰撞,學習的是一種過程。
說了這么多,我簡單講講我自己目前做設計時是怎么樣的過程吧。
首先,確定業(yè)務邏輯和需求之后,我會先盡可能地脫離已有產(chǎn)品的呈現(xiàn)形式,天馬行空地按照自己的想法,在紙上手繪大量草圖,羅列幾種可能的設計模式。
其次,大量使用、體驗其他產(chǎn)品,看看別人是怎么做的,一方面借鑒、尋找靈感,另一方面也和第一步自己羅列的內(nèi)容進行對比。在這個過程中一定要強化自身產(chǎn)品的特性,不要被其他產(chǎn)品的呈現(xiàn)形式所干擾、打亂。
最后,嘗試將自己臆想的內(nèi)容進行修正,參考規(guī)范和已有產(chǎn)品的實現(xiàn)方法,把最后的呈現(xiàn)形式做出來。如果時間允許,我會出兩版到三版的設計樣稿,給朋友或者用戶進行對比,再根據(jù)意見修改,確定最終樣式。
相關文章
醫(yī)療行業(yè)怎么做好網(wǎng)站建設?建站注意事項及經(jīng)驗
踏足互聯(lián)網(wǎng),醫(yī)療行業(yè)可以將自身優(yōu)勢資源整合到網(wǎng)站中去,為大家提供病理知識、在線咨詢或者預約就診服務等。那么如何做好醫(yī)療行業(yè)的網(wǎng)站建設呢?本期為大家分享一些在建站2016-05-24- 不懂編程能建站嗎?對于這些非技術型站長來說,使用自助建站工具建設網(wǎng)站不失為一種好的途徑。作為建站模式的后起之秀,自助建站其歷史雖短,但因其建站的“快、準、省”而2016-05-16
- 如何搭一個網(wǎng)站,我估計很多人都有這個沖動想去搭建一個屬于自己的網(wǎng)絡空間,但是苦于不知道從何下手,或者因為不知道水有多深,而望而卻步,其實搭建網(wǎng)站沒有你想的那么復2016-05-09
- 微企點是H5自助建站和網(wǎng)頁制作平臺,從個人到企業(yè)、機構都可以免費用微企點建站做網(wǎng)頁。目前建站模板、主機空間、流量、域名捆綁等均可以免費使用,那么微企點如何在一片紅2016-04-28
- 建站新手應如何選擇建站系統(tǒng)?相信對于新手來說并不是很清楚吧,市場上建站系統(tǒng)大多都是魚目亂珠,各位新手朋友們在選擇建站系統(tǒng)時要擦亮眼睛啦!下面就為大家介紹建站三個重2016-04-14
- 谷歌官方在Google AdSense十周年講座上發(fā)布了移動建站十大原則,由于是PPT形式,所以小生把它整理成文字版的移動網(wǎng)站建站原則,希望對大家有所幫助和啟發(fā)2016-03-31
- 使用模板前需要注意什么?很多朋友都不是很清楚,所以下面小編就為大家分享模板建站不可不防的三大陷阱,希望能對大家有所幫助2016-03-20
- 如何使用免費版建站并綁定自己的頂級域名?今天小編就為大家介紹如何不花一分錢用免費版建站綁定自己的域名方法,對于站長來說是個非常不錯的文章,一起來看看吧2016-03-17
網(wǎng)站的用戶體驗有哪些呢? 建站從多方面做起進步用戶體會的技巧
網(wǎng)站的用戶體驗有哪些呢?在建站初期我們要去了解用戶體驗好的網(wǎng)站是怎么做的,用戶體驗又有哪些呢?今天我們從七個方面來介紹做好網(wǎng)站用戶體會的技巧,需要的朋友可以參考2016-03-16- 好多人都說,個人站長已死,許多都開始慢慢轉型了。有的開始找合作伙伴,組建團隊,有的轉型做了自媒體,有的干脆直接去上班了……但是,個人站長真的就沒有前途了嗎?個人2016-03-14

