中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

勛章是榮譽的象征，能帶給獲得者精神上的滿足，勛章系統(tǒng)本身更在乎的也是情感層面的激勵。所以本次我們啟動了榮譽體系的設(shè)計項目，榮譽體系本身意在通過虛擬勛章更好的激勵員工的積極性和職業(yè)成就感。

看完視頻，恭喜你基本等于看完了這篇文章呦

前章

今年8月，我們啟動了榮譽體系的設(shè)計項目，榮譽體系本身意在通過虛擬勛章更好的激勵員工的積極性和職業(yè)成就感。

勛章是什么？

我們首先看一下勛章的定義：勛章一般是授給有功者的榮譽證章或者標(biāo)志。最早起源于古代歐洲用于區(qū)別戰(zhàn)場上的騎士，一個名為勛章的標(biāo)志制度得以發(fā)展。簡而言之，勛章是榮譽的象征，能帶給獲得者精神上的滿足，勛章系統(tǒng)本身更在乎的也是情感層面的激勵。

現(xiàn)實生活中金光閃閃的獎牌

現(xiàn)實生活中，小到幼兒園得到的小紅花，運動員獲得的獎牌，軍人胸前的各種榮譽，奧斯卡和金雞獎的獎杯這些都算榮譽系統(tǒng)在起到作用。對應(yīng)的，互聯(lián)網(wǎng)產(chǎn)品中“勛章”也通常作為激勵體系使用。我們似曾相識的在各種APP、游戲和平臺中見過各種“小紅花”，來提升我們對于該產(chǎn)品的粘性。

如果我們用很經(jīng)典的馬斯洛金字塔來解釋這個事情，榮譽系統(tǒng)解決的往往都是人們比較高級的需求：“榮譽感、被尊重、被認可”。所以在榮譽系統(tǒng)的設(shè)計中，我們優(yōu)先考慮的就是希望通過設(shè)計的呈現(xiàn)和視覺的傳達，讓我們的用戶直接的感受到那份榮譽、尊重、認可。

這是一次“表達”>“形態(tài)”的設(shè)計主題，最后我們確定了“儀式感”作為這次榮譽系統(tǒng)設(shè)計的綜合表述。

二、儀式感的設(shè)計

1. 儀式主體設(shè)計

勛章是合作方唯一明確提給我們的需求內(nèi)容，他們把涉及獎項、司齡、員工關(guān)懷、團隊建設(shè)、公司文化、學(xué)習(xí)成長、人才招聘等等各個維度的內(nèi)容進行了匯總，希望我們把他們統(tǒng)統(tǒng)都繪制成繽紛的勛章。

而我們做的第一件事是拆解，我們嘗試了各個維度對這些勛章進行拆解，提取他們的關(guān)鍵屬性，尋找他們的共性和要表達的不同核心思路，最終將其劃分為兩個大類，標(biāo)簽類和獎項類。

獎項類的勛章：

核心：是最需要突出“儀式感”“榮譽感”的一類勛章，是十分正式的認可

性格：莊重

表現(xiàn)：運用現(xiàn)實生活中金光閃閃的獎杯或品質(zhì)感較高的獎牌突出表現(xiàn)主題，在材質(zhì)和顏色上更加正式，多多的采用了金銀黑紅等思路

標(biāo)簽類的勛章：

核心：呈現(xiàn)豐富的企業(yè)文化，突出積累和成長

性格：張揚

表現(xiàn)：使用多彩的色彩傾向，再加簡單圖形和立體質(zhì)感的拓展延伸

勛章設(shè)計的思路

另外，在整體的視覺風(fēng)格上，我們也更多的映射了現(xiàn)實世界的直觀感受，以希望勛章本身能夠給予獲得者直觀的刺激和獲得感，所以設(shè)計風(fēng)格更加立體，并稍微的調(diào)高了勛章的視角，采用了一種微仰視的視角。

部分評優(yōu)類勛章

部分標(biāo)簽類勛章

可愛的司齡幫幫勛章

2. 儀式環(huán)境設(shè)計

儀式感，是人們表達內(nèi)心情感最直接的方式，它使得某一個時刻與其他時刻的不同。同樣一個年輕人，放在光彩奪目的舞臺和放在人流不息的街頭，給人傳達的含義是完全不一樣的。一個好的視覺場景，用戶會因為黑暗感受到恐怖，會因為花團錦簇感知到一股清香，會因為平靜的海洋而觸景生情，而我們要做的就是這種將視覺場景與主體相結(jié)合，帶給用戶更全面的情緒表達。

搖滾樂隊演出的舞臺光

對于環(huán)境的設(shè)計，我們調(diào)研了各種頒獎典禮，宗教儀式，經(jīng)典電影動漫場景等等，制作了相應(yīng)情緒板擬定主視覺風(fēng)格。綜合來說可把環(huán)境的要素分為：背景-核心表達-環(huán)境因子。

環(huán)境表達的要素

對應(yīng)此次設(shè)計，我們提取出來的內(nèi)容分別是深色的紋理背景，模擬現(xiàn)實的頂部光，向上升騰的不規(guī)則粒子。深色的背景不僅可以突出光影的效果，更加突出勛章的分量，稍微增加的紋理，也可以更加拉伸勛章的縱深，給人懸浮神秘的氛圍渲染。

