从产品主视觉到品牌系统，再到运营场景。这里呈现画面，也留下选择背后的理由。
阅读案例以黄昏营地和日光单品两种场景，探索一盏露营灯从情绪主张到产品识别的完整表达。
阅读案例按关注的方向浏览已完成项目。每个案例都包括方案理由、品牌一致性和验证计划。
显示 10 个项目
没有匹配的作品，试试其他关键词或分类。
把通勤中的专注感转成耳机上市概念，统一主视觉、社交物料与详情页的信息层级。
阅读完整案例我希望参与 AIGC 产品与运营视觉工作，把对画面的兴趣，带进具体的产品场景。
产品主视觉、品牌一致性、多尺寸传播，以及视觉方案如何进入可操作的界面。求职方向为视觉设计实习，优先考虑深圳等城市。
本站展示个人概念项目，制作过程包含 AI 辅助图像、设计推敲和代码。案例区分已有本地检查与待验证计划，具体工具在项目内说明。
以黄昏营地和日光单品两种场景，探索一盏露营灯从情绪主张到产品识别的完整表达。
选择黄昏营地作为首发方向，让冷色旷野与琥珀灯光形成记忆点。日光单品图补足结构识别，参数移至详情。两个方向承担不同任务，不以未经验证的转化效果决定取舍。
制作工具：AI 图像生成与参考编辑 / HTML / CSS / JavaScript / SVG
灯罩、提手、琥珀竖纹扩散罩和圆柱底座作为四项造型锚点；原野绿、雾白与硫黄连接图像和页面。跨尺寸重新组织标题与产品。两张生成图仍有轻微形态漂移，生产级一致性需模型或样品校对。
既有浏览器记录覆盖方案切换、并排选择、三尺寸导出与本地恢复，并检查摄影版保留原图和独立标题。已做桌面与手机视口检查，未验证销量、工程性能或实际投放效果。
计划进行五秒品类识别与主张复述，并随机交换两方案顺序，分别记录理解、偏好和点击意向；真实投放前另行定义事件与样本条件。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
把通勤中的专注感转成耳机上市概念，统一主视觉、社交物料与详情页的信息层级。
以通勤专注感连接产品与生活，把首屏收敛为一句利益点、产品和行动入口。关键规格放在后续详情，避免品牌记忆和参数说明同时争夺注意力。
制作工具：AI 图像生成 / Figma / HTML / CSS
深墨色、冷银与黄绿构成固定色盘，亮色集中用于行动和重点信息。主视觉与特写复用同一张生成图，以裁切保持产品外观一致；跨尺寸重新排版，文字独立于图像。
既有十页渲染报告未记录文字溢出或坏图，交付记录包含中文与字体检查。这只验证文件质量；价格、续航、重量与降噪均为未经工程验证的概念假设。
计划以五秒识别和找信息任务检验产品利益、价格与参数条件是否清楚，记录误解点。佩戴体验、性能与销售效果须另行实测。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
用步骤编号、品类与统一标签层级组织三款护理产品，让包装、详情与社交视觉说同一种语言。
以层序组织清洁、精华和面霜的关系，先帮助读者理解步骤，再认识产品。编号与品类共同承担识别，不把选择完全交给瓶身颜色；旧版仅为模拟对照。
制作工具：AI 图像生成 / SVG / HTML / Figma
暖纸白、鸢尾紫、深梅与杏色搭配衬线字标。三个品类共用编号、名称和容量层级，正标与背标分工，包装和传播素材沿用同一规则。精确文字以独立矢量标签为准。
既有记录涵盖案例册、应用和正背标签的视觉检查，未发现缺失链接。产品图、容量、价格及包装尺寸为概念设定，未经过配方、生产或印刷打样验证。
计划用灰度与缩略图检验品类识别，再观察使用者寻找步骤、品类和容量的过程；实物打样时另检小字、对比度与真实标签内容。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
把七日健身目标拆成可见的小步，以进度、恢复日和分享物料连接开始、坚持与再次参与。
围绕难开始、怕中断的设计假设，每天给出明确任务，并提前显示时长与器械。恢复日也计入计划，错过一天保留进度，会员路径保留免费返回入口。
制作工具：HTML / CSS / SVG / Figma
钴蓝、奶油白、青柠绿与深蓝贯穿应用和传播。七格进度、人物与徽章反复出现；完成、当前和待开始状态同时使用文字、勾选与边框，避免只靠颜色说明。
既有八条流程检查覆盖暂停继续、退出、完成后进度、会员演示与错过日恢复。这是首任务原型检查，没有完整课程、真实训练数据或留存结论。
计划观察使用者寻找训练时长、暂停后继续，以及解释会员价格和免费路径的过程。训练内容须由专业人士审查，演示完成率不能当作健康成效。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
将咖啡新品、规格选择、门店自取与会员集章连成一条路径，让品牌个性服务于每次购买。
围绕这一杯怎么买、下一杯为什么回来组织内容。规格与优惠影响最终金额，门店和总价在确认环节集中呈现；集章让再次参与的理由具体可见。
制作工具：HTML / CSS / JavaScript / SVG / Figma
奶油白、咖啡棕和柠檬黄分别承载底色、主要操作及奖励。杯型插画与会员印章共享视觉语言，菜单和结算区收敛装饰，优先显示品名、价格与规则。
既有本地记录包含规格加价、优惠失效、集章兑换、再来一单及桌面手机布局检查。所有订单、门店和奖励均为演示，没有接入支付或真实会员账户。
计划让参与者完成指定门店、规格和优惠任务，记录求助、错误与耗时，并复述最终价格。复购效果仍需真实试点和基线比较。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
让输入、预览与版本相邻，围绕首次可用导出组织创作流程，并保留比较、恢复和回退的依据。
参数、画面和历史放在相邻区域，使修改原因与结果更容易对应。恢复版本与并排比较支持可解释的选择；演示画面由本地几何程序生成，不具备真实模型的语义理解。
制作工具：HTML / CSS / JavaScript / SVG
炭黑外框、灰白面板、淡紫操作色与薄荷绿反馈划分工作区域。圆环、轨道和球体作为宣传图的共同语言；手机端延续输入、预览、版本的任务顺序。
既有记录覆盖恢复种子与风格、比较候选、矢量与参数导出及手机布局。套餐和额度均为演示，不产生订阅或扣费，也没有生成质量、留存或付费提升结论。
计划邀请新手完成首次导出，记录参数误解、耗时与回退次数，再请其解释候选选择及额度含义。真实图像模型的接入与效果须另测。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
用建筑切片与几何路径呈现城市探索，将活动发现、预约和票夹连成具有后续操作的视觉系统。
建筑切片呼应城市探索，分类支持闲逛发现，中文搜索支持明确查找。预约后保留票夹和取消入口，让视觉吸引力有后续任务承接；活动与场地均为虚构。
制作工具：HTML / CSS / JavaScript / SVG / Figma
钴蓝、橙色和纸白连接宣传与票务，粗体标题与几何图形形成统一识别。预约区减少装饰，突出日期、票种、费用；选中与售罄同时使用文字和边框。
既有记录覆盖搜索、售罄禁选、票价计算、下载票夹、取消释放名额及手机布局。名额仅存在当前浏览器，演示票不能作为真实入场凭证。
计划让参与者按时间与预算选择活动，完成预约、找票和取消，记录日期或票种错误、求助与耗时。支付、退款与多人并发库存尚未验证。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
用共享数据的看板与列表连接任务推进，保留详情上下文，并把撤销、失败恢复和键盘操作纳入流程。
看板侧重状态，列表集中呈现负责人和日期，两者共用数据。详情抽屉保留任务上下文，有限篇幅优先处理推进与纠错；团队、成员与任务均为虚构。
制作工具：HTML / CSS / JavaScript / SVG
深森林绿承担导航与主操作，黄绿标记当前路径，浅米灰作为底色。任务、列表与抽屉共用字体与状态文字，并提供选择器作为拖放的替代入口。
既有工程记录覆盖创建、拖放、键盘移动、撤销、失败保留输入与存储受限。手机为浏览器视口模拟，未测试多人协作、实体设备或读屏器；原生 Figma 正文未交付。
计划邀请有协作经验的参与者完成查找、移动和纠错，记录首次完成与恢复耗时，再用真实产品数据评估交接追问是否减少。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
以温和的居家语言组织设备、场景与自动化，先预览影响再确认执行，并为离线和失败保留恢复路径。
调光先预览再保存，跨设备场景先列出影响范围再确认，意在让结果可预期。多一步操作是明确取舍，仍需验证高频使用的成本；设备与环境数据均为模拟。
制作工具：HTML / CSS / JavaScript / SVG / Figma
暖纸白、苔绿和低饱和木色贯穿设备与规则界面。状态文字、图形与重试入口共同表达反馈，温和文案延伸到异常处理；居家插画来自本地形状构成。
既有工程记录覆盖滑块预览、确认执行、离线阻断、失败保留原值与重试。未连接真实硬件；原生 Figma 结构已核验，但部分辅助文字色尚未同步，交互以本地原型为准。
计划观察参与者调光、执行场景和恢复离线，记录误触、完成情况与找到重试的耗时；真实设备、调度和读屏器仍需独立验收。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
把耗时、费用、步行与换乘放在同一比较视野，用地图和路线同步反馈，帮助理解不同选择的代价。
路线比较集中呈现耗时、费用、步行和换乘，减少来回记忆。途经点先编辑再确认，取消保留原路线，并提供键盘排序入口；路线服务与城市信息均为本地模拟。
制作工具：HTML / CSS / JavaScript / SVG / Figma
品牌蓝统一主操作与选中边框，纸色底和黄色说明卡贯穿界面。选择路线时同步原创示意地图与文字，保持空间信息和比较结果一致。
既有工程记录覆盖筛选、途经点排序、保存恢复、离线与失败重试，并检查桌面和手机视口。没有真实出行或实体手机测试；原生 Figma 已做结构核验，视觉复核尚未完成。
计划通过任务完成、路线理由复述与异常恢复耗时检验设计，再评估规划放弃情况。真实用户研究、实时交通和商业效果仍待验证。
本案例为个人概念探索，图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录，用户与商业效果尚未实测；页面所示产品信息与演示数据不代表真实销售或客户成果。
