做競(jìng)品分析首先要問(wèn)三個(gè)問(wèn)題：
根據(jù)以上三個(gè)問(wèn)題，可以有一個(gè)做競(jìng)品分析的基本思路了。分析競(jìng)品，分三個(gè)步驟：
1.選擇競(jìng)品，做好定位(選擇兩個(gè)產(chǎn)品最好，最多三個(gè))
2.競(jìng)品分析，得出結(jié)論(選擇恰當(dāng)?shù)姆治龇椒▉?lái)分析，根據(jù)分析得出結(jié)論)
3.根據(jù)結(jié)論，得出建議
做競(jìng)品分析，最重要的事情有兩件，一件是得出結(jié)論，一件是得出建議。你要根據(jù)你的分析，得出一個(gè)正確的結(jié)論。
一個(gè)網(wǎng)站，你要跟根據(jù)它的PV、UV、IP等多方面的運(yùn)營(yíng)數(shù)據(jù)來(lái)得出結(jié)論，數(shù)據(jù)的變化原因是什么。競(jìng)爭(zhēng)對(duì)手的網(wǎng)站你可以去相互對(duì)比，比較趨勢(shì)，一般的數(shù)據(jù)你可以在站長(zhǎng)或alexa那找一下，然后再對(duì)比多個(gè)統(tǒng)計(jì)網(wǎng)站，有一些網(wǎng)站它在不同統(tǒng)計(jì)網(wǎng)站的數(shù)據(jù)是不一樣的，不能輕易下結(jié)論，多找?guī)准艺艺_的數(shù)據(jù)。
分析維度可考慮以下幾點(diǎn)：
1.運(yùn)營(yíng)數(shù)據(jù)(IP，UV，PV，著陸頁(yè)，跳出率等)
2.網(wǎng)站體驗(yàn)(界面，操作，能用，亮點(diǎn)，優(yōu)勢(shì)等)
再看PC客戶端產(chǎn)品：
剛剛網(wǎng)站的不適用于PC客戶端。你可以查到自己的一些數(shù)據(jù)，很難難查到對(duì)手產(chǎn)品的客戶端的數(shù)據(jù)，比如一些裝機(jī)量、使用時(shí)間，這個(gè)時(shí)候你做競(jìng)品分析就不能從數(shù)據(jù)過(guò)多入手了，你可以從用戶體驗(yàn)和產(chǎn)品性能等方面來(lái)下手分析，PC客戶端的競(jìng)品分析可以從以下幾點(diǎn)進(jìn)行入手：
1.用戶體驗(yàn)(易觀百科：用戶體驗(yàn))(包括產(chǎn)品細(xì)節(jié)、UI設(shè)計(jì)、BUG數(shù)量和用戶反饋等等)
2.信息架構(gòu)(從界面、性能、功能完善等多維度入手，把競(jìng)爭(zhēng)對(duì)手的優(yōu)勢(shì)學(xué)習(xí)，劣勢(shì)做預(yù)防等等)
3.產(chǎn)品趨勢(shì)(從用戶需求、市場(chǎng)需求、競(jìng)爭(zhēng)需求三個(gè)維度入手)
不限以上三個(gè)，可自由散發(fā)思維。

“小合作要放下態(tài)度，彼此尊重；大合作要放下利益，彼此平衡； 一輩子的合作要放下性格，彼此成就。 一味索取，不懂付出；或一味任性，不知讓步，到最后必然輸?shù)镁狻?共同成長(zhǎng)，才是生存之道。”

不管如何委屈，總要心胸寬廣，還要理解對(duì)方。站在不同角度，觀點(diǎn)極不相同，唯有多點(diǎn)謙讓，積極溝通。

感恩因?yàn)榉N種機(jī)緣，藍(lán)藍(lán)設(shè)計(jì)中標(biāo)和合作的項(xiàng)目和客戶。希望平安度此岸到彼岸，成就客戶，做好產(chǎn)品，不忘初心。

我們不怕多干活，只怕不理解。或者也不怕不理解，因?yàn)榻K有一日，你會(huì)明白理解我們。言多無(wú)益，唯有行為，以成果來(lái)為此行畫(huà)一圓滿，在這個(gè)過(guò)程中完成自我的提升和修行。

感恩投標(biāo)沒(méi)有中，沒(méi)有選擇藍(lán)藍(lán)設(shè)計(jì)的客戶，唯有祝愿您選擇到最合適的合作公司。并讓我們?cè)谶@個(gè)過(guò)程中反省自己的不足，體悟難過(guò)，更深刻的改正不足。

