Poster

Design

/海报设计/

Poster

Design

/海报设计/

Poster

Design

/海报设计/

Banner

Design

/BANNER设计/

Through Train

Design

/直通⻋设计/

Project page

Design

/专题设计/

设计内容

设计⻛格

618年中⼤促专题⻚，采⽤插画国潮的

⻛格，⾊彩明亮⽽时尚，吸引⽤⼾眼

球，让⽤⼾眼前⼀亮

采⽤插画国潮的⻛格，整体结合618活

动⾊彩

Project page

Design

/专题设计/

Project page

Design

/专题设计/

设计内容

设计⻛格

畅销商品推荐，采⽤现代简约的⻛格，

⾊彩明亮⽽时尚，吸引⽤⼾眼球，让⽤

⼾眼前⼀亮

采⽤现代简约的⻛格，整体应⽤品牌⾊

相邻近的颜⾊

Project page

Design

/专题设计/

Details page

Design

/详情⻚设计/

Details page

Design

/详情⻚设计/

H5

Design

/H5设计/

H5

Design

/H5设计/

KV

Design

/KV设计/

活动主题：从制造到智造

⻛格：现代简约、灵动

设计思路：

主题是从“制造”到“智造”转型升

级。空间延展性的运⽤曲线能很好的平

缓我们的视觉，静静地感受柔和线条带

来的美感，如同家居带给我们的感受。

Application

Part

/应⽤部分/

道旗

易拉宝

Application

Part

/应⽤部分/

苏阁鲜茶销售产品以新鲜⽔果茶为主，主打理念是“新鲜、

和添加剂，对⽔果原材料严格筛选、从优采购，并对⽔果进⾏

放⼼饮⽤，⽆年龄限制的良⼼饮品。

Android设计

SOGOD TEA

SOGOD

健康、美味”，承诺每⼀杯⽔果茶都不添加任何浓缩果汁

⾏四⼗⼏道⼯序专业处理、精⼼调制，是⼀款可以让全⺠皆

D TEA

®

苏阁正式升级为“苏阁鲜茶”

，开始专注于深耕品质⽔

果茶细分赛道，并在产品研发上不断创新与精进，为消

费者带来“好喝⽆负担”的平价⾼品质⽔果茶，也因此

成为许多消费者眼中的优质⽔果茶代表品牌。

苏阁果茶

产品UI设计

只爱鲜⽔果

不爱乱添加

Design

Goal

因为苏阁果茶与全国不同地区开设分店使⽤，旧版功能已不能满⾜业务的发

展需求。此次改版的重点是更好的兼容不同地区服务线上+线下的⽤⼾体

验，同时在视觉规范和品牌认知⽅⾯做⼀次全新的升级。

为什么改版

01
框架重构

02
视觉升级

03
交互优化

⾸⻚信息架构/选择⽤餐⽅式

定义视觉⻛格/设计语⾔构建

布局功能优化/减少⽤⼾操作步骤

/设计⽬标/

改版目标

REVISION STRATEGY

可⽤性

好印象 易⽤性

01
框架重构

02
视觉升级 03
交互优化

Visual

Style

/定义视觉⻛格/

圆⻆/卡⽚/⼤间距/轻量化

基于极简和品质化的设计原则，

在设计元素上采⽤圆⻆和卡⽚⻛格

表现形式上追求简洁/⾼效为主，

使产品更显轻盈和亲和⼒，

圆⻆度数：以5°为基准倍数构建圆⻆度数

Android改版设计

Design

Specification

/设计规范/

⾊彩规范
/

COLOR

#CE3445

#EBCF8E

#9ABDE7

#000000 #666666 #999999 #EEEEEE

字体规范
/

思源⿊体

FONT

Aa 只爱鲜⽔果，不爱乱添加

⼤标题，特殊标题

思源⿊体

思源⿊体

24pt

20pt

Bold

Bold

思源⿊体

思源⿊体

16pt

14pt

Bold

Bold

Icon

Design

/图标设计/

圆形沿⽤圆⻆基因，结合图标栅格标准进⾏图标

绘制。在可识别度的基础上进⾏⼿绘图标的造

型，⽤⼏何图形元素彰显现代感，并⽤颜⾊做出

层级区分。

部

部

部

Android改版设计