戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這五個(gè)層次出現(xiàn)在產(chǎn)品的不同流程中，但排列組合又組成了一個(gè)有機(jī)的互聯(lián)網(wǎng)產(chǎn)品。那么本文基于5個(gè)層面分析，“借鑒”競(jìng)品應(yīng)該如何去做？

最近關(guān)于藝術(shù)作品抄襲的話題屢見(jiàn)不鮮，前有王思聰微博置頂半年掛大張偉抄襲DJ.ZEDD，后有陳老師、6叔就Madness原創(chuàng)品牌撕逼，陳老師一句Sadness抄襲引爆Ins。作者本著藝術(shù)作品一通百通的觀點(diǎn)，從互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的角度切入，討論一下關(guān)于作品抄襲這個(gè)事情（并不是告訴你怎么抄，而是告訴你抄完了怎么不被發(fā)現(xiàn) :p ）。

Gai爺在有嘻哈第九期《凡人歌》唱道：

“一往無(wú)前虎山行，撥開(kāi)云霧見(jiàn)光明。夢(mèng)里花開(kāi)牡丹亭，幻想成真歌舞升平?！?/p>

細(xì)心+上點(diǎn)年紀(jì)聽(tīng)歌多的觀眾可能聽(tīng)出來(lái)這四句點(diǎn)睛之筆的意境很像《獻(xiàn)天緣》，而感受又像第一次聽(tīng)到“滄海一聲笑，滔滔兩岸潮”那般觸動(dòng)。這就是Gai高深的地方，他善于營(yíng)造中國(guó)風(fēng)的意境，而歌詞+Flow又契合整首歌的風(fēng)格，你說(shuō)他抄襲，百度一下又沒(méi)有任何相關(guān)歌詞。

從此就引出本篇文章的重點(diǎn)，關(guān)于藝術(shù)作品中的“借鑒”，創(chuàng)作者應(yīng)該做到：學(xué)神，不學(xué)形。神，乃神態(tài)、精神。形，是外形、是表象。

言歸正傳，我們平時(shí)看到一本小說(shuō)，會(huì)覺(jué)得故事梗概似曾相識(shí)，聽(tīng)到一首歌，覺(jué)得旋律之前貌似聽(tīng)過(guò)，看到一個(gè)電影，和國(guó)外某個(gè)電影劇情很雷同，這個(gè)時(shí)候就會(huì)出現(xiàn)很多不同的聲音對(duì)作品提出異議，尤其在眼下信息快速傳播的時(shí)代，一夜之間你就上了頭條，成為了眾矢之的。

那么如何定義產(chǎn)品設(shè)計(jì)中的抄襲呢？

設(shè)計(jì)師為了獲取靈感，會(huì)去收集很多資料，有的時(shí)候就會(huì)出現(xiàn)“雷同”現(xiàn)象，比如：在某張海報(bào)中換了幾個(gè)字體，然后拿來(lái)主義得作為自己的作品；比如：某APP產(chǎn)品的頁(yè)面元素、控件規(guī)則同業(yè)內(nèi)老大軟件一模一樣……

無(wú)論是靈感撞車也好，還是借鑒也罷，評(píng)說(shuō)的都不是自己，所以為了避免出現(xiàn)“雷同”的現(xiàn)象，我們?nèi)绾巍俺保拍堋俺钡那擅?，做到所謂的“學(xué)神，不學(xué)形”呢？

這就是我接下來(lái)要闡述的：

以60年代緣起于法國(guó)，雅克·德里達(dá)提出的“解構(gòu)主義”思想為根據(jù)：任何事物的解釋更愿意趨向于個(gè)體的、獨(dú)特的、和有所表達(dá)的、不從屬與以前的。

正是因?yàn)榻鈽?gòu)與分解的存在，市場(chǎng)本身已經(jīng)進(jìn)行了細(xì)分，互聯(lián)網(wǎng)產(chǎn)品所謂的細(xì)分，可以反映到《用戶體驗(yàn)要素》一書中所提，將產(chǎn)品分為5個(gè)層次：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

5個(gè)層次在產(chǎn)品的不同流程中，但排列組合又組成了一個(gè)有機(jī)的互聯(lián)網(wǎng)產(chǎn)品。基于5個(gè)層面的“借鑒”競(jìng)品應(yīng)該如何去做：

戰(zhàn)略層：通過(guò)嚴(yán)密的數(shù)據(jù)分析-以點(diǎn)代面

按照分析的目標(biāo)中羅列的點(diǎn)，建立一個(gè)分析框架，并按照輕重緩急進(jìn)行數(shù)據(jù)收集。與此同時(shí)，需要對(duì)數(shù)據(jù)是如何產(chǎn)生的，如何獲取這些數(shù)據(jù)進(jìn)行相應(yīng)的了解。