動(dòng)效能講述故事。和圖片不同，動(dòng)效能夠呈現(xiàn)變化的過(guò)程，講述一段簡(jiǎn)短而有趣的故事，能夠同你進(jìn)行對(duì)話：“嘿，你該看這個(gè)按鈕了”或者“哦耶！你剛剛完成了一個(gè)操作！”不過(guò)，動(dòng)效的目標(biāo)并不是單純的娛樂(lè)用戶，而是幫助用戶了解交互的效果和界面中發(fā)生的變化，讓用戶更為有效地使用你的APP。Zurb 有一句話很好的解釋了這一點(diǎn)：

“我們?cè)O(shè)計(jì)的不再僅僅只是靜態(tài)的界面，實(shí)際上，我們所設(shè)計(jì)的是用戶從界面獲得內(nèi)容的過(guò)程。”

動(dòng)效廣泛運(yùn)用于網(wǎng)頁(yè)內(nèi)容和背景當(dāng)中，用來(lái)強(qiáng)化功能，提升美感：它會(huì)直接影響用戶的行為，引導(dǎo)用戶注意到特定的內(nèi)容，呈現(xiàn)狀態(tài)，幫助用戶找到他們想要的內(nèi)容，達(dá)成目標(biāo)。想要借助動(dòng)效提升用戶體驗(yàn)，可以參考下面的指引來(lái)進(jìn)行優(yōu)化：

ReactJS是一個(gè)開(kāi)源的JavaScript庫(kù)，并且由Facebook和Instagram這樣的頂尖IT企業(yè)以及開(kāi)發(fā)者社區(qū)所維護(hù)。該框架廣泛使用于為web應(yīng)用程序開(kāi)發(fā)用戶界面的時(shí)候。這個(gè)特殊的框架被發(fā)明時(shí)帶有這樣一個(gè)目的：

“構(gòu)建數(shù)據(jù)隨著時(shí)間的推移一次又一次改變的大型應(yīng)用程序。”

我們經(jīng)常使用的工具有很多，但只有少數(shù)徹底改變了我們的工作流程。ReactJS就是其中之一。隨著現(xiàn)在可用框架變得越來(lái)越多，我們很難找到一個(gè)最終不會(huì)窮途末路的框架。這就是為什么在ValueCoders我們建議去往React。

在seo中，經(jīng)常會(huì)提到兩個(gè)名詞：“搜索引擎規(guī)則”和“搜索引擎算法”，很多人都認(rèn)為，只要熟悉了搜索引擎的規(guī)則和算法，就可以提升網(wǎng)站的排名，從而帶來(lái)大量的流量。那么搜索引擎的規(guī)則是什么呢？

很多人會(huì)告訴你，頁(yè)面的關(guān)鍵詞密度要控制在2%—8%之間、要多做偽原創(chuàng)，外鏈等。按照這些方法做了，關(guān)鍵詞排名就一定會(huì)上升嗎？事實(shí)告訴我們，很多人這樣做了，不但關(guān)鍵詞沒(méi)有上去，甚至被懲罰了，這是為什么呢?

關(guān)于如何再造交互設(shè)計(jì)，我們搜尋了一些網(wǎng)絡(luò)資料，再加上我們做10余年UI設(shè)計(jì)的經(jīng)驗(yàn)，總結(jié)了以下八個(gè)方面，希望可以為設(shè)計(jì)師們帶來(lái)一定的幫助：

1、定目的：確定設(shè)計(jì)目的。

筆者始終認(rèn)為，任何設(shè)計(jì)的核心在于目的，基于目的的設(shè)計(jì)，才能避免無(wú)效設(shè)計(jì)，可以根據(jù)產(chǎn)品定位或服務(wù)主旨等來(lái)制定目的，比如上文提到的星巴克，它的產(chǎn)品是咖啡，但是核心賣(mài)點(diǎn)其實(shí)是服務(wù)體驗(yàn)，它希望每位客人都感覺(jué)賓至如歸，所以它的交互或服務(wù)設(shè)計(jì)目的就是給客人完善貼心的服務(wù)體驗(yàn)。

一、了解工程實(shí)作的基本原理

許多人認(rèn)為創(chuàng)造力和邏輯是左右半腦分開(kāi)管轄的、設(shè)計(jì)師和工程師使用的是不同部分的能力，所以大家各安其份做好自己的工作就好——我負(fù)責(zé)光鮮亮麗地畫(huà)圖，工程師就負(fù)責(zé)用超大聲的同刻鍵盤(pán)在黑色的屏幕上編寫(xiě)外星文。

但事實(shí)上這種刻板印象除了阻礙你進(jìn)步以外可說(shuō)是一點(diǎn)用都沒(méi)有（而且不見(jiàn)得是正確的）。

