Page 1

PORTFOLIO 作品集

DUROTAN

MU


1

2

海报制作

3

字体创意

插画作品

4

设计项目


演唱会宣传 · 品牌标语

POSTERS


DUROTAN MU

2016年著名欧美流行歌手Ariana Grande 发行流行专辑 Dangerous Woman ,随后举办相应的全球演唱会。这 是为Ariana Grande World Tour设计的一张英美国家演 唱会海报。

PAGE 01


DUROTAN MU

IT‘S YOUR GENES.

为Genentech设计的书签式海报。染色体序列由基本形 衍生而成,扁平化的设计与slogan相契合。倡导人们重 视基因健康,及时检测。 PAGE 02


PAGE 03

COLDPLAY主题海报,为他们2016年曼彻斯特演唱会设计。中间是所设计的宣传单目录。

DUROTAN

MU


I L L US T R A T I O N S

游戏插画 · 歌词插画 · 创意插画


PAGE 05

JOURNEY

风 之 旅 人

风之旅人是THAT GAME COMPANY开发的一款 主机游戏,游戏如题,能带给玩家一种独特的关 卡式体验。该作品是结合游戏其一主题《雪》和 《山》的特征进行设计的。给人一种清新铺面的 感觉。


画,色调风格各异,但每张图都有种甜甜的感觉。

PAGE 06

三幅图都是根据ED SHEERAN 的PERFECT创作的插


这张黑白色调为主的插画,其实是映出

了很多童年时候的梦想,梦里有自由, 有欢畅还有激情。致敬Ryo Takemasa.

PAGE 07

SKIING IN DREAMS


TYPEFACE


“PEA TYPEFACE PAGE 08

这款字体在设计时只使用了两种基本形,却打造了一款有 弯曲美感的字体。整款字体有种饱满和凸起的感觉,形似 豌豆,便把它称作“豌豆体”。这是一款小清新的创意英文 字体,适合作为装饰字体使用。


项目UI · 图标设计


写梦 PROJECT 1


TEAM ROLE 负责写梦网页版的界面视觉 写梦网页版信息架构与可用性测试

PROJECT

写梦网页版项目可交互原型设计 写梦LOGO 设计


项目缘起

发现痛点

PROCESS

人物建模

场景建模

任务流程

原型设计

可用性评估

写梦WEB项目经历了前期调研、用户研究、信息架构整理、原型设计和 可用性测试完整的过程,能够在功能性上涵盖用户的基本需求,界面整 体梦幻,符合用户对梦境的感性认识。


1

2

3

梦境作为一种私人性的信息,在社

很多梦境在现实中不合常理无法得

梦境一般都是零碎的,很多梦者苦

交平台分享容易有安全性的顾虑;

到科学解释,但是又会引起梦者无

于梦境的不完整迫切想知道所做梦

同时,经常被碎片化的信息所淹没。

法得到梦境具体含义的焦虑。使很

的结局,同样需要一个能够帮助补

无法畅所欲言表达自己的梦境。

多梦者需要一个专业化的解梦平台。

全梦境的平台。

PAIN POINTS

项目痛点是我们做写梦应用的缘由之一,我们通过用户访谈和问卷的方 式了解到大家对梦境的一些遗憾,把这些遗憾转化为需求,便成为了我 们整个项目的目标。


• 名字:Kevin

• 爱好:阅读;刷微博;写作

• 年龄:22

• 性格:有趣,幽默,有想法

• 职业:作家

• 使用目标:寻找灵感,写一些有趣且有思考的文章

阅读

灵感

创作

分享

Kevin “”我喜欢天马行空的写作。“”

PERSONA

关于Kevin的创作流程链

这份角色建模反映了写梦的目标受众Kevin的创作流程,他们需要有一个共享的平台, 来帮助他们进行灵感的寻找、提供创作的空间与分享的社区。


Scenario 1

针对「记录梦」

Scenario 2

针对「解析梦」

