Poster

Design

/海報(bào)設(shè)計(jì)/

Poster

Design

/海報(bào)設(shè)計(jì)/

Poster

Design

/海報(bào)設(shè)計(jì)/

Banner

Design

/BANNER設(shè)計(jì)/

Through Train

Design

/直通?設(shè)計(jì)/

Project page

Design

/專題設(shè)計(jì)/

設(shè)計(jì)內(nèi)容

設(shè)計(jì)?格

618年中?促專題?，采?插畫國潮的

?格，?彩明亮?時(shí)尚，吸引??眼

球，讓??眼前?亮

采?插畫國潮的?格，整體結(jié)合618活

動(dòng)?彩

Project page

Design

/專題設(shè)計(jì)/

Project page

Design

/專題設(shè)計(jì)/

設(shè)計(jì)內(nèi)容

設(shè)計(jì)?格

暢銷商品推薦，采?現(xiàn)代簡約的?格，

?彩明亮?時(shí)尚，吸引??眼球，讓?

?眼前?亮

采?現(xiàn)代簡約的?格，整體應(yīng)?品牌?

相鄰近的顏?

Project page

Design

/專題設(shè)計(jì)/

Details page

Design

/詳情?設(shè)計(jì)/

Details page

Design

/詳情?設(shè)計(jì)/

H5

Design

/H5設(shè)計(jì)/

H5

Design

/H5設(shè)計(jì)/

KV

Design

/KV設(shè)計(jì)/

活動(dòng)主題：從制造到智造

?格：現(xiàn)代簡約、靈動(dòng)

設(shè)計(jì)思路：

主題是從“制造”到“智造”轉(zhuǎn)型升

級(jí)?？臻g延展性的運(yùn)?曲線能很好的平

緩我們的視覺，靜靜地感受柔和線條帶

來的美感，如同家居帶給我們的感受。

Application

Part

/應(yīng)?部分/

道旗

易拉寶

Application

Part

/應(yīng)?部分/

蘇閣鮮茶銷售產(chǎn)品以新鮮?果茶為主，主打理念是“新鮮、

和添加劑，對(duì)?果原材料嚴(yán)格篩選、從優(yōu)采購，并對(duì)?果進(jìn)?

放?飲?，?年齡限制的良?飲品。

Android設(shè)計(jì)

SOGOD TEA

SOGOD

健康、美味”，承諾每?杯?果茶都不添加任何濃縮果汁

?四??道?序?qū)I(yè)處理、精?調(diào)制，是?款可以讓全?皆

D TEA

?

蘇閣正式升級(jí)為“蘇閣鮮茶”

，開始專注于深耕品質(zhì)?

果茶細(xì)分賽道，并在產(chǎn)品研發(fā)上不斷創(chuàng)新與精進(jìn)，為消

費(fèi)者帶來“好喝?負(fù)擔(dān)”的平價(jià)?品質(zhì)?果茶，也因此

成為許多消費(fèi)者眼中的優(yōu)質(zhì)?果茶代表品牌。

蘇閣果茶

產(chǎn)品UI設(shè)計(jì)

只愛鮮?果

不愛亂添加

Design

Goal

因?yàn)樘K閣果茶與全國不同地區(qū)開設(shè)分店使?，舊版功能已不能滿?業(yè)務(wù)的發(fā)

展需求。此次改版的重點(diǎn)是更好的兼容不同地區(qū)服務(wù)線上+線下的??體

驗(yàn)，同時(shí)在視覺規(guī)范和品牌認(rèn)知??做?次全新的升級(jí)。

為什么改版

01
框架重構(gòu)

02
視覺升級(jí)

03
交互優(yōu)化

??信息架構(gòu)/選擇?餐?式

定義視覺?格/設(shè)計(jì)語?構(gòu)建

布局功能優(yōu)化/減少??操作步驟

/設(shè)計(jì)?標(biāo)/

改版目標(biāo)

REVISION STRATEGY

可?性

好印象 易?性

01
框架重構(gòu)

02
視覺升級(jí) 03
交互優(yōu)化

Visual

Style

/定義視覺?格/

圓?/卡?/?間距/輕量化

基于極簡和品質(zhì)化的設(shè)計(jì)原則，

在設(shè)計(jì)元素上采?圓?和卡??格

表現(xiàn)形式上追求簡潔/?效為主，

使產(chǎn)品更顯輕盈和親和?，

圓?度數(shù)：以5°為基準(zhǔn)倍數(shù)構(gòu)建圓?度數(shù)

Android改版設(shè)計(jì)

Design

Specification

/設(shè)計(jì)規(guī)范/

?彩規(guī)范
/

COLOR

#CE3445

#EBCF8E

#9ABDE7

#000000 #666666 #999999 #EEEEEE

字體規(guī)范
/

思源?體

FONT

Aa 只愛鮮?果，不愛亂添加

?標(biāo)題，特殊標(biāo)題

思源?體

思源?體

24pt

20pt

Bold

Bold

思源?體

思源?體

16pt

14pt

Bold

Bold

Icon

Design

/圖標(biāo)設(shè)計(jì)/

圓形沿?圓?基因，結(jié)合圖標(biāo)柵格標(biāo)準(zhǔn)進(jìn)?圖標(biāo)

繪制。在可識(shí)別度的基礎(chǔ)上進(jìn)??繪圖標(biāo)的造

型，??何圖形元素彰顯現(xiàn)代感，并?顏?做出

層級(jí)區(qū)分。

部

部

部

Android改版設(shè)計(jì)