2021-12-5 資深UI設計者
設計語言是把設計作為一種“溝通的方式”，在特定的場景中進行內容與信息的傳達。設計是介于科學與美學之間的一種藝術，是需要理性的去解決感性的問題。它和藝術之間的差別就在于“解決問題”。
設計語言最底層是項目設計語言，具有典型特征和主題，比如醫療項目凸顯專業冷靜，節日項目凸顯熱鬧氛圍。往上一層是產品設計語言，強調個性品牌，比如小視頻的設計深色更沉浸，電商從結構到色彩都凸顯熱鬧。很多產品隨著發展，形成一些系列平臺服務，平臺設計語言確保服務“統一規范”。最頂層是生態設計語言，跨設備跨平臺和硬件呈現的設計語言。
百度直播業務，從單一業務形成系列平臺服務，囊括的不只是 B 端和 C 端用戶產品，還有 8 大垂類蓬勃發展，以及跨業務多宿主的呈現。龐大的平臺業務，特別需要建設平臺設計語言。
所有的設計語言，都是服務于業務頂層戰略發展。制定設計策略前，需對業務所在的行業背景、品牌戰略、用戶群體、流行趨勢有充足的認知。當返工無數次還是沒方向時，說明以下前四點需要再深入明確。
建立設計原則時（設計語言的標準），不妨嘗試把品牌戰略人格化，由所有人解決所有人問題的愿景，得出產品是一個解決問題的行業專家的身份，Ta 傳達的氣質是簡潔大方的儀表，親和有力的儀態，和專業權威的素養。
設計語言以現代輕奢風格為基調，它大簡至美、配色和諧、材質考究，以獨具特色的現代格調，構筑起一個充滿質感又十分舒適的直播間，給用戶一致、友好、有品的體驗。
設計動手前，按照風格基調具象化拆解分析必不可少，每一個元素的表達手法都要定位清晰。
在圖標的設計中，我們基于專業親和的品牌理念延展出 2 個不同的方向。方案一以直線折紙與光影為視覺元素，呈現一個用心專業的態度。方案二以曲線雕刻藝術展現專業親和的魅力。
圖標體系化，多場景驗證一致性，發現方案一不夠極致，造型復雜；方案二具備良好的一致性，但破壞了物體固有的結構，影響識別度。
在一致性的前提下，嘗試簡化、提高識別度。巧妙的將光影和結構交匯，極簡到 2 個圖層呈現主體；語義清晰識別度高；角度漸變光影帶來舒適親和感，15°x 角度的精準把控傳達專業的品牌特性。因此總結出圖標繪制要遵循的法則為識別性、品牌性、愉悅性、一致性。
a）標準色
初期直播品牌色繼承百度 App 品牌色，隨著業務逐漸中臺化，需要專屬直播色。運用色彩心理學傳遞給人不同的情緒及心理感受，尋找直播的專屬色相，而活力、溫暖的紅色色調，更能體現親和有力的產品氣質。
紅色也有冷暖之分，此時提高色相、飽和度的顆粒度，H 色相以 350°為起點，以 2°遞增或遞減，S 飽和度以 5°為階梯，生成更多色階（保持相同 B 明度 100），在多界面和真機驗證，得出直播專屬紅（H350 S80 B100），冷暖適中符合平臺屬性。
b)協調的輔助色
同時，運用色環建立輔助色彩體系。H 色相以 350°為起點，以 15°遞增或遞減標準，創建 24 色相色板（保持相同 B 明度 100、S 飽和度 80）；選取柔和與協調的類似色和鄰近色作為家族色彩主體，調和互補色與對比色，平衡整體色調。因為不同色相的感官明度并不相同，校正每一個輔助色的 HSB，達到色彩感官上一致。
C）調色版
一般會有 2 種方法，一種是使用明度差獲得統一性佳的調色板，優點是落地成本低，代碼可直接實現；另一種則是微調飽和度和色相，獲得鮮明的色板，可使用在插圖繪制上。
亞克力，這種具有透明質感、光學品質的材質，在設計領域最早應用在家居設計上，被互聯網設計師熟知是在微軟的概念視頻里，隨之逐漸應用到 icon 繪制上，亞克力 1.0 版本背景和主體層次沒拉開，2.0 版本更趨向加大不透明度和模糊值，達到清晰舒適又兼具藝術美感。
這種量身打造的稀缺材質運用在運營玩法上，如紅包雨玩法，既能凸顯平臺專業用心的態度，又能強化用戶消費行為轉化，助力變現增長。
用戶激勵體系，采用 3D 玉石潤澤質感+動態折射光影，體現有內涵不張揚的泛知識調性，凸顯用戶獨特身份感
在每一個小元素的創作中，我們都時刻謹記，無論是項目的主題語言、還是產品的設計語言、甚至是生態的，終點都是傳達企業文化以及價值觀。從戰略層重構業務的認知體系，再將品牌戰略人格化，才能夠在茫然期產生真正的篤定感，逐步拆解設計目標和構建符合業務氣質的設計語言，達到最愉悅的體驗。
文章來源：優設 作者：百度MEUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( axecq.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務