=+$,-,$
ᓕቘᔮᕹᦡᦇݣݸ$,-,$+=
=+$,-,$EDFNJURXQGPDQDJHPHQWV\\VWHPGHVLJQ
ਛਹݣݸᓕቘᔮᕹฎӞྃᰒਛਹ$33ٖԾߝ̵ମᱻහഝᓕቘጱՈ
ާֵአጱᓕቘᔮᕹ̶
=KDLMLDEDFNJURXQGPDQDJHPHQWV\\VWHPLVDGDWDPDQDJHPHQWV\\VWHPIRU
SURGXFWVDQGVWRUHVPDQDJHPHQWV\\VWHPLQ=KDLMLD$33
7KHV\\VWHPLVPDLQO\\XVHGWRPDQDJHFRPPRGLW\\LQIRUPDWLRQRUGHULQIRUP
DWLRQORJLVWLFVLQIRUPDWLRQVHWWOHGVWRUHLQIRUPDWLRQ9LHZWUDQVDFWLRQGDWD
YLHZGDWDVWDWLVWLFVDQGRWKHURSHUDWLRQV
̵௳מḦମᱻف̵௳מၞᇔ௳̵מܔᦈ௳̵מߝࠟᓕቘԭᔮᕹԆᥝአ
ັ፡Իฃහഝ̵ັ፡හഝᕹᦇᒵ̶֢
0RELOH'HVLJQ &KHQMLQJ
ᦡᦇፓຽ΄ =+$, -,$
根据公司具体业务，结合公司具体需求，拆分产品和用户两大维度，以下四个方面为
基准进行设计。
视觉样式统一
统一视觉、界面风格、字体字号字重、间距帮助用户专注
工作内容，提高用户办公效率和可持续性
Unified vision, interface style, font size,
weight, spacing.Help users focus on work content,
improve user office efficiency and sustainability.
逻辑清晰
模块化设计，梳理交互逻辑，以用户为导向，提升容错率
即时给予正确的应到和反馈
Modular design, combing interaction logic,
to improving fault toleranceRate and give correct
responses and feedback in real time.
情感设计
定义品牌色，模块化设计，增加页面的呼吸感和节奏感，
简化框架、灵活使用组件，提升用户体验
Define the brand color, modular design, increase
the breathing and rhythm of the page,Simplify the
framework, use components flexibly.
层级分明
定义栅格、页面布局、主次分明的设计用户在使用时操
作更简便精准，提高工作效率
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
ń
Ծߝຝݢզଆۗள᭛ԧᥴԾߝጱ᪠ຝ҅ள᭛ԧᥴԾߝ
ٖ۱ތጱۑᚆ݊ۑᚆಅ܄ࣁऒ̶
宅家后台
团队管理
商品管理
订单管理
系统设置
个人中心
数据统计
首页 ୮෭හഝ ᲀࠓᶼၥࢶ Ծ꧊౮ړ ຉଉአۑᚆ ᔮᕹޞل
ਮಁහ ᦈܔහ තፅྲࢶ ၿ݊ᶾऒ ӱᖂᧇఘ හഝྲ ၚۖᬰ
ࠟਹמ ௳Ⴒےࠟਹ ࠟਹמ௳ਭ໐ ࠟਹᴴ
ۖၚߝࠟ ف୯௳מ ᔄړߝࠟ
ᔮᕹᦡᗝ ᔮᕹཛྷୗ
ӻՈמ෭ ௳ᑕਞഭ ᶱፓਠ౮ఘ٭ ๚ਠ౮ᦈܔ ࢫᴚ
ᔄᦡᗝړ ቘ॒ߝࠟ ௳מߝࠟ
ᦈܔັᧃ ᦈܔᴴ ᦈڜܔᤒ ᦈܔᇫா
ᜋਁ֛,&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
+
/ 配色方案
/ 活动主题
夏日出逃计划
/ 活动详情
这个夏天，我们往返于阳光下，似乎可以开辟出新的地
图。是一路向北巡山避暑，还是躺在海里跳进夏天，快来
分享你的夏日出逃计划和那些迫不及待邂逅的夏日瞬间吧
H5页面展示
/ 运营设计
01
/ 细节设计
BANNER
/ 运营设计
Color
BANNER
/ 运营设计
Color
BANNER
运营设计
Color
UIUX
މᬯکض
7+$1.6)25:$7&+,1*
