<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 輕奢格調|構建百度直播平臺設計語言系統

    2021-12-23    seo達人


    什么是設計語言?

    設計語言是把設計作為一種“溝通的方式”,在特定的場景中進行內容與信息的傳達。設計是介于科學與美學之間的一種藝術,是需要理性的去解決感性的問題。它和藝術之間的差別就在于“解決問題”。

     

    設計語言有哪些?

    設計語言最底層是項目設計語言,具有典型特征和主題,比如醫療項目凸顯專業冷靜,節日項目凸顯熱鬧氛圍。往上一層是產品設計語言,強調個性品牌,比如小視頻的設計深色更沉浸,電商從結構到色彩都凸顯熱鬧。很多產品隨著發展,形成一些系列平臺服務,平臺設計語言確保服務“統一規范”。最頂層是生態設計語言,跨設備跨平臺和硬件呈現的設計語言。

     

    百度直播業務,從單一業務形成系列平臺服務,囊括的不只是B端和C端用戶產品,還有8大垂類蓬勃發展,以及跨業務多宿主的呈現。龐大的平臺業務,特別需要建設平臺設計語言。

    圖片

     

    如何構建設計語言?

    所有的設計語言,都是服務于業務頂層戰略發展。制定設計策略前,需對業務所在的行業背景、品牌戰略、用戶群體、流行趨勢有充足的認知。當返工無數次還是沒方向時,說明以下前四點需要再深入明確。

    圖片

     

    建立設計原則時(設計語言的標準),不妨嘗試把品牌戰略人格化,由所有人解決所有人問題的愿景,得出產品是一個解決問題的行業專家的身份,Ta傳達的氣質是簡潔大方的儀表,親和有力的儀態,和專業權威的素養。

    圖片

     

    設計語言以現代輕奢風格為基調,它大簡至美、配色和諧、材質考究,以獨具特色的現代格調,構筑起一個充滿質感又十分舒適的直播間,給用戶一致、友好、有品的體驗。

    圖片

     

    設計動手前,按照風格基調具象化拆解分析必不可少,每一個元素的表達手法都要定位清晰。

     

    圖片

     

    01 至簡 光影藝術圖標體系

    在圖標的設計中,我們基于專業親和的品牌理念延展出2個不同的方向。方案一以直線折紙與光影為視覺元素,呈現一個用心專業的態度。方案二以曲線雕刻藝術展現專業親和的魅力。

    圖片

     

    圖標體系化,多場景驗證一致性,發現方案一不夠極致,造型復雜;方案二具備良好的一致性,但破壞了物體固有的結構,影響識別度。

    圖片

     

    在一致性的前提下,嘗試簡化、提高識別度。巧妙的將光影和結構交匯,極簡到2個圖層呈現主體;語義清晰識別度高;角度漸變光影帶來舒適親和感,15°x角度的精準把控傳達專業的品牌特性。因此總結出圖標繪制要遵循的法則為識別性、品牌性、愉悅性、一致性。

    圖片

    圖片

    圖片

    圖片

    圖片

     

     

    02 和諧 家族感的色彩體系 

     

    a)標準色

    初期直播品牌色繼承百度App品牌色,隨著業務逐漸中臺化,需要專屬直播色。運用色彩心理學傳遞給人不同的情緒及心理感受,尋找直播的專屬色相,而活力、溫暖的紅色色調,更能體現親和有力的產品氣質。

    圖片

    紅色也有冷暖之分,此時提高色相、飽和度的顆粒度,H色相以350°為起點,以2°遞增或遞減,S飽和度以5°為階梯,生成更多色階(保持相同B明度100),在多界面和真機驗證,得出直播專屬紅(H350 S80 B100),冷暖適中符合平臺屬性。

     

    圖片

    圖片

     

    b)協調的輔助色
    同時,運用色環建立輔助色彩體系。H色相以350°為起點,以15°遞增或遞減標準,創建24色相色板(保持相同B明度100、S飽和度80);選取柔和與協調的類似色和鄰近色作為家族色彩主體,調和互補色與對比色,平衡整體色調。因為不同色相的感官明度并不相同,校正每一個輔助色的HSB,達到色彩感官上一致。

    圖片

     

    C)調色版
    一般會有2種方法,一種是使用明度差獲得統一性佳的調色板,優點是落地成本低,代碼可直接實現;另一種則是微調飽和度和色相,獲得鮮明的色板,可使用在插圖繪制上。

     

    圖片

    圖片

     

    03 考究 新穎獨特材質

    亞克力,這種具有透明質感、光學品質的材質,在設計領域最早應用在家居設計上,被互聯網設計師熟知是在微軟的概念視頻里,隨之逐漸應用到icon繪制上,亞克力1.0版本背景和主體層次沒拉開,2.0版本更趨向加大不透明度和模糊值,達到清晰舒適又兼具藝術美感。

    圖片

     

    這種量身打造的稀缺材質運用在運營玩法上,如紅包雨玩法,即能凸顯平臺專業用心的態度,又能強化用戶消費行為轉化,助力變現增長。 

    圖片

     

    用戶激勵體系,采用3D玉石潤澤質感+動態折射光影,體現有內涵不張揚的泛知識調性,凸顯用戶獨特身份感 
    圖片 

    [優化輸出圖像]

     

    寫在最后

    在每一個小元素的創作中,我們都時刻謹記,無論是項目的主題語言、還是產品的設計語言、甚至是生態的,終點都是傳達企業文化以及價值觀。從戰略層重構業務的認知體系,再將品牌戰略人格化,才能夠在茫然期產生真正的篤定感,逐步拆解設計目標和構建符合業務氣質的設計語言,達到最愉悅的體驗。

     

    原文地址:百度MEUX(公眾號)

    作者:文娛平臺用戶體驗

    轉載請注明:學UI網》輕奢格調|構建百度直播平臺設計語言系統

    藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

    截屏2021-05-13 上午11.41.03.png

    分享此文一切功德,皆悉回向給文章原作者及眾讀者.
    免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国内精品久久久久久久涩爱| 久久久久久国产精品免费无码 | 欧美日韩精品一区二区视频| 国产精品国产三级国产专播 | 国产精品成人99久久久久91gav | 69久久夜色精品国产69| 日本加勒比久久精品| 国产精品美女网站在线观看| 久久久免费精品re6| 一本久久精品一区二区| 久久久久国产精品嫩草影院| 国产99久久久国产精品~~牛| 欧美激情视频精品一区二区| 久久精品成人免费国产片小草| 精品爆乳一区二区三区无码av| 在线精品国产一区二区三区| 久久久久无码精品| 国产精品乱码一区二区三区| 国产A√精品区二区三区四区| 高清免费久久午夜精品| 99精品热这里只有精品| 精品国产乱码一区二区三区| 久久亚洲精品中文字幕| 久久青青草原精品国产 | 国产精品人人做人人爽人人添| 国产原创精品视频| 国内精品久久久久久野外| 国产精品区免费视频| 精品久久久久久亚洲精品| 欧美肥屁VIDEOSSEX精品| 老司机性色福利精品视频| 国精无码欧精品亚洲一区| 国产精品日本一区二区不卡视频| 国产精品视频永久免费播放| 99久久免费国产精精品| 国产亚洲综合成人91精品| 久久精品国产福利国产秒| 777国产盗摄偷窥精品0OOO| 91精品国产综合久久四虎久久无码一级 | 国产精品三级在线观看无码| 国产精品无码午夜福利|