Page 1

PORTFOLIO 2014-2019

王君颖

wjymoshi@yeah.net

86+ 1800 1944 260


HI,我是一名拥有毕业后两年工作经验的视觉设计师,从14年开始承接个人项目,并且在大学期间分别去了7家公司进 行长期实习。我擅长UI设计、动效和平面创意。

我的专业是视觉传达设计,上师大天华本科毕业,最近的一段工作经验是在一家UCLOUD的云计算公司做UI。

Hi, I ‘m a senior visual designer based in Shanghai.

I personally started to undertake projects Since 2014. and i specialized in creating visual screen experience with a focus on UI , animated and 3D.

I hold on a bachelor's degree in visual communication design. My most recent work experience was working on UI design in a cloud computing company .


2014-2019

CATALOG

PORTFOLIO


目录 Catalog UCLOUD 官网规范视觉设计(2019) UCLOUD OFFICIAL WEBSITE STANDARDIZES VISUAL DESIGN

THINK IN CLOUD 主视觉设计(2018 - 2019) THINK IN CLOUD CONFERENCE KEY VISUAL DESIGN

腾讯新闻 87版红楼梦20周年策划 H5(2017) TENCENT NEWS DREAM OF RED MANSIONS 20TH ANNIVERSARY H5

ofo小黄车 上海大悦城活动物料(2017) OFO SHANGHAI JOY CITY MOBILE MATERIALS DESIGN

Uber 华中区拓展相关设计(2015) UBER CHINA CENTRAL EXPANSION DESIGN

01

16

24

27

33


APP深夜食堂 UI设计(2015) NIGHT RECIPE USER INTERFACE DESIGN

苏宁超市LOGO提案(2014) SUNING SUPERMARKET LOGO PROPOSAL

近期日常设计项目(2019 - 2020) RECENT DAILY DESIGN PROJECTS

39

43

47


Experience 工作经验(含实习)

2018.2.28 至今

UI设计 就职于UCloud 用户体验部,参与并完成UCloud官网视觉设计规范及组件库的制定及维护 / 负责公司项目中页面UI、icon、品牌及相关物料的设计 / 完成设计的提案与评审,跟进

0

5

开发还原并走查,迭代并优化提供改进方案 / 入职期间获得年度卓越员工。

(Graduate)

2017.8.10 2018.2.10

新媒体设计(实习) 曾任职于携程旅游BU,负责旅游相关大号的新媒体设计,内容包括但不限于:微信头图、 长图、h5、微博海报等 / 制作活动相关响应式页面设计,相关活动页面以及banner展示于 携程app及官网钻位  / 完成携程官网定制游、特价游相关旅游产品的视觉设计及延展。

2017.4.21 2017.7.31

视觉设计(实习) 曾就职于腾讯OMG-新闻产品部,为腾讯新闻客户端制作相应新闻头图,KV,Banner,插 图等 / 按需设计新闻策划H5界面,并与前端及产品沟通,确保设计后期实现的还原性和一 致性 / 负责客户端谷雨工作室及快报部分闪屏制作 / 负责设计制作部分腾讯视频专题的 视频包装模板。


2017.4.10 2017.8.31

视觉设计(外包岗) 负责ofo小黄车部分日常市场运营物料、手牌、海报、地铁灯箱等相关设计 / 为ofo小黄车 上海MKT团队提供设计资源支持,处理紧急突发的设计需求 / 负责「ofo小黄车上海」微信 公众号的相关视觉设计,内容包括但不限于:视觉元素及规范、文章首尾图(包括动效)、头 图、漫画绘制等。

2016.9.29 2017.3.6

APP设计(实习) 为bp英国石油旗下润滑油(Castorl 嘉实多) 的安全部门提供相关设计工作协助 / 设计制 作公司内部纪念册、海报、banner、视频剪辑等 / 为8000多名润滑油销售科普安全常识、 制作手册、科普漫画等。

