被刷屏的微軟全新3D表情,微軟官方分享背后的設(shè)計(jì)思路

2021-7-27    seo達(dá)人



圖片

移動(dòng)設(shè)備激增,零工經(jīng)濟(jì)迅速發(fā)展,遠(yuǎn)程工作開始興起。在疫情的影響下,幾乎每個(gè)人都成了遠(yuǎn)程工作者。

表情符號(hào)與我們一道穩(wěn)步發(fā)展,成為鮮活和豐富情感的必要交流工具。肢體語言,微妙幽默,或者環(huán)境條件——雖然我們可以親眼看到并回應(yīng)這些暗示,但在網(wǎng)絡(luò)環(huán)境中失去它們會(huì)極大地影響我們的交流。然而,用表情符號(hào),幾個(gè)像素就能以有趣、清晰、能引起情感共鳴的方式表達(dá)我們的想法和感受。(彩云注:這就是這項(xiàng)艱巨工作的商業(yè)價(jià)值)

隨著世界走向混合工作場景,面對(duì)面和遠(yuǎn)程結(jié)合,線上交流的表達(dá)形式比以往任何時(shí)候都更加重要。微軟365里有超過1800個(gè)表情符號(hào),我們?cè)谶^去的一年里一直在努力通過創(chuàng)建一個(gè)自然的Fluent(流暢)系統(tǒng) (彩云注:這是他們更新整套表情系統(tǒng)的理念)來更新它們。

我們選擇了3D設(shè)計(jì)而不是2D設(shè)計(jì),并選擇了讓大多數(shù)表情動(dòng)畫化。在接下來的幾個(gè)月里,你會(huì)看到這些產(chǎn)品的推出,我們想和大家分享一下,以紀(jì)念世界表情符號(hào)日。我們也很激動(dòng)地推出了五個(gè)全新的表情符號(hào),這代表著我們對(duì)工作、表達(dá)和空間的新視角。

 

擁抱游戲的力量

在疫情改變工作和生活之間的界限之前,交流就已經(jīng)朝著真實(shí)情感和娛樂的方向發(fā)展。為了確保我們的新設(shè)計(jì)反映這一點(diǎn),設(shè)計(jì)研究員Meghan Stockdale與我們密切合作,重新思考專業(yè)的圖形表達(dá)。通過主次研究,她專注于游戲概念,將其作為一種催化劑,幫助我們挖掘最好的作品和最誠實(shí)的自我。她引用了斯圖爾特·布朗(Stuart Brown)的精彩著作Play: How it Shapes the Brain, open the Imagination, and inspiring the Soul (游戲:如何塑造大腦,開拓想象力,激發(fā)靈魂),對(duì)她的有著特別地影響。

“游戲?qū)τ趧?chuàng)造性頭腦風(fēng)暴、發(fā)展和掌握新技能以及團(tuán)隊(duì)建設(shè)等活動(dòng)至關(guān)重要,”Meghan說,“但我們通常不愿意在工作或工作工具中給予游戲空間。由于我們工作和成年的關(guān)系,玩有時(shí)會(huì)讓一些人感到不舒服——盡管我們生來就是為玩而生的?!?

因?yàn)閷?duì)每個(gè)人來說,好玩或富有表現(xiàn)力不是件容易的事,表情符號(hào)是完美的小幫手。它們絕不是無聊或裝飾性的,而是我們?nèi)诵缘难由欤侵匾臏贤üぞ?。根?jù)Meghan的研究,它們可以軟化或強(qiáng)化我們的語氣,為平淡無奇的互動(dòng)增添樂趣,幫助我們以一種比書面文字更普遍的方式表達(dá)自己。

圖片

這張圖片展示了我們用不完美的圓來做頭部的形狀。人是不完美的,為什么我們的圖形表示要完美的正圓呢?

那么,表情符號(hào)或其他好玩的媒體適合在工作中交流嗎?游戲鼓勵(lì)創(chuàng)新,而表情符號(hào)則是有趣的交流者。也許文字和表情符號(hào)之間的相互作用加強(qiáng)了兩者的交流力量。也許表情符號(hào)的脆弱和輕松不僅可以激發(fā)我們自己的創(chuàng)造力,還可以鼓勵(lì)我們組織中其他人共同參與。當(dāng)我們進(jìn)一步進(jìn)入混合工作模式世界時(shí)尤為重要,在那里我們將首次在網(wǎng)上見到新的團(tuán)隊(duì)成員。

我們的一些全新表情符號(hào)甚至試圖捕捉這個(gè)新的混合世界。下面是一些概念草圖,我們希望能得到你的想法。