頂部光是舞臺/教堂等常用的光影效果，是從現(xiàn)實世界映射的極具儀式感的表現(xiàn)形式。搭配的向上粒子，不僅可以讓整個環(huán)境更豐富，也更多的傳達一種積極向上的企業(yè)文化。

多種光效加入營造“儀式感”

3. 儀式行為設(shè)計

在做了這些之后，我們覺得對于“儀式感”這個視覺定位還有些欠缺，對應(yīng)人們在現(xiàn)實世界的感受，儀式感更多的是一種行為的結(jié)果，而不是一個靜態(tài)的主體靜幀，我們聯(lián)想到國粹里面經(jīng)典的亮相。我們希望這次的勛章設(shè)計，不僅是一種主體呈現(xiàn)，而且還是一種行為呈現(xiàn)。

戲曲演員的亮相

所以無論是在主體本身的亮相和定身，還是環(huán)境光的亮相及循環(huán)呈現(xiàn)，我都有針對性的進行了相關(guān)的動效設(shè)計。讓整個儀式的呈現(xiàn)更加具有時間慣性。希望，當(dāng)用戶點開勛章的一瞬間，會有一份驚喜在呈現(xiàn)。

勛章和環(huán)境加入動效后的亮相

總體來說，我們認為，儀式感的設(shè)計不應(yīng)該僅僅局限于勛章主體的設(shè)計，要想構(gòu)建整體的感受，需要從主體/環(huán)境/行為等更多維度進行設(shè)計思考和探索。

主體-環(huán)境-行為設(shè)計思考模型

“儀式感”的落地

美好的設(shè)計總歸要遇到落地的問題，規(guī)模生產(chǎn)和精細化實現(xiàn)一直是我們都要面對的標(biāo)準(zhǔn)難題。尤其是這次的設(shè)計主題不僅要設(shè)計大量的勛章，還有其對應(yīng)的精細動效的大規(guī)模生產(chǎn)。

1. 設(shè)計流水線

（1）勛章流水線

在設(shè)計中期因為勛章量比較大，設(shè)計團隊怎么提高設(shè)計質(zhì)量和工作效率，統(tǒng)一設(shè)計標(biāo)準(zhǔn)就顯得比較重要，基于這些問題我們制定了相應(yīng)的勛章設(shè)計規(guī)范。從「圖形、顏色、質(zhì)感、結(jié)構(gòu)」四個基礎(chǔ)形態(tài)來執(zhí)行整體的設(shè)計，制定初步的設(shè)計規(guī)則，幫助后續(xù)更加深入和準(zhǔn)確地把控整體設(shè)計。

從4個維度梳理勛章規(guī)范

（2）動效流水線

如此多的動效怎么才能快速產(chǎn)出且保證運動規(guī)律和節(jié)奏一致。

我們引入了動畫庫工具，在對基礎(chǔ)動畫的進行了拆解和提取后，制作了一套基礎(chǔ)的動效范式。這個動效庫保證了動效設(shè)計的統(tǒng)一節(jié)奏和基本規(guī)則，設(shè)計師可以在此基礎(chǔ)上，根據(jù)勛章的具體內(nèi)容對主體進行微創(chuàng)作即可。

在此基礎(chǔ)上，本來可能花費大量精力的動效設(shè)計環(huán)節(jié)，反而成為了比較輕松和高效的一個過程。保證了我們的勛章設(shè)計，節(jié)奏統(tǒng)一又個性獨立。

統(tǒng)一的動效庫保證勛章的節(jié)奏一致，產(chǎn)出高效

2. 動效的輕量化落地方案

動畫框架的選擇，我們分別對比了PNG序列幀、SVGA、Lottie等實現(xiàn)方式，最終選擇使用AE+Lottie的方案輸出動畫方案。Lottie導(dǎo)出Json文件交付給開發(fā)同學(xué)，開發(fā)同學(xué)簡單調(diào)整、稍做關(guān)聯(lián)就可以完美實現(xiàn)動畫效果！

在本次榮譽體系項目中，我們使用Lottie實現(xiàn)了全部動效設(shè)計，在項目極為緊急的情況下，既保證了視覺呈現(xiàn)，又避免了占用過多開發(fā)資源，總體來說成果喜人。

結(jié)語

以上，是我們這次項目中總結(jié)出的對于“儀式感”設(shè)計思考以及復(fù)盤。希望對大家有所幫助。

在整個項目開發(fā)過程中設(shè)計團隊和開發(fā)團隊配合緊密。在此，也要特別感謝BIC的開發(fā)團隊和HR童鞋對我們不斷嘗試的支持，雖然過程布滿荊棘，但也充滿挑戰(zhàn)，不僅鍛煉了團隊，也提升了多維專業(yè)能力。

作者：環(huán)鐵藝術(shù)家

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心（微信公眾號@58UXD），作者@環(huán)鐵藝術(shù)家

題圖來自 Unsplash，基于CC0協(xié)議。