=+$,-,$
????????$,-,$+=
=+$,-,$EDFNJURXQGPDQDJHPHQWV\\VWHPGHVLJQ
???????????????$33????????????
?????????
=KDLMLDEDFNJURXQGPDQDJHPHQWV\\VWHPLVDGDWDPDQDJHPHQWV\\VWHPIRU
SURGXFWVDQGVWRUHVPDQDJHPHQWV\\VWHPLQ=KDLMLD$33
7KHV\\VWHPLVPDLQO\\XVHGWRPDQDJHFRPPRGLW\\LQIRUPDWLRQRUGHULQIRUP
DWLRQORJLVWLFVLQIRUPDWLRQVHWWOHGVWRUHLQIRUPDWLRQ9LHZWUDQVDFWLRQGDWD
YLHZGDWDVWDWLVWLFVDQGRWKHURSHUDWLRQV
??????????????????????????????
?????????????????
0RELOH'HVLJQ &KHQMLQJ
????? =+$, -,$
根據(jù)公司具體業(yè)務(wù)，結(jié)合公司具體需求，拆分產(chǎn)品和用戶兩大維度，以下四個(gè)方面為
基準(zhǔn)進(jìn)行設(shè)計(jì)。
視覺樣式統(tǒng)一
統(tǒng)一視覺、界面風(fēng)格、字體字號(hào)字重、間距幫助用戶專注
工作內(nèi)容，提高用戶辦公效率和可持續(xù)性
Unified vision, interface style, font size,
weight, spacing.Help users focus on work content,
improve user office efficiency and sustainability.
邏輯清晰
模塊化設(shè)計(jì)，梳理交互邏輯，以用戶為導(dǎo)向，提升容錯(cuò)率
即時(shí)給予正確的應(yīng)到和反饋
Modular design, combing interaction logic,
to improving fault toleranceRate and give correct
responses and feedback in real time.
情感設(shè)計(jì)
定義品牌色，模塊化設(shè)計(jì)，增加頁(yè)面的呼吸感和節(jié)奏感，
簡(jiǎn)化框架、靈活使用組件，提升用戶體驗(yàn)
Define the brand color, modular design, increase
the breathing and rhythm of the page,Simplify the
framework, use components flexibly.
層級(jí)分明
定義柵格、頁(yè)面布局、主次分明的設(shè)計(jì)用戶在使用時(shí)操
作更簡(jiǎn)便精準(zhǔn)，提高工作效率
Define the grid, page layout, and design with
clear primary and secondary. Users can operate
more easily and accurately when using it.
=+$,-,$
'(6,*1
ń
????? =+$, -,$
=+$,-,$
'(6,*1
ń
??????????????????????????
??????????????
宅家后臺(tái)
團(tuán)隊(duì)管理
商品管理
訂單管理
系統(tǒng)設(shè)置
個(gè)人中心
數(shù)據(jù)統(tǒng)計(jì)
首頁(yè) ???? ????? ????? ????? ????
??? ??? ????? ???? ???? ???? ????
??? ????? ?????? ????
???? ???? ????
???? ????
???? ???? ?????? ????? ??
???? ???? ????
???? ???? ???? ????
????,&21
???
=+$, -,$
=+$,-,$
'(6,*1
ń
'HYLFHLFRQ
5RXWLQHLFRQ
'HYLFHLFRQ
#2B5FEC R:43 G:95 B:236 #4DD6D2 R:77 G:214 B:210 #FAD44B R:250 G:211 B:75
???
???
,&21
? Aa
Regular/Medium bold
DIN Alternate 32pt /
/
/
/
/
/
/
32pt /
16pt
16pt
18pt
18pt
14pt
14pt
12pt
12pt
??????? ffl ????
????? ffl ????
???? ffl ?????
??
fl ffi
fl
fl ffi
ffi
ffi
fl
? ? ? ? ? ? ?
??
2022-06-15 24:15:00
2022-06-12 24:27:02
?????????? ???? 2022-06-09 23:12:00
????
?????????? ????
??????????
???
??
???
fl
ffiflffifl
??
??
?? ??
?? ??
?? ??
ffiffi ￥ 7,113
￥ 9,113
￥ 11,033 ??
????? ??????? ????? ???????
????? ?? ???? ???? ????
??
????
????
????
????
????
????
????
????
??????UDU]LSGRFGRF[SGIMSJ
?????????????
????
?????????
????????????????
????????????????
??????????????
??????????????
???????????
????????????????
??
ffl ????
ffl ????
?????? ?????? ????
??? fl??? ??? ?? ?? ????
????? ? fl ?? ?
??????? =+$, -,$
=+$,-,$
'(6,*1
ń
??????????????????????????
????????????????
????? ZHAI JIA
ZHAI JIA
DESIGN 2022
—
?????37????????????????????????????
?????fl
???
??ffi
???
???
fl
ffi
ffi
??
????
????
????
????
????
????
????
????
?
??? =+$, -,$
=+$,-,$
'(6,*1
ń
?????????????????????????????????????????????
??????????????????????????
??????????????????????
???????????????????
??????????????????
??????
????????????????
???????????????????????
?????
????????????????????????
????????????????????????
???
????
?? ???? ?? ?? ?? ?? 2022-11-01 2022-1-15
????
??
6-1 6-2 6-3 6-4 6-5 6-6 6-7 6-8
0
5
10
15
20
???? ????
???80,000
40,000
???
???
????? =+$, -,$
=+$,-,$
'(6,*1
ń
??????????????????????????????????
????????????????????
???????????????????????
?LFRQ????????????????????
???
????
???????????????????????
????????
????
?????????????
???
??
???
??? 11.97
??????
?40
????? =+$, -,$
=+$,-,$
'(6,*1
ń
??????????????????????????????????
????????????????
??????????????????????
???????????????
????
???????????????????????
???????????????????????
????
???????????
????
$,- ,$+= ????
=+$,-,$
'(6,*1
—
?????????????????????????????????????????
??????????????????????????
???????????????????????
?????????????????
????
?????????????????????????
???????
????
??????UDU]LSGRFGRF[SGIMSJ
?????????????
??????
ffl ????
???? ffl
???? ffl ???????
???? ffl ?????????
??????
??
??????
??????
??????
????
??? fl??? ??? ?? ?? ????
NJ
????? ????? ?????
??????????????????????????
????????????????
??????
ZHAI JIA
'(6,*1
:25.6
'(6,*1 %< &+(1-,1*
=+$,-,$
/
ń
???
????
=+$, -,$
WEB
DESIGN
$33'HVLJQ %(QG'HVLJQ :(%'HVLJQ 2WKHU'HVLJQ
CHENJING
03 81)2/'6??
)RQW VL]H
]S fl??
)RQW
??
3,1*)$1*
%ROG
????
',1$OWHUQDWH
UNFOLDS
TM
Design
For Women
And NHZ/LIH6W\\OH
UNFOLDS
TM
Tel
+180361199
zaizai010705@163.com
Add
201 zijinshan South Road
))) $ffifl $$$ffifl '&'''ffi
8QIROGV-HZHOU\\ZDVIRXQGHGLQDQGLVEDVHG
LQ1HZ<RUN
7KHSKLORVRSK\\LVWKDWQRZRPDQVKRXOGEHGH?QHG
DVDFHUWDLQW\\SHVEHFDXVHWKHLUUROHVDUHVWURQJHU
WKDQVRFLHW\\SHUFHLYHVWKHPWREH
8QIROGV-HZHOU\\??????????????
?????????????????????????
?????????????????????????
????????
??81)2/'6
&+(1 -,1*
UNFOLDS ?? ???? ???? ???? ???? ???? ?
?????,'($//29(?????????
UNFOLDS
'(6,*1
:25.6
'(6,*1 %< &+(1-,1*
UNFOLDS
/
—
WEB DESIGN UIUX DESIGN BY CHENJING
81),2/'6???????????????
81),2/'6?????????????????
??????????????????????????
?????????????????????????????????????
81),2/'6??????????
UNFOLDS
-(:(/5<
磧碝??$/ 7(67'(6,*1,1*
????+ 27(67352'8&76
羬??? 6(5,(6352'8&7
WEB DESIGN UIUX DESIGN BY CHENJING
UNFOLDS
TM
8QIROGV
1HZ6HULHV'HVLJQ
8QIROGV
1HZ'HVLJQ,WHPV
UNFOLDS
TM
Design
For Women
And NHZ/LIH6W\\OH
WEB DESIGN UIUX DESIGN BY CHENJING
UNFOLDS
3XUFKDVH
????
,PSULQW6HULHV
ZDWHUGURS
$ERXW3URGXFWV
???? ZDWHUGURS
WEB DESIGN UIUX DESIGN BY CHENJING UNFOLDSTM
UNFOLDS
TM
zaizai010705@163.com
201 zijinshan South Road
UNFOLDS
TM
Tel
+180361199
zaizai010705@163.com
Add
201 zijinshan South Road
UNFOLDS
TM
OTHER
DESIGN
$33'HVLJQ %(QG'HVLJQ :(%'HVLJQ 2WKHU'HVLJQ
CHENJING
04 %$11(5
+
/ 配色方案
/ 活動(dòng)主題
夏日出逃計(jì)劃
/ 活動(dòng)詳情
這個(gè)夏天，我們往返于陽(yáng)光下，似乎可以開辟出新的地
圖。是一路向北巡山避暑，還是躺在海里跳進(jìn)夏天，快來
分享你的夏日出逃計(jì)劃和那些迫不及待邂逅的夏日瞬間吧
H5頁(yè)面展示
/ 運(yùn)營(yíng)設(shè)計(jì)
01
/ 細(xì)節(jié)設(shè)計(jì)
BANNER
/ 運(yùn)營(yíng)設(shè)計(jì)
Color
BANNER
/ 運(yùn)營(yíng)設(shè)計(jì)
Color
BANNER
運(yùn)營(yíng)設(shè)計(jì)
Color
UIUX
????
7+$1.6)25:$7&+,1*
