01 / PROJECT BACKGROUND
从基础遮阳到多场景防护体验
随着户外生活方式的普及，消费者对防晒伞的需求正从单一的紫外线遮挡，逐渐延伸至隔热凉感、轻量便携与外观表达。传统防晒伞在功能体验与美学设计之间仍存在优化空间。
2nd December
SAKANA
闷香红烧鱼
/mks fɪʃ/
MXFISH
SELECTED WORKS · 01—04
设计作品集VISUAL DESIGN PORTFOLIO
2026
2026
COLLECTION MXFISH
DESIGN ARCHIVE
COLLECTION MXFISH
DESIGN ARCHIVE
[目录]
-
01
01电商视觉
-
02
02三维建模
-
03
03跨境设计
-
04
04平面杂项
E-commerce design
01 / SELECTED WORKS
电商视觉
E-commerce visual design
DESIGN WORKSUNSKIP 遮阳伞店铺首页
产品理念
02 / USER INSIGHT
防护性能是基础，舒适与便携同样重要
在当前展示的需求分布中，紫外线阻隔、伞下凉感与轻便携带占据较高比例，反映出用户对综合户外体验的关注。
03 / DESIGN OPPORTUNITY
让专业防护融入日常生活
以高效防晒与隔热体验为核心，结合轻量化结构、简洁外观及多场景适配，探索功能性与时尚感兼具的防晒伞设计
SUNSKIP / INSIGHT
客户痛点
52%
的用户最在意前三项：紫外线阻隔、伞下凉爽、轻便携带
防晒效率、隔热体验与便携性共同构成核心需求，直接决定产品在户外场景中的实用价值；外观美感在此基础上，让产品更愿意被随身携带、频繁使用。
- 紫外线阻隔效果
20%
- 伞下凉爽/隔热体验
17%
- 轻便易携带
15%
- 外观设计/时尚感
13%
- 防晒指数（UPF）标识
12%
- 防雨两用
9%
- 价格
8%
- 品牌口碑
6%
SUNSKIP / VISUAL EMOTION
视觉情绪
- 场景设定 The Sky →
- 生命力 Vitality & Energy →
- 清净 Peace & Quiet →
- VISUAL EMOTION →
SUNSKIP 遮阳伞店铺首页
店铺首页 / 字体与配色
TYPEFACE / 字体
Noto Sans SC
- ThinSUNSKIP
- LightSUNSKIP
- DemiLightSUNSKIP
- RegularSUNSKIP
- MediumSUNSKIP
- BoldSUNSKIP
- BlackSUNSKIP
COLOUR / 配色
主色
暮雨蓝
#354790
辅助色
烟雨灰
#C3C3C3
强调色
初阳橙
#FFA247
背景色
云隙白
#FAF9F9
对比色
对比色 · 夜航黑
#0E0E0E
PROJECT 02 / 2026
Master Color 服装店铺首页
↘Master Color 服装店铺首页
店铺首页 / 字体与配色
TYPEFACE / 字体
Noto Sans SC
- ThinMaster Color
- LightMaster Color
- DemiLightMaster Color
- RegularMaster Color
- MediumMaster Color
- BoldMaster Color
- BlackMaster Color
COLOUR / 配色
主色
蜜糖黄
#FED060
辅助色
奶油米
#FAECCF
背板色
初霁白
#FAF9F9
对比色
文字色 · 曜石黑
#0E0E0E
PROJECT 03 / 2026
SAST 微型冰箱店铺主副图与详情页
↘SAST / CONCEPT
产品目标与定位
产品目标：
针对独居青年、宿舍学生、露营爱好者三类人群，重新定义小型冰箱的使用边界：
- 节能目标：日均功耗 ≤ 0.5kWh，较同容量传统小冰箱降低 30% 以上；
- 静音目标：运行噪音 ≤ 35dB，达到图书馆级静音，适配卧室、办公室场景；
- 小巧目标：体积 ≤ 0.05m³，占地 ≤ A3 纸，可放入后备箱与桌下；
- 双场景目标：支持 220V 家用与 12V 车载/户外电源双供电，室内外无缝切换。
一句话定位：一台能放进后备箱、放在床头也不吵、一个月电费不到 10 块钱的迷你冰箱。
SAST / INSIGHT
核心痛点对比
噪音
80%噪音降低
运行吵，压缩机启停明显，影响睡眠与办公
同类产品 / SAST电费
50%无效能耗减少
电费高，存在大量无效消耗
同类产品 / SAST体积
20%体积减少容量不减少
体积小但容量也被压缩
同类产品 / SAST场景
2类室内外双用
只能在家用，固定供电
同类产品 / SASTSAST 微型冰箱店铺主副图与详情页
详情页 / 字体与配色
TYPEFACE / 字体
PingFang SC
- Medium · 72 px字体样式
- Semibold · 72 px字体样式
- Medium · 36 px字体样式
- Semibold · 36 px字体样式
- Medium · 24 px字体样式
- Semibold · 24 px字体样式
- Pristina · RegularSAST · Mini Refrigerator
COLOUR / 配色
主色
岩石白
#F2EEE8
辅助色
赤陶棕
#9F5831
文字色
曜石黑
#0E0E0E
强调色
极地红
#C52C24
间隔色
霜灰
#DDDDDD
重点色
深冰蓝
#085BC7
促销色
烈焰红
#D32D23
SAST 微型冰箱店铺主副图与详情页
主副图
PROJECT 04 / 2026
花间三层月礼主副图与详情页
↘花间三层月礼主副图与详情页
详情页 / 字体与配色
TYPEFACE / 字体
Noto Serif SC
- ExtraLight月饼礼盒
- Light月饼礼盒
- Regular月饼礼盒
- Medium月饼礼盒
- SemiBold月饼礼盒
- Bold月饼礼盒
- Black月饼礼盒
COLOUR / 配色
主色
月光米
#EEDBB2
辅色
焦糖棕
#9F5C2F
背板色
暖月白
#F9F0DE
对比色
搭配色 · 松柏绿
#3D6054
花间三层月礼主副图与详情页
主副图
02 / SELECTED WORKS
三维建模
3D Modeling
DESIGN WORKPROJECT 05 / 2026
B&O 头戴式耳机
↘B&O 头戴式耳机
产品理念
打破传统数码产品冰冷、硬核的刻板印象。这款头戴式耳机主打“舒适佩戴”与“纯粹音质”。我们将产品置于一个柔软、蓬松、充满治愈感的明黄色织物空间内，寓意着“戴上耳机，就像把头埋进柔软的云朵里，瞬间隔绝外界喧嚣”。
它不仅仅是一个播放音乐的工具，更是都市年轻人逃离压力、寻找内心平静的“情绪避难所”。
B&O 头戴式耳机
设计思路
01 / VISUAL METAPHOR
柔软与硬核的碰撞
画面中最大的亮点是背景的“黄色蓬松织物”与耳机本身“金属+皮革”质感的对比。通过这种材质碰撞（Material Contrast），既凸显了耳机高端、精密的工业设计感，又巧妙地传递了产品佩戴时“亲肤、柔软、无感”的舒适卖点。
02 / ATMOSPHERE CREATION
打破物理限制的听觉具象化
在三维空间中引入漂浮的 3D 音符（Treble Clef & Notes）。这些音符脱离了平面的乐谱，以立体的、仿佛有弹性的姿态悬浮在空中。这是一种“通感设计”，将无形的“声音”转化为有形的、灵动的视觉元素，直观地传达出“声音在耳边跳跃”的沉浸感。
03 / COLOR PSYCHOLOGY
温暖活力的情绪唤醒
主色调选用高明度、低饱和度的“奶油黄”搭配马卡龙色系的音符（薄荷绿、婴儿蓝、蜜桃粉）。黄色在色彩心理学中代表温暖、阳光和活力，能够瞬间抓住消费者的眼球，在浏览电商页面时产生愉悦的情绪共鸣，从而提升点击率和停留时长。
B&O 头戴式耳机
宽图设计&渲染
B&O 头戴式耳机
竖图渲染
↔PROJECT 06 / 2026
青旅行李箱
↘青旅行李箱
设计思路
01 / SPATIAL CONTRAST
空间反差
室内工业感与户外自然风景的对立。画框作为视觉符号，隐喻都市人对远方的向往。
02 / DYNAMIC BREAKTHROUGH
动态破局
明黄色飘带赋予画面流动性，象征“风”与“旅途”。它打破室内空间的沉闷，传达出一种打破束缚、随时出发的动感。
03 / COLOR COLLISION
色彩碰撞
粗粝冷峻的灰色水泥 VS 高饱和度的明黄主体。冷暖和材质的极致对比，强化产品视觉中心，凸显年轻、活力的品牌调性。
青旅行李箱
设计&渲染
PROJECT 07 / 2026
其他渲染
↘
↔丛林青梅酒
青梅坠入丛林，酿成一瓶山野的微醺。
拖动滑杆，比较建模与渲染
↔复古收音机
阳光落在木纹上，老电台正播着慢时光。
拖动滑杆，比较建模与渲染
↔小闹钟
时间在这里堆叠，静止成一场关于循环的旧梦。
拖动滑杆，比较建模与渲染
03 / SELECTED WORKS
跨境设计
Cross-border Design
DESIGN WORKTravel Fan
字体与配色
TYPEFACE / 字体
Noto Sans SC
- ThinTravel Fan
- LightTravel Fan
- DemiLightTravel Fan
- RegularTravel Fan
- MediumTravel Fan
- BoldTravel Fan
- BlackTravel Fan
COLOUR / 配色
主色
纯净白
#FFFFFF
辅助色
薄荷草绿
#B8C37E
背板色
哑光中灰
#707070
正比色
嫩芽绿
#AAB46F
反比色
珊瑚红
#E7635B
Travel Fan
主副图
Travel Fan
详情页
04 / SELECTED WORKS
平面杂项
Graphic Design
DESIGN WORKGRAPHIC DESIGN
产品与人物精修
GRAPHIC DESIGN
店铺直通车
GRAPHIC DESIGN
单页
GRAPHIC DESIGN
三折页
GRAPHIC DESIGN