Scenario 3

针对「补全梦」

Kevin有一天晚上梦回初中,和自己的好友做

最近Kevin总是发现自己做噩梦,却不知道梦

Kevin想在自己的公众号上更新一些有趣、脑洞

森林探险和极限运动,还在潜水时碰到了自

境的含义是什么,便想寻求一些关于梦境的

大的文章,但苦于没有灵感可供创作。同时自

己的数学老师。

解析。虽然他知道梦的解析不一定完全属实,

己的梦境总是在进入高潮时突然中断,没有恰

却能一定程度上反应自己的生活情况和深层

当的结局。

他醒来想把自己的经历用便签记录下来,却

内心想法。

发现便签很凌乱,难以寻找自己之前记录的

因而,他想要一款能够帮助他补全梦境的软件。

梦境。

因而,他需要一款能对梦境有个性化定制分

当然,他也需要一个共享的平台以便于从他人

因而他需要一款专门记录梦境的软件。

析服务的软件,以满足自身的心理慰藉。

的未完待续之梦中获取灵感进行创作,

SCENARIOS

上述是关于目标受众的场景建模,反映了不同用户在解决自身需求的流 程与写梦功能架构的触点所在。


写梦

解梦

补梦

写梦Web信息架构 & 功能框架

STRUCTURE

上述是关于目标受众的场景建模,反映了不同用户在解决自身需求的流 程与写梦功能架构的触点所在。


(点击标题可以跳转至视频播放地址)


SPECIFICATIONS

TYPES 等线 Light


写梦

PROJECT

—— 耐心倾听和补全你的每一个梦


词境 PROJECT 2


问题发现

PROCESS

用户调研

框架设定

任务流程

原型设计

词境APP项目源于同学们苦背单词且效率低下的痛处,力求打造一种高 效率的背词模式。项目经历了需求提出、用户研究、建模和功能流程确 立,以及原型设计的整个流程。


没有掌握单词 背词方式不对 缺乏单词语境

不会用 不符合使用目标 教材选择不合适

不适合用户情况

背词零碎化

APP背词效果不佳

系统学习

背了忘 复习方式单调 缺乏科学复习计划 没有考虑个体差异

背了忘 · 忘了背

不会用 · 难坚持

忘了背

提醒功能不全面

用户自律性不够

坚持难

激励机制无效 APP没有激励用户

没有激励机制

PROBLEMS

词境主要针对现有的四大手机背词软件的问题,提出相应的设计目标, 以解决用户需求。


笔记

首页

「首页」任务流程图 新建mindmap

开始学习

Y

认识 生词

「笔记功能区」任务流程图

编辑标题、备注

左滑跳转到 下一个文段页面

N

点击“+”,添加子集

点击生词查看意思

Y

查看更多 单词详情

上滑跳转到 单词详情页面

下滑回到文段页面

点击即选中,在编辑栏编辑 选择编辑/撤销/导入/转换文本/浏览模式

N

N 查看文 段译文

Y

编辑单 个圆圈

Y

点击翻译框

N

调整 结构

Y

拖拽挪动圆圈

N 完成

FLOW CHART

词境APP根据核心场景下的的部分任务流程图。


词境,一款专注打造单词记忆大师的应用。 采用独特的语境背词模式,结合自定义脑图

词境

PROJECT

(点击标题可以跳转至视频播放地址)

功能归类词伙,创建用户自己的背词区间。

词境——CONTEXT FOR YOU ~


词境

TEAM ROLE

PROJECT

ORIENTATIONS

词境LOGO 设计 高效的文段记词方式

词境APP界面sketch(部分)

方便运用的专属个性词伙

词境APP故事板

日积月累的记忆成效

PAGE 14

词境APP首页和个人中心UI


PAGE 15

词境

PROJECT

—— 独属于你的语境背词空间


THANKS FOR WATCHING

DUROTAN

MU

Portfolio durotan  
Portfolio durotan  
Advertisement