Zhemin's Portfolio 2017

Page 1

王哲敏的设计作品集

中文

|

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

WeChat


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 ’

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

wechat


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.