2018-4-20 藍藍設計的小編
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
Facebook是一個連接全球數十億人的社交工具。 面對這一視覺系統，設計師遇到了前所未有的挑戰
雖然每個工具都能很好地履行其預期的功能，但它們并沒有提供令人滿意的整體經驗。設計的UI模式，使用顏色和圖像每個產品都是不同的。整體看起來不僅過時，而且與Facebook的這些專業人士在個人生活中使用也脫離聯系。
我們希望制作出一致，令人滿意的用戶體驗，值得我們的商業產品為公司和人們喜歡。我們還希望通過改進他們所依賴的工具來展示我們對這些業務的承諾。
我知道這個項目將是一個團隊的努力，但我是被嚇倒的。到目前為止，我為“模擬人生”設計了UI，并為SFMOMA創建了一個廣泛的風格指南，但這些項目只有一個觀眾和一個產品。創建一個連貫的視覺系統，跨越不同客戶群體的多個廣告工具，包括數百萬小企業，大品牌和代理機構以及我們的營銷網站，是一個完全不同的挑戰規模，比任何都更加復雜，曾經做過 每個產品不僅具有不同的外觀和感覺，而且這些產品中有150位設計師; 該系統必須為所有這些工作。
我不知道系統會是什么樣子，但我知道這不是太規范。它必須是可擴展的和靈活的，隨著我們的成長而發展的能力。在潛入視覺效果之前，我需要了解我們希望人們如何體驗我們的產品。我開始與我們的設計領導團隊合作來定義我們的屬性。如何想要體驗感受？我們想出了一個范圍不同的情況下，像描述的人，專業，值得信賴，和友好的。
接下來，我對所有Facebook的商業產品以及我們的消費者插圖和顏色進行了審核。我展示了我們不同的團隊，整體體驗如何脫節。然后，我為不同的團隊提供了研討會，使用點投票和貼紙寫作來快速識別我們認為成功的設計。
一旦我們達成了一個基本方向的協議 - 我們稱之為“抽象幾何風格” - 我們經歷了許多輪次的改進。我們現在有一個明確的方向，但是我們仍然需要一種共同的方式來了解如何將其應用于系統將重塑的所有不同的產品。
把它們捆綁在一起
我回頭看整個系統。當我重新審視了我們為了定義品牌屬性而進行的練習時，我發現他們可以應用我們旨在匯集的不同體驗。這只是一個根據觀眾和產品在頻譜上調整每個屬性的強度的問題。
例如，我們希望Power Editor是一種主要由廣告代理商的專業人士使用的廣告界面，可以感受到更為先進的功能。另一方面，使用Pages的人大多是中小企業，所以產品應該更簡單，更平易近人。
顏色也一樣。一個用戶可能需要它是值得信賴和平靜的，而另一個用戶需要它來感覺友好。我研究了色彩系統，并嘗試將其映射到我們為Facebook業務開發的維度。通過在項目影響的所有經驗中應用這樣的維度，我開始看到我們如何以一致和系統的方式解決所有的用戶。
這并不意味著很容易。開發可以在所有消費者和商業產品上工作的調色板 - 將它們放在一起而不消除有意義的差異 - 是我們面臨的最大挑戰之一。滿足它需要多個團隊之間的大量協作。
我們使用音調來加強Facebook品牌，并在消費者和商業插圖中創造更多的一致性。在總體方案中，我們為不同的商業產品使用不同的配色方案，以創造出表面之間的明顯區別，幫助人們保持領導。
顏色只是我們努力制作商業工具的一部分，這些商業工具帶來不同的經驗，同時保持適當的區別。如果我們的商業工具 - 即使是進的 - 都感覺到非人性化，他們不會像Facebook的一部分。
我們需要我們的新視覺系統，簡單而通用，足以使感情上與世界各地使用我們的工具的人的廣泛聯系。我在我們的視覺系統中編寫了代表人物的指南，包括許多不同的膚色和發型，以表示多樣性。
人物也不得不反映各種各樣的工作場所（例如代理與餐館）。消費者的數字應該像日常人一樣，從不僵硬或機器人。在所有產品中，人們應該習慣于講故事或傳達一個信息 - 從不隨機放置在作品中。每個例子需要清楚地說明它們與我們的產品有關。
我學到的五件事
從項目開始就越遠，其最大的教訓就越明顯。其中一些具體針對Facebook的獨特規模，但我希望其他人對任何人構建視覺系統的各種經驗 - 或領先的綜合設計項目是有用的。
與團隊合作，盡早界定明確的目標。這個項目有很多模糊性和依賴性。在研究階段，我們與所有的業務設計團隊進行了密集的工作會議。我們獲得的見解幫助我們制定了明確的指導原則。
負責。一旦這些原則得到確定，不要超越民主。漫長的情緒充沛的辯論可以導致一個設計，把每個人的想法混在一起，缺乏強烈的個性。
與移動目標保持聯系。我們的許多業務產品在這項工作正在發展的同時被重新命名。在正確的時間與這些團隊的正確的利益相關者進行溝通，有助于我們影響他們的工作。它也幫助我們更好地了解他們的設計需求。
教育，教育，教育。很多我最重要的工作重點是建立對系統的更廣泛的了解以及為什么它是重要的。我們通過不同的設計團隊通過廣泛的事件和問答來早日傳播系統。
保持參與 無論系統的連貫性和靈活性如何，相信它將需要持續的主動維護。為了幫助保持我們所有的移動部件的軌道，我一直在參與，不僅僅是作為答案的來源，而且作為聽眾。向設計團隊詢問他們的挑戰使我們能夠實施一些改進，使設計人員更容易將其工作融入系統。
一個系統，很多經驗
利益相關方
保持人性
藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務