张琦彬 · 2026 设计作品集

以创意探索
以作品作答

主设计师 | 已上线
主设计师 | 已上线
自主产品 | 规划上线
独立设计 | 方案提供
协助设计 | 获奖项目 | 练习项目

让同一套体验在不同设备中延展

围绕不同屏幕尺寸重新组织内容层级与视觉比例,在手机、平板与桌面端之间保持统一的设计语言,让核心信息在不同设备中都能清晰、连贯地呈现。

主设计师 | 已上线

让产品优势在不同屏幕中清晰呈现

根据屏幕尺寸调整产品比例、数字层级与图文布局,在手机、平板与桌面端之间延续统一的视觉语言,让核心卖点在不同浏览场景中保持清晰、连贯。

03YU 小余记账 APP设计

自主产品 | 规划上线

认真记下生活轻松看懂花销

从记录每一笔消费,到理解消费变化小余希望用更自然、轻松的方式陪你管理日常财务

小余记账个人主页与存款目标界面
小余记账消费洞察界面
小余记账账本界面

让记录连接理解,让反馈支持坚持

以轻量操作与直观反馈,组织 YU 的日常财务体验。

YU 小余

以轻量记录为入口让变化更容易被感知

面向希望管理日常花销、偏好轻量操作的年轻用户。

轻量记账 · 消费洞察存款目标 · 小余反馈

01 少一点操作负担

集中录入金额、分类与账户,减少一次记录中的页面跳转。

02 看懂每一次变化

将流水与趋势、预算联系起来,帮助用户理解当前花销。

03 让记录获得反馈

通过小余的表情呈现预算状态,结合洞察与目标增强反馈。

记下每一笔。看懂每一次变化有问题就问问小余

YU 将轻量记账、资产管理

消费洞察与智能建议

整合进日常财务体验

一笔收支,几步就记好

用更轻的操作完成分类、金额与账户记录,让日常记账更快,也更容易坚持。

小余从手机后探出头
小余会员权益、会员价格与优惠券界面

商业化探索

基础体验保持轻盈
进阶能力按需开启

将日常记账与基础查看作为核心体验,将自动记账、高级洞察、云端同步与多账本管理设为进阶能力,让用户根据使用需求选择升级。

钱花得怎么样,
小余先告诉你。

消费增加、预算充足或目标推进时,小余会用不同情绪及时反馈,让每一次变化都更容易被感知。

记录

记下日常收支

理解

资产与消费趋势

建议

智能洞察·问问小余

行动

预算控制·攒钱目标

持续

YU 持续陪伴

正常消费:本月支出 2480.00
预算充足:本月支出 800.00
消费增加:本月支出 14678.00

本月支出较上月减少 ¥620,餐饮支出下降最明显;最近 7 天购物支出有所增加,建议留意非必要消费。

本月支出较上月减少 ¥620,餐饮支出下降最明显;最近 7 天购物支出有所增加,建议留意非必要消费。

本月支出较上月减少 ¥620,餐饮支出下降最明显;最近 7 天购物支出有所增加,建议留意非必要消费。

想继续看看原因、预算,还是哪些地方最容易省下来?

想继续看看原因、预算,还是哪些地方最容易省下来?

小余记账账本界面
小余个人主页与存款目标
小余消费洞察界面
小余消费洞察界面
小余收支趋势界面
小余智能建议界面
小余智能建议界面
小余会员权益界面
小余收支记录界面
小余收支记录界面

自主产品 · 独立设计 · 持续开发

04

麦当劳番茄缺省图设计

独立设计 | 方案提供

品牌内部形象载体

本套缺省图专为面向员工的产品打造。设计以麦当劳员工形象代表“番茄” IP 为核心原型,强化品牌内部产品的视觉渗透力与归属感。

麦当劳番茄 IP 色彩系统

提取员工帽、番茄头、替代面部的番茄叶为IP基因,使用品牌色进行各个场景缺省图的设计。

加油再试一次提交成功提交失败
10:18▮▮▮ 4G ▰
标题
提交失败请检查是否连接网络后,再重试重新加载
提交成功您已提交成功确认
再试一次请检查是否连接网络后,再重试重新加载
10:18▮▮▮ 4G ▰
05

其他内容

协助设计 | 获奖项目 | 练习项目