聚焦SVG排版技巧与创意应用的实用手册合集

A collection of practical manuals focusing on SVG typesetting techniques and creative applications

City不City，也火到图文里啦~

City不City，也火到图文里啦~

2024-07-03

 

                                               

City不City啊~City不City啊~

在一位外国博主的视频中，频频出现「City不City」的魔性询问，很快这句短语成为了网络热梗，大家纷纷模仿。


今天整理给大家了8篇🥂City不City🥂SVG图文案例，分别来自稚优泉、江西银行、NERDY OFFICIAL、HollisterCo、奇瑞汽车、理肤泉LaRochePosay、iapm商场、阿维塔，让我们看看到底City不City。

更多City不City相关的图文案例（超60篇）点击小程序查看：



更多案例合集：夏日|奥运会|班味|春游踏青|i人和e人|美拉德|搭子|尊嘟假嘟|City Walk|MBTI|芭比|多巴胺|emo|C位 |显眼包


01

HollisterCo


《这样的美式校园Look，city不city》

▲GIF演示

点此查看原文

通过「前景视差左滑」介绍Hollister系列服装，借此吸引大家前往旗舰店购买。

交互需定制

定制联系二师兄微信(ID: playhudong004)，点此查看定制流程和套餐，低至500元/篇

02

稚优泉


《早八涂这个city不city 啊~ 🤳》

▲GIF演示

点此查看原文

「点击切换GIF动图后展开」新手速妆质感四色眼影，多个平级「点击消失后展开」各个颜色的眼影盘，吸引读者前往购买。

交互对应编辑器组件/组合

组合：点击消失+展开(可嵌套展开,有触发区,固宽)点此0元购

编号：11848（组合）
组件：淘口令-图片(可调字体大小)点此0元购

编号：10194（组件）

03

江西银行


《（内含206元福利→）这样的江西南昌，city不city呀？》

▲GIF演示

点此查看原文

「点击展开」江西南昌walk city夏日图鉴，吸引大家参与江西银行信用卡惊喜福利活动，从而宣传江西银行。

交互对应编辑器组件/组合

组合：点击展开(有触发区)点此0元购

编号：10051（组合）

04

NERDY OFFICIAL


《真的好city》

▲GIF演示

点此查看原文

欧洲杯热浪来袭，「点击消失后展开」介绍NERDY OFFICIAL系列运动服装，吸引读者前往购买。

交互对应编辑器组件/组合

组合：点击消失+展开(设置触发区域)点此0元购

编号：11186（组合）
组件：双层滑动-前景左滑(自动对齐)点此0元购

编号：10270（组件）

05

奇瑞汽车


《全新一代 瑞虎7丨618一口价？！你说city不city啊~》

▲GIF演示

点此查看原文

「左滑」查看全新一代瑞虎7汽车，然后依次介绍SUV汽车细节，借此宣传瑞虎7SUV。

交互对应编辑器组件/组合

组件：双层滑动-背景左滑(自动对齐)点此0元购

编号：10273（组件）

06

理肤泉LaRochePosay


《夏日出行带这套，City不City？》

▲GIF演示

点此查看原文

「前景左滑」查看理肤泉LaRochePosay系列防晒单品的介绍，从而开启夏季旅行计划，借此吸引读者前往购买。

交互对应编辑器组件/组合

组件：双层滑动-前景左滑(自动对齐)点此0元购

编号：10270（组件）

07

iapm商场


《夏日运动，city不city啊？》

▲GIF演示

点此查看原文

「点击切换选择」夏日出游的不同灵感搭配，借此宣传iapm商场，吸引读者前往挑选。

交互对应编辑器组件/组合

组件：点击-无限选择切换图片点此0元购

编号：11765（组件）

08

阿维塔


《今日夏至，小塔好 city~ 啊》

▲GIF演示

点此查看原文

今日夏至，通过「三层上滑」依次介绍阿维塔汽车各个细节，借此宣传阿维塔汽车，吸引读者前往试驾购买。

交互对应编辑器组件/组合

