青娱乐最新官网一区,亚洲无码在线播放视频,c逼视频香蕉视频,亚洲精品午夜精品,香蕉久操,国产成人99精品免费视频明星,三级无码在线观看,国产一级二级三级在线观看

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
轉(zhuǎn)自：TCD設(shè)計(jì)中心
編輯：韋建軍審核：王翎旭
本文共 1806 字 20 圖預(yù)計(jì)閱讀 5 分鐘

今天和大家分享一下最近做的海外新用戶推薦動效的設(shè)計(jì)，大綱如下：

1.項(xiàng)目背景

1.1 產(chǎn)品問題

1.2 產(chǎn)品目標(biāo)

2.設(shè)計(jì)思路

2.1 分析原型圖

2.2 制定設(shè)計(jì)策略

3.設(shè)計(jì)執(zhí)行

3.1 視覺調(diào)性

3.2 設(shè)計(jì)腦暴

3.3 繪制靜幀

3.4 動效設(shè)計(jì)

3.5 最終效果展示

4.項(xiàng)目反饋

5.項(xiàng)目總結(jié)

Part 1

項(xiàng)目背景

1.1 產(chǎn)品問題

目前平臺的月活新用戶數(shù)量較大，但是留存率不高，主要原因是無法精準(zhǔn)的分發(fā)優(yōu)質(zhì)作品，并且海外用戶并不喜歡暴露自己的性別隱私，去掉原有的性別選擇頁面，轉(zhuǎn)而將現(xiàn)版的用戶推薦進(jìn)行視覺升級。

1.2 產(chǎn)品目標(biāo)

為了讓新用戶更快找到想看且平臺優(yōu)質(zhì)的作品，這次改版的目標(biāo)是要提高平臺新用戶閱讀率，目前現(xiàn)版的分類頁整體視覺表現(xiàn)較弱，決定將原有的新用戶推薦進(jìn)行視覺升級：

Part 2

設(shè)計(jì)思路

2.1 分析原型圖

與產(chǎn)品進(jìn)行多次溝通并結(jié)合背景分析產(chǎn)品線框圖，確定分類頁是新用戶最先看到的頁面，相對于靜態(tài)的圖形，動效更容易被眼睛捕捉。利用這個(gè)特性，我決定從另外一個(gè)維度吸引用戶注意力。

2.2 制定設(shè)計(jì)策略

通過頂部頭圖動效的設(shè)計(jì)，讓整個(gè)頁面視覺感受更為生動，讓用戶增強(qiáng)互動感。為讓更好的做好銜接流暢，我決定增加一個(gè)加載動效，降低等待的枯燥感，同時(shí)加強(qiáng)品牌感知，強(qiáng)化世界觀。

Part 3

設(shè)計(jì)執(zhí)行

3.1 視覺調(diào)性

3.1.1 顏色

配色上延續(xù)海外版的清爽的感覺，以橙色和黃色為主色調(diào)，并以藍(lán)色為輔助色調(diào)，但是在視覺規(guī)范的基礎(chǔ)上進(jìn)行了降低飽和度以及漸變的處理。黑白灰以文案和提示性區(qū)域。

3.1.2質(zhì)感

在表現(xiàn)手法上，在海外版扁平風(fēng)基礎(chǔ)上增加一些質(zhì)感，以微擬物手法進(jìn)行再設(shè)計(jì)，并且增加一些磨砂材質(zhì)及弱反射的效果，弱化元素的重量，減輕視覺負(fù)擔(dān)。

3.2設(shè)計(jì)腦暴

整個(gè)動效的創(chuàng)意來源于品牌故事

從故事中我主要提取了幾個(gè)元素：普林斯星球的王子（黑子）、太空、星球、火箭、流星。

在設(shè)想了許多方案以后，最終敲定用【畫面一：黑子向用戶打招呼】-用戶選擇分類之后出現(xiàn)【畫面二：火箭飛向漫畫星球】的過渡畫面-進(jìn)入為你推薦整個(gè)動效的創(chuàng)意來源于品牌故事。

3.3繪制靜幀

下面是幾個(gè)重點(diǎn)元素的優(yōu)化過程稿

3.4動效設(shè)計(jì)：

設(shè)計(jì)過程主要分為三個(gè)部分：

黑子動效設(shè)計(jì)