0 6

2015.6.20 2015.8.31

2014.12.31 2015.2.1

Visual Design(实习) 为Uber 客户端制作华东地区优惠活动弹屏(Splash Screen)/ 为Uber开拓新城市制作宣传 海报,司机招募易拉宝等物料 / 完成组内(Uber Central Expansion team)的品牌建设。

平面设计(实习) 曾就职与正邦品牌创意部,负责为大客户提供设计提案,为各类品牌进行创意设计 / 主要的工 作内容为标志设计,视觉识别(VI),宣传册,吉祥物,kv等平面创意设计 / 期间参与过苏宁, 乐视,PPTV,交行等设计项目。

*以上实习经历仅包括3个月以上的实习经历


Skill

Html/CSS

动效(包含视频特效)

能熟练使用各类主流的设计工具,例

能理解前端语言,并做到准确标注及

能够使用AE制作UI动效便于开发理

如Sketch、PS、AI、XD、Affinity等

规范页面。能使用sublime编写基础

解;能够使用AE制作平面创意的动

的静态页面(div+css)

态效果展示

Able to skillfully use most of the

Specification and can accurately

Able to use AE to make UI dynamic

mainstream design tools, such as

label the front page. Ability to

effect; Able to use AE to create

the Sketch, PS, AI, XD, Affinity, etc

develop simple static pages.

animation of graphic creativity.

3D

其他技能

能够使用C4D / 3Ds Max制作平面

业余热爱插画 ( Sai、PS ) ;能够使

视觉创意的3D效果,例如文字、kv

用Au / Melodyne处理音频,包括但

和需要表现较强视觉冲击力的画面

不限于剪辑、调音及音轨处理

Ability to use C4D / 3Ds Max to

Able to use the Sai, PS draw

create 3D effects, such as fonts, kv

illustrations.

and some design screens.

editing, tuning, etc

Capable

of

audio

0

Design

7

技能


2014-2019

01

PORTFOLIO


UCloud 官网规范视觉设计(2019) UCloud Official Website Standardizes Visual Design


OVERVIEW 项目概况

2019年,我与 UCloud UED 的小伙伴共同完成了 UCloud 官网页面以及规范的制定。其中,我的工作主要为设计官网 视觉规范、编写规范文档以及制作Sketch组件库。 我们的初衷和目的是令UED的设计工作能够更加的规范化、统一化、流程化,并使设计与开发的工作流程更加的高效

In 2019, I set up a website specification group with six friends from UCloud UED, and together we completed the UCloud website page and the specification. I worked with another UI colleague to complete the visual part, which consisted mainly of designing the visual page of the official website, writing specification documentation, and creating the Sketch component library.


MAIN PAGE 应用页面

1 2


.

UD

LO

UC

PLATFORM

规范平台

UCLOUD.CN

中/EN

UPDATE:19/09/12

管理

规范 规范 视觉设计

Layout

1

布局

4

布局 Layout 字体 Font

布局定义了阅读范围,有助于内容的定位、对齐和间距。该规范定义的布局,有助于限制文本 及内容的宽度,已获得最佳的可读性。

色彩 Color

N

.C

UD

LO

UC

段落 Paragraph 按钮 Button

概览

分页器 Sorter

下拉菜单 Dropdown

ut

yo

La

nt

Fo

页内导航 Sidebar

lor

Co

h

rap

rag

Pa

1200PX

弹窗 Popover

710PX

卡片 Card

n

tto

Bu

r

So

图标 Icon

交互设计 前端开发 PC

与其他环境变化一样,浏览器会根据内容区域的大小类别动态调整布局。

通常规则

M


9

/0

19

TE

DA

UP

ut

yo La

N

.C

X

0P

71

ut

yo

La

nt

Fo

N /E

lor

Co

ut

Co

p gra

弹 r

rte

So

S

r

ve

po

Po

图 PC

ar

b ide

12

9/

/0

19