圖片

以上是我們正在創(chuàng)建的新表情符號(hào)的概念草圖,以幫助傳達(dá)混合工作的現(xiàn)實(shí)。從左到右:一心多用,靜音,不拍照,一邊工作一邊照顧孩子,穿著睡衣。

 

自然有趣,天生流利

在整個(gè)過程中,信任和清晰是我們的指導(dǎo)原則。我們希望人們相信,我們的新表情符號(hào)風(fēng)格會(huì)理解到他們的意圖,反映出他們的人性。人是不完美的,我們的創(chuàng)意中有美,這就是為什么我們選擇了一個(gè)不完美的圓形作為頭部的輪廓形狀。

我們還密切關(guān)注表情符號(hào)中眼睛的表情,并傾向于把眉毛特征做的更加明顯。對(duì)我們來說,在保留情感意圖的同時(shí)進(jìn)行設(shè)計(jì)是至關(guān)重要的。最后,因?yàn)槲覀兿M藗兿嘈潘麄儾⒛軓脑O(shè)計(jì)中找到令人振奮和鼓舞,我們傾向于明亮、高飽和的顏色和大膽的形式! 

通過全面利用特定的眼睛、嘴巴和頭部形狀,我們創(chuàng)建了一套統(tǒng)一的面部特征,可以縮放,同時(shí)保持一致的外觀和感覺。

為了保持不同類別的1888個(gè)表情的一致性,我們?cè)谛嘛L(fēng)格中使用了簡單的幾何形狀作為每個(gè)表情的基礎(chǔ)。如果這聽起來很熟悉,那是因?yàn)槲覀冞B接圖標(biāo)系統(tǒng)的工作方式是相同的。螃蟹表情確實(shí)突出了這一點(diǎn);我們用圓形和半圓形來代替解剖的表示法,造型更加簡單,從而賦予它更多的個(gè)性。

圖片

當(dāng)你注意細(xì)節(jié)時(shí),平凡也能變得不平凡。圖中的螃蟹表情符號(hào)通過大膽、美麗的顏色和厚實(shí)的圖形形狀證明了這一點(diǎn)。

整套表情我都喜歡,但我最喜歡的還是這只螃蟹。這只酷炫的小螃蟹體現(xiàn)了我喜歡我們表情符號(hào)系統(tǒng)的地方:它讓看似普通的表情符號(hào)都變得與眾不同。無論是螃蟹還是人類,我們的獨(dú)創(chuàng)性都蘊(yùn)含著美。(彩云注:這就是作品中的亮點(diǎn)部分闡述,面試的時(shí)候講自己作品的亮點(diǎn),就可以從類似這樣的角度去講,學(xué)到了?。?

最后,但并非最不重要的是,我們必須利用這個(gè)機(jī)會(huì)做出一個(gè)改變,只有我們才能真正做到——將經(jīng)典標(biāo)準(zhǔn)的回形針,改了全新的3D形態(tài)。

當(dāng)然,我們現(xiàn)在使用的回形針可能比全盛時(shí)期要少,但我們無法抗拒懷舊的吸引力。

圖片

為了讓自己煥然一新,我們?nèi)滩蛔“驯馄降?、?biāo)準(zhǔn)的回形針變成了新造型的回形針。

表情符號(hào)正在鞏固其作為在線交流不可或缺的工具角色,你將能夠在不同平臺(tái)和設(shè)備上使用這些全新的表情符號(hào)。我們的一些新表情從今天開始在Flipgrid中上線,其余的將在未來幾周推出。在這個(gè)假日季,團(tuán)隊(duì)和Windows將配備該套件,Yammer、Outlook和更多的產(chǎn)品將在2022年全年實(shí)現(xiàn)落地。

除了表情符號(hào),我們還將在微軟365中通過更具表現(xiàn)力的主題、插圖、背景等,將我們的流暢美學(xué)帶入生活。但首先,我們想聽聽你的意見!你最喜歡的表情符號(hào)有哪些?如果你能成為一天的表情符號(hào)設(shè)計(jì)師,你會(huì)創(chuàng)造出哪些新的表情符號(hào)?

 

本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)圖片 

原文地址:medium

作者:Microsoft Design

譯文地址:彩云譯設(shè)計(jì)(公眾號(hào))

譯者:彩云Sky

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》被刷屏的微軟全新3D表情,微軟官方分享背后的設(shè)計(jì)思路

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

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


文章來源:csdn

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

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



分享本文至:

日歷

鏈接

個(gè)人資料

存檔