王哲敏的设计作品集
中文
|
ENGLISH
设计作品集 DESIGN PORTFOLIO
王哲敏
2017
BASIS INFORMATION 基本信息 王哲敏
男 27岁 汉族
平面视觉 / 交互设计 / 游戏交互 / 动态设计 / 插画 于2009年9月~2016年2月间,在华东理工大学艺术设计与传媒 学院完成本硕连读
t 13917560399 / e mcludi@foxmail.com be behance.net/zhemin
微信二维码
CAREER
2014 - 2017
上海格奕网络科技有限公司 交互设计总监/平面设计师/U3D前端 - 加入了公司的初创核心团队,参与研发了公司的第一款上线项目; - 负责产品的策划、界面信息分配,风格尝试与定义,设计,引擎前端接入,运营宣传等各个环节;
工作经历
- 对所有公司游戏项目的交互设计负责,设定了交互规范、策略和格奕独特的界面交互风格; - 独立完成了公司的品牌形象系统设计、公司网站;
2014 - 2014
三星中国设计研究所 - EI 部门 视觉设计师 - 参与了可穿戴设备的调研、设计和提案; - 参与了新一代手机系统的初期风格和UX尝试; - 参与了三星Qi Project运动健康系统的UI设计
在 校 期
2013 – 2014
鸿翼传媒 - 数字创意部门 - 视觉/交互设计师 - 参与了《Topdriver·极驾客》创刊号纸刊和App的视觉和交互设计;
2012 – 2013
赫斯特杂志 - 数字创意部门 - 视觉/交互设计师 - 参与了《家居廊》、《名车志》等杂志的数字化App设计,品牌别册设计;
间
SKILLS 技能
语言
中文
/
英语
铁饭碗
PS
/
AI
视频、音频
AE
/
PR
游戏引擎
Unity3d (UGUI/NGUI)
WEB
Dreamweaver
字体
Glyphs°
计算机
Markdown
/
特长
信息架构
/
摄影
其它
指弹吉他
/
丝网印刷°
(标注°为基础熟练程度) ---------------------------计算机二级证书 / 英语四级545 / 六级419
/
ID
/
/
LR
/
CD
Cinema4D° /
/
Flash
/ Typetool
/
/
/
Sketch
/
Principle
Audition & Waves°
/
Spine° /
HTML/CSS/JS°/ASP°
Font Creator°
Git Bash°
/ Office
修图 /
皮具
/
Visual Basic °
Motion Graphic
EXPERIENCE 特殊经历
2017.02
入选并参加了TIB举办的Typetour(字体与视觉文化之旅)(2017 台北)
2016.12
任格奕游戏交互总监
2015.09
格奕游戏的第一款游戏项目《超神战记》上线,当月流水破两千万
2014.11
加入格奕游戏初创团队,任交互设计师
2014.10
为南笙\黄艺馨等人主演的网络剧《头号绯闻》制作片头分镜、动画、插画
2013.06
入选中国工业设计协会学生会员
2013.04
担任中法国际音乐夏令营及巴黎芒特国际音乐大赛平面设计师
2012.10
尝试设计自己的Mostro玩具品牌,完成品牌标识和玩具模型的制作
2011.07
于珂兰(Kela)钻石公司(上海)实习 负责淘宝商城店铺设计,产品摄影及海报设计,担任旗下品牌银尚圈的品牌设计师
2010.06
合作举办学院五人艺术展《OVERFLOW·溢》
2009.09
Bible滑板公司兼职 负责滑板设计、淘宝店及官网页面设计、海报设计等工作
AWARDS 奖项
2014.12
红点概念设计奖 荣誉提名奖
2014.09
全国大学生工业设计大赛 二等/三等奖
2013.09
保送华东理工大学艺术设计与传媒学院研究生
2013.04
入围第五届“英特尔杯”全国大学生软件创新大赛暨HTML5程序开发邀请赛复赛
2009-2013
二等/三等校级课程奖学金 学代会优秀工作奖 上海大学生计算机应用能力大赛 优胜奖
DESIGN PORTFOLIO
Zhemin Wang
2017
BASIS INFORMATION Zhemin Wang Male,27yrs,Chinese
Graphic Design/ Interaction Design / Game Design / Animation / Illustration Master of Art & Bachelor of Design(ECUST, Spt-2009 ~ Feb,2016)
t 13917560399 / e mcludi@foxmail.com be behance.net/zhemin
CAREER
2014 – 2017
Giu Game - Game UI
& U3D Front-end Designer
- Redesign GiuGame's branding & visual identity system - Started my career with this new established company.Be the important staff for user interaction design. - Forming user interactions, defining UI directions and GUI strategy (Be responsible for all game projects) - Information Architecture - Front-end designer(NUI/UGUI in Unity 4/5) - Websites designer - Graphic designer - Animation
2014 – 2014
Samsung Design China- Emotion Innovation Part / Visual Designer - Research,design and proposal for wearable devices project - Visual and UX design for the Qi Project(Healthy APP)
2013 – 2014
Honyee Media - Digital Creative Team ( Freelancer ) -
2012 – 2013
Interaction design and visual design for Topdriver Magazine as a design freelancer
Hearst Magazine - Digital Creative Team ( Freelancer ) -
Interaction design and visual design as a design freelancer
During School
- Participate in the early development of Samsung’s new mobile system
SKILLS
Language
Chinese
/
English
Proficient
PS
/
AI
Video/Audio
AE
/
PR
Game Engine
Unity3d (UGUI/NGUI)
WEB
Dreamweaver
Typography
Glyphs°
Programming
Markdown
Others
Infomation Architecture
/ /
ID
/
/
CD
Cinema4D° /
/ /
/
/
Principle /
HTML/CSS/JS°/ASP° / Office
/
/
Visual Basic °
Photography
Printing°
/
---------------------------/
/
Audition & Waves°
( ° Basic proficiency) Lv.2 Certificate for National Computer / CET-4 545
Sketch
Font Creator°
Git Bash°
Fingerstyle Guitar
/
/
Spine°
Flash
/ Typetool /
LR
CET-6 419
Leather Craft
Motion Graphic
EXPERIENCE
2017.02
Joined Typetour Taipei 2017,sponsored by TypeIsBeautiful.com
2016.12
UI Director at GiuGame
2015.09
GiuGame’s First Project "Legend of Superheroes" Published on Appstore & Andorid Markets
2014.11
Start career with GiuGame
2014.10
Design storyboard,animations and illustrations for webisode "The Number One Scandal"
2013.06
Joined China Industrial Design Association as student members
2013.04
Design Poster & Brochure for "ACADÉMIES INTERNATIONALES DES JEUNES TALENTS DE MUSIQUE"
2012.10
Design my own toy brand Mostro,including design the brand VI and prototyping the toy models
2011.07
Internship at Kela Jewelry
2010.06
Co-hosted a Collegiate art exhibition "Overflow"
2009.09
Parti-time job at Bible skateboard company
AWARDS
2014.12
Red Dot Concept Design Honorable Mention Awards
2014.09
China Universities Industrial Design Competition 2nd & 3rd prize
2013.09
Passed the postgraduate recommendation examination of ECUST
2013.04
Shortlisted the semi-finals of The 5th Intel Cup Collegiate Software Innovation Contest
2009-2013
The Second Prize Scholarship The Third Prize Scholarship Outstanding Individual of Student Association Shanghai Collegiate Computer Application Ability Competition Wining Prize
4
交互
|应用
交互
|游戏
工业设计 手工制品
|插画
Illustrations | Handcrafts
3 Industrial Design
2 Game Design
1 User Interaction
|标识设计
Branding & Visual Identity 品牌识别
CONTENT
目录
5
1.Branding &Visual Identity
之外·中式美学生活
2.User Interaction
为三星2014年新系统设计的界面交互实例
为三星2014年新系统设计的UI图标,风格介于扁平略微有一些刻画之间, 既想保留图标的轻快感、识别度,又不想让其太过符号化而失去了情感关联。
为三星2014年新系统设计的界面交互实例
为三星2014年新系统设计的界面交互实例
为Topdriver极驾客APP设计的首页轮盘,目的是筛选不同的内容, 保留了汽车码表的元素,和极简以内容为主的风格。
整本杂志想营造一种以纸刊内容为主,但是“APP能展现更多”的感觉, 在APP上模拟纸刊的阅读方式,进而拓展出一些更为自然有趣而实用的 交互方式。
为Topdriver极驾客APP设计的几类交互方式, 配合开发完成模块化的制作, 纸刊编辑可以结合内容直接套用交互模板使用。
3.Game Design
酋长万岁项目,风格为Q版3D,主要面对海外市场, 界面和图标风格偏向于轻快、扁平, 刻画上主要遵循淳朴、古老元素 (没有明显的材质刻画、没有深色投影、没有现代元素)
酋长万岁的界面一共分为8个层级, 按照层级关系依次为: 场景UI为1-2层, 功能UI为2-4层, 信息提示、辅助功能为5-8层。 层级越高,功能密度越稀释,材质越轻薄简洁、 色彩越轻快,对比度越高调, 层级越低,美术刻画程度越高,材质感越强、 色彩越贴近游戏场景,对比度越低调,
动效(略)
洞穴
图腾 / 村庄中心
PVE 野区
处理日常事务
资源区
村外
未开发区域 预留位置
资源区
PVP 社交
酋长万岁的村内地图设计
扩大“活动” 、“每日事务” 等最为重要的版面
轻快色彩、无重色的整体风格
同类功能信息归类(格式塔原理)
推进式的按钮 置于最右下角
事务模块每日由运营人员 来调配不同的数据,每天 给玩家分配新的任务。 这一界面示例了游戏中的 控件层次。
代表“推荐、引导”的按钮, 在项目中使用比较谨慎,通常为 绿色,其余的中性按钮通常都设 定为蓝色。 (在最后一版酋长万岁中使 用的是亮黄色作为引导性, 灰绿为中性) 代表“不可用、后果严重” 的按钮,通常为灰色和红色。
未完的列表,必须设计为 保留半个单元示意未完内容 (格式塔原理)
根据手机设备通常为左右手的使用习惯,通常交互热点,不会设定在 屏幕中间偏上的区域,频繁使用的热点如标签栏、引导按钮通常在左右侧。
信息量大的界面 尽量减少“图标+文字”的形式, 统一使用识别度较高的功能图标。
空之诗是一个面向PC/Steam的独立游戏项目, 界面和图标风格比较偏向日式哥特, 但是由于公司内部原因,没能开发完成。
超神战记是格奕的第一个正式项目,风格为Q版写实, 是最早做移动端MOBA的项目之一(2014年), UI遵循原画的Q版写实,材质感比较强烈。 主要面对日韩和东南亚市场。
超神战记的官网设计
超神战记建立了后续项目中延续使用的 “层级划分的雏形”。
超神战记引入了很多新的交互概念,比如视差滚动(Parallax Scrolling), 为了达成这样的效果,要求所有的UI元素和场景元素都必须分层绘制, 对于项目的Drawcall消耗也是一个比较难的挑战, 对此我们花了巨大的时间来优化。
运用特效和透视效果来建立暗示性的引导。
< 用九宫格方式生成重复像素
超神战记中的资源压缩研究
<
化大为小,提高加载速度
4.Industrial Design
实用包装设计 W H E N W E I N S TA L L P R O D U C TS L I K E T O W E L H A N G E R S , W E A LW A Y S D E T E R M I N E T H E H O R I Z O N TA L I N S TA L L AT I O N P O S I T I O N B Y S O M E M E A S U R I N G T O O L S L I K E R U L E S , O R J U S T B Y F E E L I N G . I T ’ S S O M E T I M E S V E R Y I N CO N V E N I E N T, E S P E C I A L LY W H E N T H E R E ’ R E N O M E A S U R I N G T O O L S .
P U N C H H E R E CO R R U G AT E D PA C K A G I N G B O X I S D E S I G N E D T O H E L P P E O P L E E A S I LY D E T E R M I N E T H E H O R I Z O N TA L I N S TA L L AT I O N P O S I T I O N W I T H O U T
M E A S U R I N G T O O L S B Y U S I N G I TS PA C K A G E . R E F E R E N C E L I N E A R E M A R K E D A N D S C R E W H O L E S A R E D U G O N T H E PA C K A G E B O X A CCO R D I N G T O T H E
I N S TA L L AT I O N D I M E N S I O N S . A F T E R B E S I N G U S E D A S A M E A S U R E T O O L , T H E PA C K A G E B O X I S U N D A M A G E D A N D C A N B E U S E D A G A I N .
实用包装设计 PUNCH HERE PACKAGING DESIGN
S C A N Y F O O D C R E AT E S A N E W W A Y O F CO O K I N G R E A D Y
M E A L S . A N Q R CO D E CO N TA I N I N G CO O K I N G I N F O R M AT I O N W I L L B E P R I N T E D O N T H E R E A D Y M E A L ’ S PA C K A G E . Y O U D O N ’ T N E E D T O F I G U R E O U T D I F F E R E N T CO O K I N G T I M E
AND POWER OF DIFFERENT KINDS OF READY MEALS OWING
T O A S M A R T M I C R O W A V E W I T H A Q R CO D E S C A N N E R W H I C H C A N A U T O M AT I C A L LY CO O K T H E M E A L S U N D E R T H E PROPER FIRE POWER DURING THE PROPER TIME.
QR
CODE
烹饪新方式 SCANY MEAL
W H E N COOK I NG THE SMART MICROWAVE WILL DETECT AND KNOW THE
P R O P E R CO O K I N G T I M E A N D CO O K I N G P O W E R T H R O U G H
T H E Q R CO D E , S O T H AT Y O U C A N E A S I LY CO O K T H E F O O D WITHOUT ANY SETTINGS.
W H E N S HOP P I NG Y O U C A N S C A N T H E Q R CO D E T O S E E O T H E R C U S T O M E R S â&#x20AC;&#x2122;
CO M M E N TS O N T H E P R O D U C TS A N D D E C I D E W H I C H TO B U Y.
老年用遥控器套 AGED-CARE REMOTE COVER
AGED-CARE REMOTE COVER IS DESIGNED TO SHIELD THE SELDOM-USED BUTTONS AND SHOW THE FREQUENTLY-USED KEYS UP, SO THAT IT CAN MAKE THE REMOTE CONTROL EASIER TO USE FOR THE AGED.
S E AT S A V I N G P L AT E H A S A S P E C I A L F O L D I N G CO R N E R . F O L D I N G T H E CO R N E R M E A N S T H AT Y O U H A V E N ’ T F I N I S H E D Y O U R F O O D , S O T H AT OT H E R P E O P L E
W O N ’ T M I S TA K E N LY TA K E T H E F O O D A W A Y W H E N Y O U N E E D TO L E A V E F O R A
W H I L E TO D O S O M E T H I N G L I K E G O I N G TO T H E W A S H R O O M O R A N S W E R I N G A
PHONE CALL FREE FROM NOISE.
占位餐盘 SEAT SAVING PLATE
W H E N A W O M A N R E A C H E S M E N O PA U S E , SHE GOES THROUGH A VARIETY OF CO M P L I C AT E D E M O T I O N A L ,
P S Y C H O LO G I C A L , A N D B I O LO G I C A L
C H A N G E S . S O M E N E G AT I V E E M O T I O N S , H A R D T O CO N T R O L A N D E X P R E S S A N D
B E Y O N D M A N ’ S U N D E R S TA N D I N G , M A Y CAUSE UNNECESSARY QUARRELS.
THIS DEVICE CAN LET A WOMAN’S
PA R T N E R K N O W H E R E M O T I O N A L C H A N G E B Y M O N I T O R I N G H E R E M O T I O N A L S TAT E OF CHANGE AND FEEDING THE
更年期伴侣 MENOPAUSE CARE
I N F O R M AT I O N T O T H E S U I T E D M O B I L E P H O N E , M A K I N G H E TA K E M O R E C A R E ABOUT HER.
格奕游戏
办公室视觉导向图标设计
5.Illustratio &Handcraft
15年10月刊 车库文化
15年4月刊 匠人精神
14年10月刊 车库文化
14年12月刊 圣诞节
14年5月刊 极驾优荐
14年5月刊 出行新方式
14年6月刊 速度比拼
14年3月、5月刊 城市
15年5月刊 远行
15年11月刊 打包
THANK YOU FOR TAKING A LOOK!
t 13917560399 / e mcludi@foxmail.com be behance.net/zhemin