在這個各行各業都在擁抱云計算，積極地討論著“行業重構”，“SaaS化”，“建設企業中臺”的時代，設計師對B類設計的理解是否還停留在「頁面簡單，靠表格表單，專注提效，好看沒必要」的傳統想法？本文為大家解惑。
①?導言
阿里云作為行業數字化的領導者，應該倡導什么樣的設計，助力不同行業快速地云化轉型？阿里云企業級產品設計系統B-Design嘗試回答這個問題。
②?云計算帶來的設計變革
云計算的到來，讓整個社會各行各業開始了數字化重構的過程，傳統的企業業務產生了革命性的轉變。各大企業越來越傾向采購成熟的SaaS化解決方案，而不再自建內部系統。
云化的趨勢使企業系統在從基礎能力上進行整合，云計算建設生態，企業依附生態深挖垂直領域。
阿里云也在打造自己的企業產品生態，為企業提供一個全方位的數字化工作臺。在這樣的變革中，產品的邊界將被打破，原本以產品/功能維度去定義信息結構的設計方式將被動搖。
1.行業：企業服務逐漸商品化
在過去的幾年里，云計算行業里越來越多成熟的技術開始對外商業化。這些原本用于內部員工或者開發者使用的平臺，在逐漸由系統轉化成商品，并且給客戶快速復制交付和使用的過程中，必然面臨被評價，被選擇。
企業級產品再也不是非用不可，體驗的差異也會更直接地擺在客戶面前。
2.功能：業務與技術的更深融合
過去，我們普遍認為，云計算是單純的技術輸出，售賣的是云資源和運維工具。然而在幫助越來越多企業進行云化轉型的過程中，我們發現不同行業都有著自己的特點與模式，企業級的產品中，業務與技術會越發不可分割。一個好的產品需要懂業務，同時又兼具云技術中臺快速開發和定制的能力。
3.用戶：業務員與開發者邊界的模糊化
在行業擁抱云的同時，云也在擁抱行業。
越來越多低門檻編程，快速搭建頁面和流程的工具，讓每個企業的用戶都可以在自己的系統上進行微創新和改造。建立符合自己場景的小型應用。【平民開發者】的概念近年來在行業內被越來越多人關注。相比傳統企業中IT與業務團隊截然分開的情況，未來業務員與開發者的邊界會逐漸模糊。
技術門檻逐漸降低的同時，設計也慢慢走向普惠，如何幫助越來越多用戶、企業、開發者認識設計，理解設計，快速地學習和使用好的設計，讓設計和技術一樣，走向開源和共建，是我們需要思考的問題。
③?阿里云B-Design，為企業上云而作
未來的企業服務產品，會逐漸轉向「搭積木」式的設計模式—底層構建豐富而可解耦的技術能力模塊，上層以解決問題的方式組裝不同的業務產品。像CRM這樣大型的業務系統，不會是越長越大越發冗余，而是可以被拆分成小顆粒的原子能力集，靈活組裝成不同體量不同側重的分子產品。
面對企業全面上云，交付場景千變萬化，阿里需要一套完整而靈活的設計系統去組織云上生長出的各種企業級服務。為此，我們搭建了全新的B-Design企業級設計系統，迎接云時代SaaS與行業設計的挑戰。
B-Design的以阿里云行業的產品交付經驗為基礎，對內幫助解決方案交付和業務上云，對外配合云計算的能力輸出，賦能合作伙伴與開發者，建設各自的產品。
B-Design倡導 “簡單，專業，包容” 的原則，靈活滿足不同行業，不同場景，不同品牌的客戶訴求。通過鮮明而靈動的視覺風格，來建設云生態下的設計認同。
阿里云企業級設計生態
1.靈活而包容的框架設計
Alla Kholmatova曾在他的書中給出設計系統的不同模式：
與阿里云控制臺不同，B-Design 面向的是云生態下的 SaaS 和多變的行業交付場景，在「一致性」與「包容性」之間，B-Design 找到自己的定位：
B-Design需要是包容，模塊化的設計系統：
靈活的，多選擇的，相對寬容的設計系統，給具體產品的設計師提供足夠自由和發揮的空間。同時提供豐富的場景模塊和原子組件，供設計師/開發者快速組裝適合自己場景的解決方案。
適配多端的設計模塊
2.風格化與品牌強化
一套好的設計系統，需要是開放而演進的，以滿足不同客戶的差異化定制，B-Design允許客戶在我們視覺語言基礎上打造符合自己品牌風格的設計。而中小企業，尤其是一部分欠缺設計能力的獨立開發者，往往又需要內容完整可以直接使用的設計方案。
阿里云云市場上有數以百計的SaaS產品，這些產品有的是內部孵化，有的是合作伙伴提供。面向這樣的場景，B-Design提供熱情橙與冷靜藍兩種經典配色，為企業建立開箱即用的體驗設計方案。無設計能力的中小企業或獨立開發者，也可以使用B-Design快速地搭建自己網站。
同時，B-Design提供適應多行業的家族色系統，幫助合作伙伴與客戶強化自己的品牌調性，打造一個符合用戶自己品牌的配色方案。
B-Design多框架多配色方案
另一方面，在尊重客戶自定義顏色和品牌的訴求時，我們陷入了另一個挑戰：
允許客戶過度開放，是否會丟失掉B-Design的設計內核，變成徹底的工具？如何在幫助客戶傳遞品牌的同時，體現出生態的設計凝聚力，形成阿里云的設計認同？
我們需要用更加鮮明的，風格化的元素去體現自己的特點。
呼吸色
B-Design的呼吸色「Breathing Color」，靈活，流動性強，帶入科技與智慧感，在繁忙的數字世界、人機交互過程中，鼓勵正念（mindfulness）和交流（communication），也傳達其不斷的思考性（thinking）。
為了幫助用戶快速構建自己的呼吸色體系，我們開發了一個呼吸色工具，自定義調整顏色、動態類型，呼吸頻率等。
B-Design呼吸色工具，想要嘗鮮了解詳情，請關注我們后續的視覺設計詳解：）
虛實-毛玻璃
毛玻璃效果在設計領域早已不是什么新鮮事。但是企業類后臺系統的設計中，似乎還很少用到。究其原因，大概大部分設計師會認為毛玻璃設計復雜，消耗性能，在B類設計中沒有必要。
然而隨著技術的發展，性能早已不是瓶頸，我們發現，在企業類產品中，毛玻璃效果除了視覺點綴，傳達品牌調性以外，更可以創造一種空間感，呈現介于2D與3D之間的層級。在零售，醫療等貫穿線上線下體驗的產品中，尤其可以制造視覺差，幫助到用戶理解信息之間的層級關系。
在建立阿里云B類鮮明設計風格的同時，如何將設計系統打磨得更易用，專業和高品質？讓設計品質感成為產品的差異化競爭力？阿里云B-Design又在哪些行業和場景中落地實踐？如何加入我們，共同建設一個開放的設計生態？
我們會在下一篇詳解B-Design的核心設計點和場景實踐，敬請期待:）
原文地址：阿里云設計中心（公眾號）
作者：阿里云設計中心
轉載請注明：學UI網 » B-Design：云時代的企業設計-上篇
