最近為了團隊能做好產品首頁設計，我研究了很多國外to B類的相關產品設計。發(fā)現(xiàn)國外這類設計作品在整體水準上比國內高了不止一個檔次(國內to B產品起步較晚，在設計方面的研究幾乎空白)，而這種差距和設計技法沒有太多關系，更多的是對產品個性的把握和傳達。總的來說，國外設計有以下幾個特點：

　　一、超高逼格(放大看)

　　所謂“高端大氣上檔次”，可能也就是這樣了吧。由于我不是專業(yè)做視覺設計的，所以也很難說出其中的原因，相信視覺設計師會從不同的角度講出很多門道。

　　二、充滿個性(縮小看)

　　我認為“個性”是中外設計最大的區(qū)別：中國的設計師比較注重是否滿足客戶需求，是否符合產品定位，是否美觀和諧，細節(jié)是否夠精致;國外的設計師除此之外，還非常注重整體感和產品個性的表達：每個網站風格看起來都非常的與眾不同，你很難找到看起來非常雷同的設計，而國內設計雷同的網站比比皆是。

　　三、品牌感強(看首屏)

　　國外網站讓我感受最深刻的，是對品牌的塑造和表現(xiàn)力(第一屏非常重要)。Basho的傳統(tǒng)日式風格，Docker的海洋主題，F(xiàn)oundation長兩只角的小萌獸，Heroku的紫色+干練線條，Cloudera的抽象圖形及色彩運用等等，都給我留下了深刻的印象。

　　對色彩、圖形、設計元素的大膽想象及運用，在不拘一格之間又形成了默契的行業(yè)共性。共性中充滿個性，是國外to B網站給我的整體感覺。而這種專業(yè)及個性的表達，建立在對品牌的深刻理解及創(chuàng)造發(fā)揮上。這是目前國內的設計師比較欠缺，并且不夠重視的地方。國內的設計師往往接到需求，看看競品就開始設計了。正是這個關鍵環(huán)節(jié)的缺失，造成了設計結果的差異。

　　四、符號運用(看細節(jié))

　　很多to B網站的圖標也具有這個特征：共性中充滿個性。比如Palantir(知名大數(shù)據(jù)網站，估值達200億美金)的圖標類似原子的運動軌跡;Heroku的一組圖標外形全是六邊形;Foundation的圖標出現(xiàn)了我們熟悉的網格線和尺寸標記，意味著嚴謹縝密;Basho的兩組圖標分別運用了傳統(tǒng)水紋元素及折紙元素，向世界宣告這是一個來自亞洲的網站。通過統(tǒng)一符號的延展運用，既突出了品牌感覺，又讓人感到獨具匠心，妙不可言。

　　當然，品牌符號(與品牌含義相關的特定元素符號)與網站整體的品牌設定是分不開的。比如Palantir可能是想強調精尖科技，Heroku想通過六邊形強調穩(wěn)定和科技(六邊形類似化學元素符號)，F(xiàn)oundation想強調嚴謹，Basho想強調日本的傳統(tǒng)文化，AWS想強調云計算的彈性、靈活等等。

　　所以這里有一個小技巧：明確你的產品想突出的感覺，設定與之相符合的元素符號并在適合的位置反復出現(xiàn)，個性感和品牌感就會呼之欲出，設計質量立刻提升一個臺階。

　　五、元素呼應(看聯(lián)系)

　　看看Cloudera吧，首頁不同部分(首頁三屏中不同部分的截圖對比)的關聯(lián)是不是感覺很像是電影中的隱藏劇情般引人入勝呢?黃、藍、綠三種顏色的不同處理方式(交融、分離、疊加)構成了整體頁面既統(tǒng)一、個性、又有巧妙聯(lián)系的視覺語言。

　　Basho各網頁截圖對比

　　元素呼應對設計師的要求非常高，需要靜下心來去思考、嘗試以及創(chuàng)新。首先需要對產品有很深入的理解，然后在此基礎上大膽想象及發(fā)揮，產出產品的個性關鍵詞，再通過一些專業(yè)方法賦予靈感，設定設計主題(品牌感強)，然后通過反復試錯以及細節(jié)推敲，逐漸明晰品牌符號的運用(符號運用)及關聯(lián)方式(元素呼應)以及表達手法，最后得到充滿個性、超高逼格的作品。

　　六、更新速度(看變化)

　　由于我平時經常分析這些優(yōu)秀的網站，所以我發(fā)現(xiàn)，每隔幾個月，這些網站就會有明顯的變化。而分析這些網站前后的對比，對我了解網站設計趨勢有很大的幫助。另外我也從中明白，再好的網站，也需要不斷更新迭代;而不是固守優(yōu)秀成果，不思進取。

　　最后，大家一定想更加具體的了解設計高逼格、有個性、品牌感強的產品設計方法及流程，如果有興趣的話請關注我下一篇文章。另外我相信，這些方法也同樣適用于to C的產品。如果你能理解我所講的思維及方法，設計質量一定會有突飛猛進的提升。