还在困扰怎么画Storyboard的同学,今天马克笔设计留学的MUzi老师来教你们如何快速制作故事板!废话不多说啦直接上干货!
1.勾画故事板框架
拿一张空白纸,画出若干个矩形画框,这些画框是我们故事板的基本模板。画框的个数取决于要创建的故事板的类型和互动的复杂性,但一般不会少于5个。
2.设计故事情节
在开始绘制场景之前,你需要为你的故事板规划一个故事线。描述故事情节时要考虑到一下几个方面:
交互发生在哪里?
场景里包含哪些人,那些活动?
要表达什么样的痛点?
他们使用什么类型的装置?
交互的输入和输出是什么?
人/或设备如何解决问题?
对故事情节有了大致的设想后,将他们分配到画框中。第一个画面是一故事的开始,介绍了你的故事,接下来的画面是故事的发展和高潮(即展示解决方法),最后一帧结束故事,经常会用一个场景结束,强调故事板中所示的交互完成(例如,一个人走开)。
以一个简单的故事情节为例:
(1)一个人在公共场所经过公告牌。
(2)该人注意到一个特定的公告,并产生兴趣。
(3)该人使用手机捕捉公告旁边显示的条形码。
(4)手机显示屏上显示详细信息。
(5)该人离开场景。
将以上故事线写在五个画面下面。
3.画出故事情节草图
在绘画每一个场景的草图时,都可以应用不同镜头语言。对于开头和结尾,我们用较宽镜头(Extreme Long Shot)来说明语境。在画面二中使用“肩部”视图(Over-The-Shoulder)来显示人和板的细节,用来强调人在看什么。接下来在画面三中使用第一人称视角(Point of View)来强调一个人正在做的动作(即拍摄条形码的照片)。在画面四中,也就是故事的高潮部分,我们使用“特写”(Close Up)来展示问题的解决方法。
4.强调运动和动作
最后,在草图中添加视觉注释。在故事版中有些重要的运动和人物动作很难在静态中显示,这就需要我们添加一些视觉注释。
此外可以根据个人能力来提高故事版的完成度,但也不要过度执着于画面的美观度,只要将故事内容叙述清楚就可以了。
文章作者:MUzi
南安普敦大学交互设计硕士
擅长交互设计与用户体验相关专业辅导和课程知识体系建立
任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言,言无不尽
更多院校信息,作品集攻略都在这里,记得关注公众号:马克笔设计留学