TE

DA

UP

n

Ico

UC

Co

r

lo

N

.C

UD

LO

#ff 变

#5

7

cf8

#ff

Fo

lor

Co

N /E

7f8

f8

#5

76

nt

F4

60

38

7 a6

ut

La

7

cf8

#ff

#

yo

76

bc

本 本 基 基

h

#3

n

tto

Bu

r rte

So

0f4

86

rap

rag

Pa

ar

eb

Sid

n

ow

pd

Dro

Po

rd

Ca

n

UC

on

tt Bu 钮

La

t

n Fo

lor

Co

N

/E

ut

yo

r以

ve

Ho

h

rap

rag

Pa

n

tto

Bu

r

rte

So

分 规

r

ve

po

Po

ar

eb

Sid

n

ow

pd

Dro

d官

lou

UC

UC

d官

lou

30

4/

/0

交 19

on

tt Bu

N

.C

UD

LO

Ico

30

4/

/0

19

TE

DA

UP

er

v po

TE

Ca

rd

DA

n

Ico

n

ow

pd

Dro

rd

Ca

UP

p

on

tt Bu

r

e ov

Po

ra

Pa

ar

eb

Sid

h

n

ow

pd

Dro

lor

So

F

r

rte

t on

n

tto

Bu

M

PX

00

12

h

rap

rag

Pa

yo

La

ard

C

n

Ico

rt

n

ow

pd

Dro

eb

12

9/

/0

19

ar

Sid

er

: TE

DA

UP

r ve

po

Po

rd

Ca

Ico

UC

nt

N

.C

UD

LO

n

Fo

ily

fam

33

A16

#0 体

管 N

/E

ut

La

#0

lor

33

A16

F

26

t on

PX

yo

33

A16

#0

Co

20

n

tto

Bu

r

rte

So

PX

h

rap

rag

Pa

Po

PX

r

16

ve

po

18

ar

eb

Sid

PX

n

ow

pd

Dro

rd

Ca

2

n

Ico

2

9/1

/0

19

TE

DA

UP

9/1

/0

19

TE

DA

UP

nt-

Fo

UC

d页

lou

N

.C

UD

LO

UC

ut

yo La


PORTFOLIO 2014-2019

02


Dro

Po

Ico

n

Ico

rd

n

Ca

C

r

ve

po

ar

eb

Sid

Think in Cloud 主视觉设计(2018 - 2019) Think in Cloud Conference Key Visual Design


OVERVIEW 项目概况

2018-2019,我成为了UCloud TIC大会活动的主设计师。 TIC(Think in Cloud)是UCloud每年两届面向用户的重要会 1

议。我的工作内容主要包括风格界定、KV、主页面以及相关

8

物料的设计。

From 2018 to 2019, I became the designer of UCloud TIC conference, TIC (Think in Cloud) is an important meeting for users of UCloud twice a year. The work includes but is not limited to KV, UI and material design.


9 1 T ic Alt e rnat ive - 20 1 9 2018.12.2X

S H ANGH AI

1

-

备 选 方 案 2

-

对 比


KEY VISUAL 主视觉

Ti c Key V i su a l - 2 0 1 8 2018.12.25

SHANGHAI

2 0 Think in Clo ud (TIC) is the China Clo ud co mputing indus try s ummit ho s ted by UClo ud, aiming to p resent the ap p lication and practice o f Clo ud co mputing in big data exchange and applicatio n, artificial intelligence, b lockchain, Internet o f things and many o ther indus tries in the era o f " Internet plus " . 2018 is the fourth session of T I C, attracting mo re than 5, 000 attendees fro m the techno lo gy elite, co nveying cutting-

- 极简·极真 (2018)


Ti c K ey Visual - 20 18

M

A

I

N

C

O

L

O

R

S

E

T

T

I

N

G

SHA NGH A I

2

1

2018.12.25

Under Dark 15%

# 04040b

Dark 66%