巴別塔的故事大家?guī)缀醵悸?tīng)過(guò)，會(huì)造成溝通問(wèn)題的原因很簡(jiǎn)單，就是講的「語(yǔ)言」不同，而非思考方式不一樣——無(wú)論是什么領(lǐng)域，要成為佼佼者，都必須具備高度的創(chuàng)造和想象能力，而設(shè)計(jì)更是非常講求邏輯的行為。

進(jìn)入2016年后，我們會(huì)發(fā)現(xiàn)行業(yè)在體驗(yàn)設(shè)計(jì)上出現(xiàn)了很多新的元素，從我們平時(shí)經(jīng)常瀏覽的設(shè)計(jì)社區(qū)中，這些新元素出現(xiàn)的頻率越來(lái)越高，比如彩色投影、雙色調(diào)漸變?cè)O(shè)計(jì)等，我們也慢慢開(kāi)始接受這些新變化，并且逐步應(yīng)用到我們的產(chǎn)品中。這篇文章的初衷是希望能更系統(tǒng)更全面地梳理出一份流行趨勢(shì)的分析，能對(duì)我們平時(shí)的工作能產(chǎn)生一定的指導(dǎo)作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時(shí)下流行的扁平化和現(xiàn)代風(fēng)的設(shè)計(jì)，設(shè)計(jì)效果十分的賞心悅目，可以很好的和幽靈按鈕以及時(shí)下流行的元素搭配起來(lái)，提升用戶體驗(yàn)。

以淘寶電影為例，采用的是虛化電影海報(bào)作為背景，這樣做的好處是每一個(gè)頁(yè)面的頭部效果都不一樣，這樣的排版視覺(jué)效果更佳，同樣也突出電影信息等主要內(nèi)容。從設(shè)計(jì)的角度來(lái)看，這也很容易實(shí)現(xiàn)，讓內(nèi)容模塊變的清晰，同時(shí)可以規(guī)避復(fù)雜的設(shè)計(jì)，還可以降低設(shè)計(jì)成本，花最少的時(shí)間達(dá)到最大的效果。

用移動(dòng)端收郵件的人越來(lái)越多，如何令郵件變得清晰易讀也成了一個(gè)設(shè)計(jì)難點(diǎn)。今天分享5個(gè)實(shí)戰(zhàn)經(jīng)驗(yàn)中總結(jié)的設(shè)計(jì)準(zhǔn)則，幫你搞定小屏幕上的郵件設(shè)計(jì) 。

移動(dòng)設(shè)備上的郵件設(shè)計(jì)不僅僅是一個(gè)內(nèi)容填充列表，它涉及諸多設(shè)計(jì)元素。

對(duì)于移動(dòng)設(shè)備的設(shè)計(jì)從來(lái)不是一件簡(jiǎn)單的事情。人們采用不同的方式使用網(wǎng)絡(luò)，我們需要考慮一個(gè)全面的方案，特別是在小屏幕上使用郵件。

上一篇我們整理了優(yōu)秀設(shè)計(jì)師應(yīng)該知道的10大設(shè)計(jì)原則上篇供大家學(xué)習(xí)，今天，我們又整理了下篇的10大原則來(lái)和大家一塊探討，也歡迎廣大UI設(shè)計(jì)者參與討論，給我們多提寶貴的意見(jiàn)。

（1）強(qiáng)烈的視覺(jué)層次感

如果要讓屏幕的視覺(jué)元素具有清晰的瀏覽次序，那么應(yīng)該通過(guò)強(qiáng)烈的視覺(jué)層次感來(lái)實(shí)現(xiàn)。也就是說(shuō)，如果用戶每次都按照相同的順序?yàn)g覽同樣的東西，視覺(jué)層次感不明顯的話，用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點(diǎn)，最終只會(huì)讓用戶感到一團(tuán)糟。在不斷變更設(shè)計(jì)的情況下，很難保持明確的層次關(guān)系，因?yàn)樗械脑貙哟侮P(guān)系都是相對(duì)的：如果所有的元素都突出顯示，最后就相當(dāng)于沒(méi)有重點(diǎn)可言。如果要添加一個(gè)需要特別突出的元素，為了再次實(shí)現(xiàn)明確的視覺(jué)層級(jí)，設(shè)計(jì)師可能需要重新考慮每一個(gè)元素的視覺(jué)重量。雖然多數(shù)人不會(huì)察覺(jué)到視覺(jué)層次，但這是增強(qiáng)設(shè)計(jì)的最簡(jiǎn)單的方法。