Skip to main content

还在困扰怎么画Storyboard的同学,今天马克笔设计留学的MUzi老师来教你们如何快速制作故事板!废话不多说啦直接上干货!

1.勾画故事板框架

拿一张空白纸,画出若干个矩形画框,这些画框是我们故事板的基本模板。画框的个数取决于要创建的故事板的类型和互动的复杂性,但一般不会少于5个。

2.设计故事情节

在开始绘制场景之前,你需要为你的故事板规划一个故事线。描述故事情节时要考虑到一下几个方面:

交互发生在哪里?
场景里包含哪些人,那些活动?
要表达什么样的痛点?
他们使用什么类型的装置?
交互的输入和输出是什么?
人/或设备如何解决问题?

对故事情节有了大致的设想后,将他们分配到画框中。第一个画面是一故事的开始,介绍了你的故事,接下来的画面是故事的发展和高潮(即展示解决方法),最后一帧结束故事,经常会用一个场景结束,强调故事板中所示的交互完成(例如,一个人走开)。

以一个简单的故事情节为例:

(1)一个人在公共场所经过公告牌。
(2)该人注意到一个特定的公告,并产生兴趣。
(3)该人使用手机捕捉公告旁边显示的条形码。
(4)手机显示屏上显示详细信息。
(5)该人离开场景。

将以上故事线写在五个画面下面。

3.画出故事情节草图

在绘画每一个场景的草图时,都可以应用不同镜头语言。对于开头和结尾,我们用较宽镜头(Extreme Long Shot)来说明语境。在画面二中使用“肩部”视图(Over-The-Shoulder)来显示人和板的细节,用来强调人在看什么。接下来在画面三中使用第一人称视角(Point of View)来强调一个人正在做的动作(即拍摄条形码的照片)。在画面四中,也就是故事的高潮部分,我们使用“特写”(Close Up)来展示问题的解决方法。

4.强调运动和动作

最后,在草图中添加视觉注释。在故事版中有些重要的运动和人物动作很难在静态中显示,这就需要我们添加一些视觉注释。

此外可以根据个人能力来提高故事版的完成度,但也不要过度执着于画面的美观度,只要将故事内容叙述清楚就可以了。

文章作者:MUzi

南安普敦大学交互设计硕士

擅长交互设计与用户体验相关专业辅导和课程知识体系建立

任何关于院校和作品集的问题

欢迎随时和马克君沟通

知无不言,言无不尽

更多院校信息,作品集攻略都在这里,记得关注公众号:马克笔设计留学

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments