<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 輕奢格調(diào)|構(gòu)建百度直播平臺設(shè)計語言系統(tǒng)

          2021-12-23    seo達(dá)人


          什么是設(shè)計語言?

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

           

          設(shè)計語言有哪些?

          設(shè)計語言最底層是項目設(shè)計語言,具有典型特征和主題,比如醫(yī)療項目凸顯專業(yè)冷靜,節(jié)日項目凸顯熱鬧氛圍。往上一層是產(chǎn)品設(shè)計語言,強調(diào)個性品牌,比如小視頻的設(shè)計深色更沉浸,電商從結(jié)構(gòu)到色彩都凸顯熱鬧。很多產(chǎn)品隨著發(fā)展,形成一些系列平臺服務(wù),平臺設(shè)計語言確保服務(wù)“統(tǒng)一規(guī)范”。最頂層是生態(tài)設(shè)計語言,跨設(shè)備跨平臺和硬件呈現(xiàn)的設(shè)計語言。

           

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

          圖片

           

          如何構(gòu)建設(shè)計語言?

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

          圖片

           

          建立設(shè)計原則時(設(shè)計語言的標(biāo)準(zhǔn)),不妨嘗試把品牌戰(zhàn)略人格化,由所有人解決所有人問題的愿景,得出產(chǎn)品是一個解決問題的行業(yè)專家的身份,Ta傳達(dá)的氣質(zhì)是簡潔大方的儀表,親和有力的儀態(tài),和專業(yè)權(quán)威的素養(yǎng)。

          圖片

           

          設(shè)計語言以現(xiàn)代輕奢風(fēng)格為基調(diào),它大簡至美、配色和諧、材質(zhì)考究,以獨具特色的現(xiàn)代格調(diào),構(gòu)筑起一個充滿質(zhì)感又十分舒適的直播間,給用戶一致、友好、有品的體驗。

          圖片

           

          設(shè)計動手前,按照風(fēng)格基調(diào)具象化拆解分析必不可少,每一個元素的表達(dá)手法都要定位清晰。

           

          圖片

           

          01 至簡 光影藝術(shù)圖標(biāo)體系

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

          圖片

           

          圖標(biāo)體系化,多場景驗證一致性,發(fā)現(xiàn)方案一不夠極致,造型復(fù)雜;方案二具備良好的一致性,但破壞了物體固有的結(jié)構(gòu),影響識別度。

          圖片

           

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

          圖片

          圖片

          圖片

          圖片

          圖片

           

           

          02 和諧 家族感的色彩體系 

           

          a)標(biāo)準(zhǔn)色

          初期直播品牌色繼承百度App品牌色,隨著業(yè)務(wù)逐漸中臺化,需要專屬直播色。運用色彩心理學(xué)傳遞給人不同的情緒及心理感受,尋找直播的專屬色相,而活力、溫暖的紅色色調(diào),更能體現(xiàn)親和有力的產(chǎn)品氣質(zhì)。

          圖片

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

           

          圖片

          圖片

           

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

          圖片

           

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

           

          圖片

          圖片

           

          03 考究 新穎獨特材質(zhì)

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

          圖片

           

          這種量身打造的稀缺材質(zhì)運用在運營玩法上,如紅包雨玩法,即能凸顯平臺專業(yè)用心的態(tài)度,又能強化用戶消費行為轉(zhuǎn)化,助力變現(xiàn)增長。 

          圖片

           

          用戶激勵體系,采用3D玉石潤澤質(zhì)感+動態(tài)折射光影,體現(xiàn)有內(nèi)涵不張揚的泛知識調(diào)性,凸顯用戶獨特身份感 
          圖片 

          [優(yōu)化輸出圖像]

           

          寫在最后

          在每一個小元素的創(chuàng)作中,我們都時刻謹(jǐn)記,無論是項目的主題語言、還是產(chǎn)品的設(shè)計語言、甚至是生態(tài)的,終點都是傳達(dá)企業(yè)文化以及價值觀。從戰(zhàn)略層重構(gòu)業(yè)務(wù)的認(rèn)知體系,再將品牌戰(zhàn)略人格化,才能夠在茫然期產(chǎn)生真正的篤定感,逐步拆解設(shè)計目標(biāo)和構(gòu)建符合業(yè)務(wù)氣質(zhì)的設(shè)計語言,達(dá)到最愉悅的體驗。

           

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

          作者:文娛平臺用戶體驗

          轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》輕奢格調(diào)|構(gòu)建百度直播平臺設(shè)計語言系統(tǒng)

          藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

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

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

          藍(lán)藍(lán)設(shè)計www.sdgs6788.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


          日歷

          鏈接

          個人資料

          藍(lán)藍(lán)設(shè)計的小編 http://www.sdgs6788.com

          存檔

          亚洲精品乱码久久久久久蜜桃| 欧美日韩精品久久免费| 久久亚洲精品无码aⅴ大香| 久久久久亚洲爆乳少妇无| 久久精品免费大片国产大片| 久久精品国产亚洲av瑜伽| 久久强奷乱码老熟女网站| 国产精品日韩欧美久久综合| 久久久久久噜噜精品免费直播| 精品久久人人妻人人做精品| 久久久久久久久久免免费精品| 久久久久国产| 亚洲香蕉网久久综合影视| 成人久久久观看免费毛片| 久久精品三级视频| 亚洲中文字幕久久精品无码APP| 蜜臀久久99精品久久久久久小说| 99久久国产热无码精品免费| 91精品国产91热久久久久福利 | 国产精自产拍久久久久久蜜| 久久九色综合九色99伊人| 狠狠色婷婷久久一区二区| 7777久久亚洲中文字幕| 久久男人中文字幕资源站| 精品久久久久久久无码| 久久国产精品国语对白| 久久久SS麻豆欧美国产日韩| 久久久九九有精品国产| 欧美午夜A∨大片久久 | 麻豆AV一区二区三区久久| 91性高湖久久久久| 亚洲精品无码久久久久去q| 国产精品va久久久久久久| 少妇人妻88久久中文字幕| 激情五月综合综合久久69| 久久精品国产亚洲av日韩| 中文字幕精品无码久久久久久3D日动漫 | 久久综合成人网| 91精品国产91热久久久久福利 | 欧美精品乱码99久久蜜桃| 精品免费久久久久国产一区|