Red 5%

# ff0606

Over Cream 10%

# 131421

# e4e4e4

Cream 3%

# ffffff


EXTENSION 大会延展

2 2 T i c K e y V i s ual - 2 01 8


扫码了解项目详情 MORE >>

+


2014-2019

03

PORTFOLIO


腾讯新闻 87版红楼梦20周年策划 H5(2017) Tencent news dream of red mansions 20th anniversary H5


OVERVIEW 项目概况

2

为了纪念87版红楼梦,腾讯新闻由此推出了

6

017年是87版的《红楼梦》放映的20周年,

红楼梦专题H5页面。这是我在腾讯实习期间 完成的项目之一。 To commemorate the 20th anniversary of the

87th

edition

of

dream

of

red

mansions, tencent has launched H5 page dedicated to dream of red mansions. This is one of the projects I completed during my internship in tencent.


2014-2019

04

PORTFOLIO


ofo小黄车 上海大悦城活动物料(2017) ofo Shanghai Joy City mobile materials design


MATERIAL DESIGN 物料设计

2 9


17年7月,我参与了OFO小黄车在上海大悦城与神偷奶爸3的联动活动的物料设计,包括手牌KT板和标语。这是我在北 京腾讯实习期间的外包设计之一。

In July, 2017, I participated in the material design of OFO's interactive activity with Despicable Me 3 in Shanghai Joy City, including KT board and slogan.


OFFICIAL ACCOUNT 新媒体设计

ofo 小 黄车 上 海 o of

1

上海 车 黄 小

ofo 小 黄

ofo 小黄车上海

微信文章头尾 扫码进入文章可查看动效 MORE>>

of o

海 上 车

ofo 小黄车 上海

小黄车上海 ofo

海 车上 小黄

3

ofo 小黄 车 上 海

车上海 小黄 ofo


3

2


2014-2019

05

PORTFOLIO


Uber 华中区拓展相关设计(2015) Uber China central expansion design


SPLASH SCREEN 推广图(SS)

3 5

15年7月,我加入了 Uber China 中区区域拓展部(UCC)。并完成了期间市场运营的相关设计,包括但不限于Uber China APP 闪屏(SS)、开拓新城市所用的物料、以及部门的品牌建设。后公司与滴滴合并。

In July 2015, I joined Uber China Central Expansion team. I also did the operational design including splash screen of Uber China APP, materials used to develop new cities, and branding of our team.


MOTION DESIGN

3

6


3

7


POSTER

3

8

海报设计


2014-2019

06

PORTFOLIO


APP深夜食堂 UI设计(2015) Night recipe user interface design


UI DESIGN UIшо╛шоб


4

2


2014-2019

07

PORTFOLIO


苏宁超市logo提案(2014) Suning supermarket logo proposal


6 4

@ More on My Website [www.wjymoshi.wix.com/work]


2014-2019

08

PORTFOLIO


近期日常设计项目(2019 - 2020) Recent daily design projects


4

9


0 5 —— 内部平台:KUN


QUA YUN

U C L O U D

/

NM JIS

IN UAN

U E D

创 / 赢 / 未 / 来

5 1 B

A

I

L

D

I

E

S

C

L

U

B

CASCADE LAKE 2

0

1

9 2

0

2

0

—— 字体设计


2 5 —— 日常海报设计


5

3


—— 线下物料

MAY YOUR NEW YEAR BE FILLED WITH JOY, LOVE, AND DELICIOUS PORK

5 4


5

5


6 PRO

SP E

U RO

S

99 11

5

E HAPPY AND PROS

P ER

OU

S

順 猪

APPY AND

MAY YOU B

U BE H

—— 2019年贺

MAY YO

CHINESE NEW YEAR


5

7


5

8


Profile for wjymoshi

JY_Portfolio_From 2014 to 2019  

JY_Portfolio_From 2014 to 2019  

Profile for wjymoshi
Advertisement