這段時間一直在做公司官網的改版，感慨太多，一是公司官網的風格屬于2015年流行的設計風格，如下圖，二是領導追求外國網站簡約大氣的風格，類似airbnb官網。
然鵝，公司做的是云計算產品，跟airbnb這樣親民友好的網站八竿子打不著一塊，所以，做好一份競品分析，既能體現自己的專業度，又能讓不懂云計算產品的設計師找著門路，還能讓領導信服，多么一箭三雕的事啊。
當然，其他公司其他產品也同樣適用。下面進入正題。
一、選擇準備分析的競品
怎么選？跟公司產品相仿的，行業類認可的，用戶量大的，中國的，外國的，國際的，統統需要有，當然也得挑幾個小公司的。
不查不知道，一查嚇一跳。光是云計算領域，大大小小的產品竟然有近30個，最后篩選至10個。因為國內的云產品（阿里、騰訊、百度、美團、樂視...）從視覺上看都是大同小異的，設計小組一致認為還是阿里爸爸最牛B，所以只保留了阿里云。（對比一下下面的四個網站，是不是把色調統一一下，就分不清誰是誰了呢~）
二、確定需要分析的方向
從視覺角度做競品分析，大方向有兩個，一個是視覺，一個是交互。視覺細分為色彩、排版和頁面布局、圖標和插圖；交互主要指動效和信息架構。
重點需要歸納出一個網站是否做到了統一視覺語言，設計亮點在哪，以及是否為響應式網站。
競品和方向確定好之后，就可以開始做ppt啦。
三、視覺——色彩
色彩的分析需要從：主色、輔助色、調和色（黑百灰）、整體色調（暗或明）、色彩一致性，這幾個方面去考慮。當然別忘了把自己的網站也放進分析里。
最后，總結一下同類產品官網的常用配色和色彩范圍，用數據告訴領導，你為什么要用藍色。
四、視覺——頁面布局
一個官網的頁面至少20頁，全部分析的工作量太大，且沒有必要。所以挑重要的：首頁、導航、產品介紹頁.....即可。記得歸納總結設計要點。
五、視覺——圖形
圖形分析，包括：icon、插畫、架構圖...可以給每個競品的風格下定義：扁平、漸變、線形、立體、2.5D...
最后提煉一下關鍵詞，總結流行趨勢。
六、交互——動效
一個網站設計的細節是否成功，就看動效。傳統的交互反饋主要體現在button的hover狀態等等上面。然鵝，很多網站在追求更多的趣味性，這一點阿里云真的很棒。icon、banner等等也能在鼠標hover時產生交互動效。
另外一種動效，則是gif動畫的應用，真的是很流行啊~
七、交互——信息架構
這個其實已經超過了視覺設計范疇，留到以后再說吧~
最后就是綜合上面的分析，歸納總結自家官網的優缺點，甚至做一個SWOT分析~
OK，分享到這~