怎么樣能讓黑子打招呼生動、有趣？開始沒有想太多，既然是打招呼，那應(yīng)該只搖搖手就行了，但是做出來之后發(fā)現(xiàn)太死板了，觀察和朋友同事打招呼的時(shí)候，面部表情也是非常關(guān)鍵的，同時(shí)可以表達(dá)出喜怒哀樂，提煉了三個(gè)關(guān)鍵點(diǎn)：

背景動效設(shè)計(jì)

如何讓畫面更有層次？背景起到了很大作用，讓我想起小學(xué)那會兒給名詞加形容詞，浩瀚的太空，漂浮的星球，飛馳的流星

火箭動效設(shè)計(jì)

在制作火箭動效的時(shí)候主要考慮這兩點(diǎn) 1.火箭飛行的角度要怎么擺放？做了兩種擺放樣式，會覺得傾斜擺放更有沖擊力 2.火箭在飛的過程中如何能做的生動，找了很多參考，發(fā)現(xiàn)了三個(gè)關(guān)鍵點(diǎn)：旋轉(zhuǎn)、氣流、速度。

3.5最終效果展示

Part 4

項(xiàng)目反饋

項(xiàng)目輸出之后收到多方的好評，并且嘗試未來在子 APP 上使用；

Part 5

項(xiàng)目總結(jié)

新用戶推薦作為用戶最開始接觸的選項(xiàng)，同時(shí)也是知道用戶喜好的敲門磚，如何跳脫出競品同質(zhì)化的困境，在視覺的表現(xiàn)上，應(yīng)當(dāng)從本質(zhì)出發(fā)，打造品牌自身的獨(dú)特風(fēng)格，讓動效的視覺表現(xiàn)和頁面信息相呼應(yīng)，給用戶一種代入感的體驗(yàn)。

通過這次需求對 AE 也有了新的認(rèn)識，例如 3D Storke 和粒子插件的應(yīng)用，并且對表情動效有了新的理解，但是在執(zhí)行當(dāng)中也因?yàn)檎w風(fēng)格把控以及前期靜幀元素繪制不夠精細(xì)，導(dǎo)致花費(fèi)了很多時(shí)間在調(diào)整元素上，之后盡量保證在進(jìn)入動效設(shè)計(jì)之前完成靜幀設(shè)計(jì)。

···

文末 發(fā)消息

和主理人交流探討

— The End —

??熱門文章推薦??

▽

設(shè)計(jì)師們應(yīng)該多玩電子游戲，游戲化設(shè)計(jì)背后的極致體驗(yàn)

為數(shù)字項(xiàng)目制定用戶體驗(yàn)策略的 6 個(gè)實(shí)用工具！

符號學(xué)分析導(dǎo)論，圖標(biāo)構(gòu)建的 3 大要素

在校的學(xué)弟學(xué)妹們，想要進(jìn)大廠實(shí)習(xí)，請務(wù)必提前準(zhǔn)備！

解密設(shè)計(jì)系統(tǒng)的 11 大優(yōu)點(diǎn)，終于可以說服你的管理層

?? 精選體驗(yàn)設(shè)計(jì)知識??

▽

精選收錄文章

?? 我們一起聊設(shè)計(jì) ???♂?

三分設(shè)

精選全球設(shè)計(jì)知識，助力 1 億設(shè)計(jì)師成長

43,823

設(shè)計(jì)師已關(guān)注

歡迎添加 ?? 星標(biāo)，獲取每日好文推薦

高質(zhì)量設(shè)計(jì)微信交流群

期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長

PS：歡迎大家關(guān)注三分設(shè)，每天早上 8 點(diǎn)，準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。添加小小蟲微信號【 Lil_Bug 】，備注【 三分設(shè) 】加入！

↓↓↓點(diǎn)開『閱讀原文』，歡迎你的加入

動效設(shè)計(jì) | 海外新用戶推薦融入動效設(shè)計(jì)

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)轉(zhuǎn)自：TCD設(shè)計(jì)中心編輯：韋建軍 審核：王翎旭本文共 1806 字 20 圖 預(yù)計(jì)閱讀 5 分鐘

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
轉(zhuǎn)自：TCD設(shè)計(jì)中心
編輯：韋建軍審核：王翎旭
本文共 1806 字 20 圖預(yù)計(jì)閱讀 5 分鐘