


NEONSUMMER

NEONSUMMER
UI / VISUAL DESIGN PORTFOLIOCONCEPT PROJECT · 示例项目
01 / OVERVIEW从问题出发,
从问题出发,
让设计有据可循。
项目背景
为城市运动主题活动建立贯穿社交媒体、活动落地页和线下物料的夏日视觉系统。
- 项目类型
- 夏日整合营销
- 我的职责
- 创意方向 / 视觉设计 / 应用延展
- 交付内容
- 活动主视觉 / 社交媒体 / 横幅延展
设计挑战
需要让多种比例、不同信息密度的物料保持统一,同时避免同一张主视觉被机械裁切。
设计回应
提取速度线、圆形运动轨迹和高对比色彩,形成可以重组的图形语言,而不是单一模板。
02 / VISUAL EXPLORATION
活动主视觉 /
以强烈的字重和方向感吸引视线,再通过固定的信息区承载时间、地点与报名内容。

NEONSUMMER

NEONSUMMER

NEONSUMMER
03 / DESIGN IN DETAIL社交媒体
社交媒体
同一主题,多种表达。
提取速度线、圆形运动轨迹和高对比色彩,形成可以重组的图形语言,而不是单一模板。
- 01活动主视觉
以强烈的字重和方向感吸引视线,再通过固定的信息区承载时间、地点与报名内容。
- 02社交媒体
需要让多种比例、不同信息密度的物料保持统一,同时避免同一张主视觉被机械裁切。
- 03横幅延展
提取速度线、圆形运动轨迹和高对比色彩,形成可以重组的图形语言,而不是单一模板。

NEONSUMMER

NEONSUMMER

NEONSUMMER
04 / DESIGN LANGUAGE
有秩序,才有延展。
用一套一致的色彩、字体层级与空间规则,把独立页面连接成完整体验。
TYPOGRAPHYAa / 字
大标题 · 64 / Bold
内容标题 · 24 / Medium
正文说明 · 16 / Regular
COLOR PALETTE
#CCFF35 / #11141C / #F1F1EE
SPACING & RHYTHM
816243248
基于 8pt 的间距与网格
05 / MORE POSSIBILITIES
横幅延展。
从核心视觉,到不同媒介里的自然生长。

NEONSUMMER

NEONSUMMER

NEONSUMMER
DESIGN NOTE / 07
让夏天,发生在街头
以强烈的字重和方向感吸引视线,再通过固定的信息区承载时间、地点与报名内容。
本页为作品集结构与版式演示,项目、数据与界面均为概念示例。实际项目图片可按当前版式替换。