Concept App & UI

07

文化展演主视觉

屏幕像素与人机交互规范的秩序构建。UI 不是画好看的手机屏幕，而是建立严密的栅格系统、颜色功能层级与状态逻辑。动效部分专注于物理阻尼、缓动曲线与界面流转的自然顺畅。

领域类别

数字界面 人机交互 原型设计

传统核心工具

Figma / AfterEffects / Principle / Illustrator

项目要点

1. 核心高保真界面。包含 2 至 3 个连贯功能页面的高保真全屏呈现，严格遵循 8pt 等基础网格与排版级差。
2. 原子级组件与规范。字体大小阶梯（Type Scale）、色彩体系定义、按钮状态以及图标像素级对齐展示。
3. 交互原型演示。展示按钮微动效、卡片滑动手势、底部弹窗以及页面之间的缓动转场。

交付内容量总览

整个项目最终仅需交付以下内容，具体物料工艺与动效细节将在 1v1 定题后逐步跟进

电子文件包

核心高保真界面展板 PDF（含 2~3 个主界面全屏设计）
设计组件与规范面板 PDF（含文字、色彩与图标规范）
高保真原型交互演示短视频 1 条（15 至 20 秒，1080P MP4）

实体打印件

核心界面与组件规范整合展板打印件 1 份（A4 或 A3）

参考案例

Universum - Sponsorship UI/UX App Design

设计师：V. Alipov

app design Fintech Mobile app Investment product design ui design Spo-02
app design Fintech Mobile app Investment product design ui design Spo-12
app design Fintech Mobile app Investment product design ui design Spo-06
app design Fintech Mobile app Investment product design ui design Spo-07
app design Fintech Mobile app Investment product design ui design Spo-11
app design Fintech Mobile app Investment product design ui design Spo-09
app design Fintech Mobile app Investment product design ui design Spo-03
app design Fintech Mobile app Investment product design ui design Spo-05
app design Fintech Mobile app Investment product design ui design Spo-01
app design Fintech Mobile app Investment product design ui design Spo-04
app design Fintech Mobile app Investment product design ui design Spo-08
app design Fintech Mobile app Investment product design ui design Spo-10

参考案例

Pilo — Autonomous Taxi App · UX/UI & Branding

设计师：BY.SHIVA STUDIO

app design taxi Web Design ux UIUX branding brand identity app landi-11
app design taxi Web Design ux UIUX branding brand identity app landi-10
app design taxi Web Design ux UIUX branding brand identity app landi-02
app design taxi Web Design ux UIUX branding brand identity app landi-04
app design taxi Web Design ux UIUX branding brand identity app landi-01
app design taxi Web Design ux UIUX branding brand identity app landi-03
app design taxi Web Design ux UIUX branding brand identity app landi-09
app design taxi Web Design ux UIUX branding brand identity app landi-06
app design taxi Web Design ux UIUX branding brand identity app landi-1
app design taxi Web Design ux UIUX branding brand identity app landi-08
app design taxi Web Design ux UIUX branding brand identity app landi-05
app design taxi Web Design ux UIUX branding brand identity app landi-2
app design taxi Web Design ux UIUX branding brand identity app landi-3
app design taxi Web Design ux UIUX branding brand identity app landi-07

参考案例

STEEL - E-commerce Website Design |Technology| UI/UX

设计师：Stanislav K.

e-commerce music Web Design shop brand identity visual identity desig-10
e-commerce music Web Design shop brand identity visual identity desig-09
e-commerce music Web Design shop brand identity visual identity desig-07
e-commerce music Web Design shop brand identity visual identity desig-08
e-commerce music Web Design shop brand identity visual identity desig-01
e-commerce music Web Design shop brand identity visual identity desig-02
e-commerce music Web Design shop brand identity visual identity desig-06
e-commerce music Web Design shop brand identity visual identity desig-04
e-commerce music Web Design shop brand identity visual identity desig-05
e-commerce music Web Design shop brand identity visual identity desig-03
Previous
06. 独立产品包装系统
Next
08. 信息图表与数据编年

Art Direction and concept with AIArt Direction

Phase 03Assignment

01. 品牌视觉身份系统Brand Identity

02. 独立出版与装帧编排Editorial Design

03. 文化展演与活动主视觉Event & Campaign

04. 屏幕与社交数字系统Digital & IP

05. 音乐装帧与黑胶视觉Music & Vinyl

06. 独立产品包装系统Packaging Design

08. 信息图表与数据编年Data & Infographic

Week 2 MoodboardMoodboard