ZHAO WANSU

抖音城市品类节

Douyin City Category Festival

项目归属
抖音生活服务
项目类型
运营活动视觉设计
项目年份
2025
我的工作
负责项目整体视觉设计与落地,涵盖 KV 主视觉、活动字标、战报与预告海报、招商 H5、长图及站内 Banner,并整理 AI 辅助制作流程。

项目背景

城市品类节是抖音生活服务营收策略侧的专项活动,围绕「重点品类 × 区域运营」推进业务增长。多品类并行、区域策略差异和多业务触点同步上线,要求视觉在短周期内完成大量不同组合的活动素材。随着项目复杂度提升,单张 KV 与人工逐项延展难以支撑持续需求,设计需要在既定视觉方向下,兼顾系列一致性与规模化产出。

视觉元素

Visual Elements

以秋冬城市微景观组织画面,将餐饮、休闲运动与酒店元素放入同一场景。沿用主视觉的毛绒、黏土材质与暖色,整理标题、角色、道具和数字,用于后续物料延展。

活动字标
战报数字

主视觉与识别变体

Visual Variants

城市品类节竖版主视觉,完整展示毛绒字标、滑雪人物、酒店与火锅场景
竖版主视觉
城市品类节活动字标的彩色与反白版本
活动字标 · 彩色与反白
城市品类节的暖黄、橙红与辅助色配色组合
视觉配色
城市品类节招募信息路牌,完整呈现圆形牌面与支架
招募路牌
城市品类节头像路牌,将人物头像嵌入圆形牌面的视觉变体
头像路牌

设计思路

延续秋冬城市微景观的主视觉语言,将毛绒字标、黏土角色、酒店与火锅等场景元素整理为可复用的视觉组件。围绕达人肖像、商家数据、直播时间和招募流程,分别建立适应内容变化的版式,再延展至长页面、品类一页纸与站内资源位;结合 AI 辅助制作探索,让后续更新能够沿用既定的材质、色彩与构图关系。

页面组件与长图

Components & Campaign Pages

头图、信息标题与报名状态组成招募页面,并延展为通用、餐饮与酒旅三类介绍长图。

页面组件与状态

Page Components & States

城市品类节页面头图,适配较短的活动副标题
头图 · 短副标题
城市品类节页面头图,适配较长的活动副标题
头图 · 长副标题
城市品类节活动信息毛绒标题条
活动信息标题条
城市品类节活动玩法毛绒标题条
活动玩法标题条
橙色毛绒质感的点击报名按钮
报名按钮
浅色毛绒质感的已报名状态按钮
已报名状态
城市品类节直播内容图标
直播图标
城市品类节流量内容图标
流量图标

完整招募页面

Recruitment Pages

城市品类节线上招募 H5 完整页面,包含头图、活动信息、活动玩法与报名入口
线上 H5
城市品类节完整招募长图,呈现头图、活动信息、活动玩法与二维码区域
招募长图

品类一页纸

Category One-pagers

城市品类节通用版一页纸,完整展示达人、商家与场景的版式组合
通用版
城市品类节餐饮版一页纸,完整展示火锅元素与活动信息的版式组合
餐饮版
城市品类节酒旅版一页纸,完整展示酒店元素与活动信息的版式组合
酒旅版

系列应用

Campaign Applications

战报、直播预告与站内资源位,沿用同一套元素,适配不同品类、信息量与展示尺寸。

达人战报

Creator Reports

城市品类节达人战报通用版,人物与路牌元素的版式示例
通用版
城市品类节达人战报餐饮版,人物与火锅场景的版式示例
餐饮版
城市品类节达人战报酒旅版,人物与酒店场景的版式示例
酒旅版
城市品类节达人战报头像版,以圆形头像路牌组织信息的版式示例
头像版

商家战报 · 信息量变化

Merchant Report Variants

城市品类节商家战报版式示例,未增加补充数据行
无补充数据
城市品类节商家战报版式示例,包含一条补充数据
一条补充数据
城市品类节商家战报版式示例,包含两条补充数据
两条补充数据
城市品类节商家战报版式示例,包含三条补充数据
三条补充数据

直播预告

Livestream Previews

城市品类节直播预告通用版,使用滑雪人物场景
通用版
城市品类节直播预告餐饮版,使用火锅场景
餐饮版
城市品类节直播预告酒旅版,使用酒店场景
酒旅版

横幅与站内资源位

Banners & In-app Placements

城市品类节飞书文档封面,横向展开活动字标与秋冬场景
飞书文档封面
城市品类节来客及集星横幅资源位
来客 / 集星
城市品类节林客资源位,人物、酒店与火锅场景的完整构图
林客
城市品类节达人中心横幅资源位
达人中心
城市品类节垂直搜索宽版横幅资源位
垂搜 · 宽版
城市品类节垂直搜索资源位
垂搜
城市品类节阿拉丁搜索活动卡片资源位
阿拉丁
城市品类节锦书综合版横幅,使用滑雪人物元素
锦书 · 综合版
城市品类节锦书餐饮版横幅,使用火锅元素
锦书 · 餐饮版
城市品类节锦书酒旅版横幅,使用酒店元素
锦书 · 酒旅版
城市品类节锦书主视觉版横幅,保留完整的活动字标与场景组合
锦书 · 主视觉版