返回平面设计 ↗

创作者社区 APP · UI 设计作品

灵感碰一下,
创作就发生。

为年轻创作者打造的灵感游乐场。
在这里发现喜欢、收集想法,把每一次心动变成创作的开始。

Material 3 Expressive紫 / 青柠 / 黄视觉与交互展示

设计方向

有秩序地,
大胆一点。

用夸张标题引导注意力,用柔和的容器组织内容。几何切口、圆孔与细线成为背景里的小彩蛋,让整个社区拥有自己的表情。

灵感紫#7350D5
青柠绿#D5F56A
明亮黄#FFD86B

交互体验 / 点击试试看

灵感一动,
趣味就发生。

把 Figma 原型里的节奏带到网页。上弹、轻晃、滑动与形状变化,让每一次操作都有自己的表情。

按照 Figma 原型设定还原的网页交互。支付为演示流程。

社区首页

01 / 关键页面

从发现,到拥有。

四个页面,一条完整体验。
点击任意页面,放大查看设计细节。

01

社区首页

发现作品,让兴趣发生碰撞

02

灵感收集

把喜欢的素材,留在自己的宇宙

03

会员套餐

清晰比较,选择创作通行证

04

确认与支付

从订单到金额,每一步都明确

02 / 灵感收集

收集喜欢的,
也收集没想通的。

双列瀑布流保留素材的视觉节奏;主题板、标签与搜索帮助创作者建立自己的灵感档案。摄影、字体与几何作品并置,让不同形式的创作互相启发。

黄色花朵微距摄影素材
自然的颜色
紫色墙面与黄色窗框的建筑摄影素材
城市的形状

摄影素材来自 Pexels · 花朵 / 建筑

MY LITTLE
UNIVERSE.

03 / 商业体验

一张通行证,
更多可能性。

从权益说明到支付确认,
视觉有趣,信息保持清晰。

PRO

灵感玩家

突出价格与计费周期,
用青柠标签标记推荐方案。

清楚,再确认

订单、实付金额、支付方式,
按决策顺序逐层展开。

页面中的价格与支付为设计演示。
选择套餐
确认订单

04 / 反馈与状态

每一个操作,
都有回应。

保留收藏、成功和失败的最终状态,
让静态展示也能讲清体验。

已收藏

确认收集结果,并提供查看入口

已解锁

完成购买,回到自己的灵感空间

再试一次

说明结果,保留重试与返回路径

让每个“想试试”,都有开始。

POMP!
碰碰 · 灵感游乐场创作者社区 APP / 视觉与交互展示