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

2021-7-27    seo達人



圖片

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

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

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

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

 

擁抱游戲的力量

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

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

因為對每個人來說,好玩或富有表現(xiàn)力不是件容易的事,表情符號是完美的小幫手。它們絕不是無聊或裝飾性的,而是我們?nèi)诵缘难由?,是重要的溝通工具。根?jù)Meghan的研究,它們可以軟化或強化我們的語氣,為平淡無奇的互動增添樂趣,幫助我們以一種比書面文字更普遍的方式表達自己。

圖片

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

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

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

圖片

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

 

自然有趣,天生流利

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

我們還密切關(guān)注表情符號中眼睛的表情,并傾向于把眉毛特征做的更加明顯。對我們來說,在保留情感意圖的同時進行設(shè)計是至關(guān)重要的。最后,因為我們希望人們相信他們并能從設(shè)計中找到令人振奮和鼓舞,我們傾向于明亮、高飽和的顏色和大膽的形式! 

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

為了保持不同類別的1888個表情的一致性,我們在新風格中使用了簡單的幾何形狀作為每個表情的基礎(chǔ)。如果這聽起來很熟悉,那是因為我們連接圖標系統(tǒng)的工作方式是相同的。螃蟹表情確實突出了這一點;我們用圓形和半圓形來代替解剖的表示法,造型更加簡單,從而賦予它更多的個性。

圖片

當你注意細節(jié)時,平凡也能變得不平凡。圖中的螃蟹表情符號通過大膽、美麗的顏色和厚實的圖形形狀證明了這一點。

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

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

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

圖片

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

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

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

 

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

原文地址:medium

作者:Microsoft Design

譯文地址:彩云譯設(shè)計(公眾號)

譯者:彩云Sky

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

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

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


文章來源:csdn

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

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



分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