组件：三层滑动-上滑(多张）点此0元购

编号：10803（组件）



如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）搜索关键词「City」查看更多相关案例。


目前案例库总案例数已达60W+，其中6W+案例支持一键还原，制作同款效果非常方便。



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。




● SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版，请点此查看定制流程和套餐，低至500元/篇。

 

                                                           
                                                           

热门工具

推荐阅读

组件教程
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车体育运动
人民日报
2025-06-17
聚焦SVG排版技巧与创意应用的实用手册合集
首页案例合集
City不City，也火到图文里啦~2024-07-03 09:00

 

                                               

City不City啊~City不City啊~

在一位外国博主的视频中，频频出现「City不City」的魔性询问，很快这句短语成为了网络热梗，大家纷纷模仿。


今天整理给大家了8篇🥂City不City🥂SVG图文案例，分别来自稚优泉、江西银行、NERDY OFFICIAL、HollisterCo、奇瑞汽车、理肤泉LaRochePosay、iapm商场、阿维塔，让我们看看到底City不City。

更多City不City相关的图文案例（超60篇）点击小程序查看：



更多案例合集：夏日|奥运会|班味|春游踏青|i人和e人|美拉德|搭子|尊嘟假嘟|City Walk|MBTI|芭比|多巴胺|emo|C位 |显眼包


01

HollisterCo


《这样的美式校园Look，city不city》

▲GIF演示

点此查看原文

通过「前景视差左滑」介绍Hollister系列服装，借此吸引大家前往旗舰店购买。

交互需定制

定制联系二师兄微信(ID: playhudong004)，点此查看定制流程和套餐，低至500元/篇

02

稚优泉


《早八涂这个city不city 啊~ 🤳》

▲GIF演示

点此查看原文

「点击切换GIF动图后展开」新手速妆质感四色眼影，多个平级「点击消失后展开」各个颜色的眼影盘，吸引读者前往购买。

交互对应编辑器组件/组合

组合：点击消失+展开(可嵌套展开,有触发区,固宽)点此0元购

编号：11848（组合）
组件：淘口令-图片(可调字体大小)点此0元购

编号：10194（组件）

03

江西银行


《（内含206元福利→）这样的江西南昌，city不city呀？》

▲GIF演示

点此查看原文

「点击展开」江西南昌walk city夏日图鉴，吸引大家参与江西银行信用卡惊喜福利活动，从而宣传江西银行。

交互对应编辑器组件/组合

组合：点击展开(有触发区)点此0元购

编号：10051（组合）

04

NERDY OFFICIAL


《真的好city》

▲GIF演示

点此查看原文

欧洲杯热浪来袭，「点击消失后展开」介绍NERDY OFFICIAL系列运动服装，吸引读者前往购买。

交互对应编辑器组件/组合

组合：点击消失+展开(设置触发区域)点此0元购

编号：11186（组合）
组件：双层滑动-前景左滑(自动对齐)点此0元购

编号：10270（组件）

05

奇瑞汽车


《全新一代 瑞虎7丨618一口价？！你说city不city啊~》

▲GIF演示

点此查看原文

「左滑」查看全新一代瑞虎7汽车，然后依次介绍SUV汽车细节，借此宣传瑞虎7SUV。

交互对应编辑器组件/组合

组件：双层滑动-背景左滑(自动对齐)点此0元购

编号：10273（组件）

06

理肤泉LaRochePosay


《夏日出行带这套，City不City？》

▲GIF演示

点此查看原文

「前景左滑」查看理肤泉LaRochePosay系列防晒单品的介绍，从而开启夏季旅行计划，借此吸引读者前往购买。

交互对应编辑器组件/组合

组件：双层滑动-前景左滑(自动对齐)点此0元购

编号：10270（组件）

07

iapm商场


《夏日运动，city不city啊？》

▲GIF演示

点此查看原文

「点击切换选择」夏日出游的不同灵感搭配，借此宣传iapm商场，吸引读者前往挑选。

交互对应编辑器组件/组合

组件：点击-无限选择切换图片点此0元购

编号：11765（组件）

08

阿维塔


《今日夏至，小塔好 city~ 啊》

▲GIF演示

点此查看原文

今日夏至，通过「三层上滑」依次介绍阿维塔汽车各个细节，借此宣传阿维塔汽车，吸引读者前往试驾购买。

交互对应编辑器组件/组合

组件：三层滑动-上滑(多张）点此0元购

编号：10803（组件）



如果以上案例还没有看够，可以到「品牌时光机」交互图文案例库（网址：brandtime.cn）搜索关键词「City」查看更多相关案例。


目前案例库总案例数已达60W+，其中6W+案例支持一键还原，制作同款效果非常方便。



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。




● SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版，请点此查看定制流程和套餐，低至500元/篇。

 

                                                           
                                                           

热门工具

推荐阅读

组件教程
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车体育运动
人民日报
2025-06-17
公众号
小程序
小红书
视频号
i排版_iPaiban_客服微信扫码加客服领会员
联系邮箱：i@playhudong.com
i排版_iPaiban_公众号i排版_iPaiban_知乎i排版_iPaiban_微博i排版_iPaiban_哔哩哔哩
京ICP备14043207号-2 京公网安备11010802023272号
小黄人科技@2025 | 服务协议