把选择图片、输入修改和管理版本放在相邻的位置。减少在文件夹与对话之间寻找上下文的往返。
- 01
留在画布上
图片成为可以移动、缩放和重新组织的节点。
- 02
从这一张继续
选中图片,在旁边写下修改意图,保留当前上下文。
- 03
实际画布截图 · 导入面包机图片,演示修改入口- 01
放入图片
导入参考 / 生成起点
- 02
描述修改
选中节点 / 写下意图
- 03
长出分支
保留父图 / 连接新版本
- 04
回看与保存
比较路径 / 导出画布
↶任意节点都可以成为下一次迭代的起点
我与 AI 如何协作
我提出保存视觉迭代的需求,梳理画布中的使用路径,并通过实际使用提出修改;与 AI 一起完成界面、功能整合和迭代。
当前边界
当前用于本地个人探索,支持画布中的图片组织与分支流程。本页展示导入与修改入口,没有将这张示例图作为生成结果。
继续迭代
下一步想让大量图片更容易寻找与回看,再探索跨设备使用。先验证长期使用中的问题,再决定公开或产品化。
开源基础:基于 infinite-canvas ↗(AGPL-3.0)改造。标志与设备展示由 AI 辅助生成。
关系图帮助组织问题,动作与记录承接日常使用。复杂内容可以先聚焦,再逐步展开。
- 01
- 02
- 03
回到日常行动
用动作库、打卡和趋势记录接住后续探索。
实际动作库截图 · 按阶段组织动作条目- 01
理解
关系图 / 主线聚焦
- 02
行动
动作库 / 饮食记录
- 03
记录
每日打卡 / 趋势与照片
- 04
回看
个人变化 / 本地备份
↶回看记录,再调整下一阶段的个人计划
我与 AI 如何协作
我从自己的体态管理需求出发,选择要记录和回看的信息,再与 AI 协作把关系图、动作库与日常记录连接起来。
当前边界
当前是个人使用的体态记录原型。关系图与动作内容仍需专业核验,尚未验证纠正效果,不提供诊断。
继续迭代
先完善长期记录和个性化管理,再探索独立的多人配置、跨设备使用与应用化。目前这些仍是后续方向。
“故事从这一页开始。”
品牌理念
品牌名称来自一个关于阅读的想象——每本书的第24页,往往是故事真正开始的地方。书店因此被设想为一个“意外闯入的情节入口”,让来到这里的人,在阅读、咖啡与展览之间发现新的兴趣。面对线上阅读与实体书店同质化带来的挑战,项目通过理念识别、视觉识别与行为识别,建立具有故事感、可分享、可沉浸体验的品牌形象。
设计目标以空间与环境为核心,以导视系统组织到访路径,以广告宣传建立触达,再通过事务用品、员工制服与日常物料延续品牌体验。以下以已有的视觉识别、物料设计与网站界面展示这一体系。
我的工作
合作完成纸杯与包书纸等品牌应用,独立完成帆布袋、会员卡与28页网站界面。这里选取标志、物料与界面成果,呈现它们之间的视觉联系。
- 类别
- 品牌体验 · 网站与移动端 · CIS
- 年份
- 2026
- 角色
- 响应式网站 · 品牌应用
- 工具
- Visual Identity · Graphic Design · Figma · Web UI
- 当前状态
- 品牌设计方案 · 物料渲染 · 界面原型
01 / DIGITAL EXPERIENCE
五个入口,
同一间书店
阅读、咖啡、展览、活动与关于,构成官网的五个入口。桌面用横向导航组织内容,手机端收进菜单。纸张色、小熊标志与统一的组件,让每一条浏览路径都保留品牌的亲近感。
第24页 · 首页02 / READING JOURNEY
从一本书,
到一杯咖啡
将“第24页”变成可以点击的试读入口。读者先发现书籍,再进入一段故事,最后通过饮品推荐,把线上阅读连接到书店里的停留。
01
发现书单

按主题遇见一本书
02
了解一本书

封面、简介与试读入口
03
翻到第24页

用一段文字,进入故事
04
配一杯咖啡

从荐读,延伸到饮品
03 / PLAN A VISIT
把兴趣,
变成一次到访
先看展览内容、日期与场地,再选择场次并填写信息。关键行动分步出现,让预约沿着已经建立的兴趣自然展开。
视觉识别
小熊与数字24,组成一个记号
数字24与小熊形态结合,形成亲近、易识别的品牌标志。书脊棕、铅字褐、旧页米与留白纸延续阅读空间的色彩,页灯黄作为点睛。标志可以完整出现,也可以拆分为重复纹样,适应不同尺度的物料。
品牌标志↗品牌标准色
从标志到物料,用统一的色彩与图形,连接阅读、咖啡和展览。
咖啡与阅读
一杯咖啡,一本包好的书
纸杯与陶瓷杯让品牌进入咖啡场景,小熊图形则在包书纸上变成有节奏的重复纹样。大标志与小纹样分别适应拿在手里、放在桌上和包裹书本的观看距离,让不同物料保有联系,也各自适合使用。
精选品牌物料 · 渲染展示
外带纸杯↗
陶瓷杯↗
包书纸 · 平铺纹样↗
包书纸 · 包裹效果↗