在工作中應(yīng)用到的數(shù)據(jù)統(tǒng)計(jì)工具有：金牌令箭、顯微鏡、CNZZ統(tǒng)計(jì)等，通過(guò)這些統(tǒng)計(jì)工具可以方便的進(jìn)行數(shù)據(jù)的收集，同時(shí)交互設(shè)計(jì)師也要與前端保持溝通，了解數(shù)據(jù)統(tǒng)計(jì)的方法，適時(shí)添加統(tǒng)計(jì)的維度，請(qǐng)前端同學(xué)幫忙埋統(tǒng)計(jì)代碼。

以上是人人都是產(chǎn)品經(jīng)理中一篇文章寫到的，關(guān)于設(shè)計(jì)師如何進(jìn)行數(shù)據(jù)分析。那么，如何通過(guò)競(jìng)品的數(shù)據(jù)分析從而得出結(jié)論應(yīng)用到自己產(chǎn)品設(shè)計(jì)中去？

首先，明確數(shù)據(jù)分析目的，為什么要收集并分析這樣一份數(shù)據(jù)？只有你的目的明確了之后，才能對(duì)接下來(lái)你要收集哪些數(shù)據(jù)、如何收集有一 個(gè)整體的把握。只要這些點(diǎn)是一個(gè)個(gè)切實(shí)待解決的問(wèn)題點(diǎn)，將其 羅列下來(lái)，一個(gè)一個(gè)的去收集數(shù)據(jù)。你分析的結(jié)果可能會(huì)改變整個(gè)項(xiàng)目，但有了數(shù)據(jù)的支撐，會(huì)讓項(xiàng)目或需求有一個(gè)全新的開(kāi)始或細(xì)節(jié)的調(diào)整。

其次，在數(shù)據(jù)的基礎(chǔ)上得出的結(jié)論與競(jìng)品比對(duì)，發(fā)現(xiàn)產(chǎn)品發(fā)展趨勢(shì)是否真正迎合當(dāng)前用戶市場(chǎng)？

要注意不要只用手上僅有的資訊作判斷，如果手上的證據(jù)不足以完全反應(yīng)實(shí)際狀況的時(shí)候，以數(shù)據(jù)分析結(jié)果作為決策就很容易出錯(cuò)，尤其是單看某一個(gè)數(shù)據(jù)維度時(shí)。所以此時(shí)要根據(jù)市場(chǎng)的實(shí)時(shí)變化、競(jìng)品改版的趨勢(shì)等方式，從另一個(gè)側(cè)面分析數(shù)據(jù)的合理性。

交互設(shè)計(jì)師要超前思考，考慮產(chǎn)品經(jīng)理可能從中提出的問(wèn)題，并給出回應(yīng)，讓溝通高效且有意義。

范圍層+結(jié)構(gòu)層：關(guān)于信息架構(gòu)、產(chǎn)品范圍

設(shè)計(jì)師在設(shè)計(jì)一款互聯(lián)網(wǎng)產(chǎn)品的時(shí)候，絕不是簡(jiǎn)單復(fù)制成功APP的架構(gòu)。在信息產(chǎn)品方面，結(jié)構(gòu)層是信息空間中內(nèi)容元素的分布，結(jié)構(gòu)層確定各個(gè)將要呈現(xiàn)給用戶的選項(xiàng)的模式和順序，結(jié)構(gòu)層將單頁(yè)面連接在一起，從而形成了系統(tǒng)。

拿APP舉例：框架層決定了你點(diǎn)擊頁(yè)面icon或按鈕后頁(yè)面跳轉(zhuǎn)到了哪一頁(yè)。通過(guò)增、刪、查、改、移動(dòng)、個(gè)性化定制，將復(fù)雜的結(jié)構(gòu)變的簡(jiǎn)單化，也是提高用戶體驗(yàn)的重要手段，例如QQ5.0的升級(jí)，通過(guò)漢堡導(dǎo)航及Tab標(biāo)簽將功能整合，使得應(yīng)用在感覺(jué)上苗條了很多。

那么如何在競(jìng)品復(fù)雜的信息架構(gòu)、事件流中提取有用的信息，成了此要點(diǎn)中最重要的核心訴求?！叭∑渚A、去其糟粕”的話誰(shuí)都會(huì)說(shuō)，應(yīng)該如何去做？首先，確定產(chǎn)品核心功能與次要功能。在產(chǎn)品的核心功能點(diǎn)上采取一定的交互創(chuàng)新，這是必不可少的一項(xiàng)。但是核心體驗(yàn)做好了只能是加分項(xiàng)，真正切中用戶痛點(diǎn)，幫助用戶解決眼前問(wèn)題，搭建屬于自己的信息架構(gòu)核心競(jìng)爭(zhēng)力才是重點(diǎn)。

