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