「玩乐生活」如何设计具有抖音气质的AR城市地标

71天前发布

原创文章 / 多领域 / 资讯
抖音设计中心 原创,如需商业用途或转载请与抖音设计中心联系,谢谢配合。

AR城市地标是一种新的AR产品形式。


Landmark AR(AR地标)是一种新的AR产品形式,当用户用手机扫描识别地标建筑时,可以叠加酷炫的AR特效,实现与地标建筑的互动,具有新奇的用户观感和体验。那抖音的设计师就来给大家讲述一下我们是如何以「玩乐生活」为主题,对三里屯太古里和重庆洪崖洞展开个性化设计的。


undefined

首先,我们如何确定主题


·创意思维导图

地标 -> 旅游景点 -> 游玩 -> 享受、愉悦的情绪     =>   由此确定主题「玩乐生活」

·如何做到更具辨识度的同时又能更好的有差异化设计?

  1. 对地标的文化和特点进行更深入的感知和分析

  2. 更好的与抖音品牌结合,让地标更具有“抖音气质”

「三里屯太古里」的设计思路

及效果展示

首先需要更深入的感知地标:

·根据「三里屯太古里」提取关键词

地标大楼墙体本身的像素风格设计 - 像素

三里屯太古里给人的印象 - 休闲、玩、是时尚的年轻人聚集的地方


如何把抖音和太古里做一个巧妙的结合:

将抖音的音乐与地标本身的设计风格相结合,我们选取了一个最适合的展示形式——电玩游戏

· 玩法逻辑


打开道具识别该地标,小球会围绕着地标随机出现三种运动路径,1. 跳到楼顶的宝箱上,则宝箱成功打开,宝箱打开的同时可以随机触发播放一首抖音的热门歌曲;2、3两种运动路径是小球没有成功跳到宝箱上,当出现这两种情况的时候我们加了一个点击屏幕重新开始游戏的交互逻辑。


 · 设计元素的单独展示:

黄色的小球设计的是笑脸的表情,和「玩乐」的主题相呼应;并在某些小元素上融入了抖音的logo,突出品牌属性。


· 完整的效果展示:



「重庆洪崖洞」的设计思路

及效果展示

· 根据「重庆洪崖洞」提取关键词:


洪崖洞给人印象最深的是比较壮观的夜景,《千与千寻》里的场景据说也是以洪崖洞为原型设计的,以及重庆给人一种很“辣”的印象。


 · 如何把抖音和洪崖洞做一个巧妙的结合:


从「大场面的夜景」这个点展开,我们选取了赛博朋克的设计形式。因为这种设计风格也很适合表现夜景,而且具有很强的科技感和未来感。


我们将赛博朋克的设计风格和洪崖洞本身的文化特色相结合,来一个古建筑和未来元素的碰撞。




这个表现形式的精髓在夜景,所以我们先用滤镜模拟暗光、夜景的效果;也考虑了兼顾白天和夜晚实际光线变化的问题,设置成在白天使用的时候会显示一个比较暗的蓝紫色调的滤镜,在傍晚6点以后使用会切换成另一个不那么暗的蓝紫色调滤镜。


然后在灯牌设计上也结合了抖音品牌和重庆洪崖洞的文化特色。


 · 设计元素单独展示:


选取了能代表重庆文化特色的一些元素,比如重庆小面、辣椒等,并将火锅和雾都相结合进行设计,这些贴近生活的元素正好和「生活」的主题相呼应。




 · 完整的效果展示:



我们抖音的UED团队与产品和研发团队一直在不断探索新的道具玩法,希望为大家的作品提供更多的灵感。这次的AR城市地标作为一种全新的AR互动玩法,能够将AR产品体验由简单的贴纸、图像识别类的“小型场景”拓展成为建筑级别的“大型场景”,并且我们通过设计将抖音的品牌属性和地标城市文化相结合,希望它所具有的视觉冲击和震撼能够给大家带来全新的体验,

除了文中提到的两个地标外,我们同期一共上线了六个城市的AR地标:

北京 - 三里屯太古里(在抖音搜索「像素三里屯」)

重庆 - 洪崖洞(在抖音搜索「朋克洪崖洞」)

上海 - 东方明珠(在抖音搜索「上海天空之城」)

广州 - 省博物馆(在抖音搜索「律动广东省博物馆」)

西安 - 钟楼(在抖音搜索「凤飞西安钟楼」)

澳门 - 大三巴(在抖音搜索「宝藏大三巴」)

AR城市地标道具比较神秘,使用有一个前提——距离地标位置5公里内才会出现在道具选项中。

我们希望大家可以通过这一系列道具感受城市AR地标的独特魅力!赶快来这几个城市的地标打卡吧!


鸣谢:


UED-多媒体设计团队
特效产品、研发团队
品牌市场团队
以及所有使用了抖音特效的你们~🌹


 
招聘品牌、运营视觉、UI、UX、交互、多媒体、3d、插画设计师
投递邮箱:zhaoying.11@bytedance.com
和我们并肩作战吧~

 
 
251
- 2位站酷推荐设计师推荐 -

    文章信息

    • 文章标签

    没有新消息