年前開始接手友空間產品視覺設計工作，從移動端、產品品牌VI、到web端的上線，友空間整體品牌形象升級改造工作總體完成。因此利用這兩天的空閑時間，把友空間v4.0視覺改版工作做下總結分享。

隨著智能手機的普及，辦公移動化已經成為一種趨勢。伴隨著移動互聯網整個行業已經成熟，職業分工越來越細，職業化程度的越來越高，用戶和行業對設計的要求、設計對于產品的重要性也達到了一個新的高度。

品牌概述

友空間是用友網絡旗下專為大中型企業及組織打造的社交化協同辦公平臺，是“用友云”生態的統一應用入口，為企業提供辦公協同、溝通協作等核心價值，提高管理和工作效率。

而隨著友空間的日益壯大，友空間希望通過品牌重塑使產品形象更加強有力和更具統一性。

面臨問題

友空間3.0目前版本設計語言比較老舊，缺乏品牌一致性和辨識度，與競品沒有形成差異化，內容處理上比較紊亂。圖標與細節設計不夠精致，沒有形成規范體系化

人群定位

在針對友空間目前的市場現狀調研以及產品定位分析中，目前友空間用戶所在企業以大中型企業為主，崗位維度覆蓋面非常廣泛，年齡從18歲—40歲以上，群體年齡分布相對均勻。

寬泛的行業范圍，以及不同領域之間的辦公需求千差萬別，這決定了我們在提煉產品品牌定位的過程中，更趨向于中性性格色彩，同時避免指向性色彩的使用(卡通、柔美等風格)

被調研群體的特點：

1. 年齡從18歲~40歲以上，群體年齡分布相對均勻
2. 崗位維度覆蓋面非常廣泛，包括了其他11個崗位，其中研發和銷售數量居多
3. 行業維度包括IT互聯網、制造業、服務業、建筑房地產等行業

確認目標

結合當前產品定位與人群定位分析，以及在對目前市場上的社交協同辦公產品競品研究中（釘釘、企業微信、云之家、Teambition)。我們提煉了新版本的品牌情感關鍵詞：品質、專業、效率。并以內容為主進行設計

明確的設計目標能指引我們不偏離大方向，我們基于設計目標結合產品本身特性提煉出以下改版方向：

1. 情感定位—確定產品情感定位，指導產品風格的探索包括顏色、動效、字體等等的選用，確保保持一致的產品形象；
2. 色彩—對用戶最為有效的感知就是色彩，通過不同的色彩定義來傳達不同的情感，挖掘產品色彩的管理，讓色彩成為情感輸出的潤滑劑；
3. 圖標—圖標保持精致化且一致性，加強功能識別性，根據不同色彩定義來管理功能分類，呼應產品風格；
4. 細節設計—挖掘比較溫和友好的細節設計，既讓普通用戶無法察覺，又使頁面看起來活躍、不乏味；
5. 簡潔—對于社交協同這類功能性較強的產品，需要將其復雜的功能分類整理，將頁面合理分區，歸納散落的功能，讓頁面看起來整體感更強。并保持簡潔、干凈的風格為主
6. 動效—功能與功能之間的關聯動畫順暢合理，為原本枯燥的產品增添一點樂趣；
7. 效率—精簡每屏傳達內容，精確傳達頁面信息，注意留白，加強頁面的呼吸感。

結合設計趨勢

從Material Design的發布，到如今ios10的正式發布，我們看到一種越來越簡化的風潮正在襲來，而極簡化的背后，就是以內容為主進行設計，即內容為王。精簡傳達內容、精確傳達頁面信息，降低其他因素對用戶使用上的干擾。

因此動畫、品牌、色彩、布局、字體在信息與情感的傳達中將起更為巨大的作用。

可以預見，未來整體風格將呈現極簡化、精致化、品牌化。這對設計師必然是不小的挑戰，同時也是更大的價值體現，我們知道，越簡單的東西越難設計。

極簡化是在界面設計中去把握簡的程度以及如何平衡和傳達更多的信息和指引用戶。精致化是對設計細節的精致追求，一種工匠精神。品牌化是從更宏觀的角度去考慮設計，基于產品、品牌定位去傳達一個更整體的概念。

視覺方案展示

情感定位

經過前期的調研以及關鍵詞的提取，新版本整體的視覺風格將趨向簡潔、效率。在細節上凸顯情感化設計，整體呈現極簡化、精致化、品牌化。傳達友空間專業、品質的辦公體驗

色彩定義

對用戶最有效的感知就是色彩，不同的色彩定義傳達不同的情感，挖掘產品色彩的管理，讓色彩成為情感輸出的潤滑劑。

色彩搭配

主色采用用友的品牌色紅色為基礎色，保持用友品牌的一致性和識別性。

色彩比例

因為社交協同產品本身功能的豐富性與拓展性，除了主色以外，還需要一系列輔色來展示產品的不同場景。并保持一定的使用比例結構，保證產品的整體性和品牌的傳達

界面設計

總結

很喜歡這句話：“產品只是一個虛擬框架，需要視覺的幫助，賦予它全新的生命，讓它變得更加充實”

如前面設計趨勢所說，在如今內容為王的時代，產品將呈現極簡化、品牌化、精致化的趨勢。而這無疑將是視覺設計師的價值所在。賦予產品品牌力以及生命力。讓產品更親近用戶體驗。

作者：wnoony。微信公眾號：設計師Wnoony

本文由 @wnoony 原創發布于人人都是產品經理。未經許可，禁止轉載。