什么？你問(wèn)我例子？那請(qǐng)大家跟我做一道找規(guī)律的題目：美圖秀秀-Photoshop，360瀏覽器-Chrome， x-x ？同行業(yè)同類型的產(chǎn)品尚有用戶細(xì)分程度如此之大的成功案例。以上列舉的產(chǎn)品無(wú)謂孰優(yōu)孰劣，只是核心用戶不同，解決方案不同，呈現(xiàn)的整體架構(gòu)也千差萬(wàn)別。所以搭建屬于自己產(chǎn)品的核心競(jìng)爭(zhēng)力才是關(guān)鍵。

框架層+表現(xiàn)層：頁(yè)面排布元素的重設(shè)計(jì)

頁(yè)面元素的設(shè)計(jì)點(diǎn)包括：構(gòu)圖、柵格系統(tǒng)、色彩等等。

（1）構(gòu)圖和視覺(jué)柵格系統(tǒng)

構(gòu)圖形式有占據(jù)中心、對(duì)角線布置、壓住四角、貼近邊緣（左邊緣、右邊緣、底邊緣、頂邊緣、左右邊緣、上下邊緣）、S型構(gòu)圖、點(diǎn)狀化構(gòu)圖、滿版式構(gòu)圖等等多種構(gòu)圖形式。這些版式的骨架都是我們可以去“借鑒”的對(duì)象。

構(gòu)圖和網(wǎng)格是相輔相成的，如何把元素合理的布局到畫面中，并且使版面達(dá)到平衡，這是設(shè)計(jì)師需要解決的問(wèn)題，構(gòu)圖形式有很多種，不要為了何種構(gòu)圖形式而糾結(jié)，

（2）色彩運(yùn)用

筆者從學(xué)習(xí)設(shè)計(jì)開(kāi)始就積累了許多關(guān)于色彩搭配的色相環(huán)，那些都是經(jīng)過(guò)前人佐證的設(shè)計(jì)。而我們需要做的就是從現(xiàn)有的色彩設(shè)計(jì)中提取出重點(diǎn)顏色， 然后根據(jù)顏色的相似性提取最終需要的色系。

這里有一點(diǎn)小Tips也是筆者從其他設(shè)計(jì)師個(gè)人博客中看到的：可以將大師們的油畫畫作或是有名的攝影作品的色彩進(jìn)行提取，運(yùn)用到個(gè)人設(shè)計(jì)當(dāng)中，當(dāng)然這個(gè)過(guò)程最終還是要為產(chǎn)品服務(wù)，如果作品色彩風(fēng)格與素材不符則不可行。

設(shè)計(jì)之前要對(duì)設(shè)計(jì)作品所要傳達(dá)的內(nèi)容進(jìn)行仔細(xì)的思考和分析，并不是任何圖片和油畫中的顏色都適合你所設(shè)計(jì)的作品，設(shè)計(jì)里沒(méi)有任何理論是絕對(duì)的，要根據(jù)自己設(shè)計(jì)作品的調(diào)性去決定使用的色彩搭配。

（3）格式塔心理學(xué)的應(yīng)用

交互設(shè)計(jì)中實(shí)際運(yùn)用的最多的心理學(xué)理論之一，它主要包括三個(gè)部分：相似原則、接近原則和完形原則。將格式塔心理學(xué)三原則運(yùn)用到競(jìng)品的借鑒當(dāng)中也是很重要的一點(diǎn)，格式塔心理學(xué)派反對(duì)行為主義心理學(xué)的刺激—反應(yīng)公式，主張研究直接經(jīng)驗(yàn)（即意識(shí)）和行為，強(qiáng)調(diào)經(jīng)驗(yàn)和行為的整體性。

這時(shí)就需要設(shè)計(jì)師們注意競(jìng)品的“整體性”，由于經(jīng)驗(yàn)主義驅(qū)使，用戶直接反應(yīng)是將相似頁(yè)面等同于用過(guò)的頁(yè)面，所以產(chǎn)品設(shè)計(jì)師在設(shè)計(jì)過(guò)程中運(yùn)用這一思想，可以將設(shè)計(jì)成果搭建在“前人”之上，一定程度節(jié)約了用戶學(xué)習(xí)成本，何樂(lè)而不為？

作者：Roy_ ，公眾號(hào)：交互設(shè)計(jì)Roy

本文由 @?Roy_ 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議