搜故事,从300万个故事到海量知识百科的华丽转变!

我不允许有交互生不懂“故事板”

时间:2017-06-09

交互设计故事版角色怎么设计

提示:本文共有 1776 个字,阅读大概需要 4 分钟。

交互设计调研结束后,同学们需要将调研结果整合反馈,但如果单纯以文字的形式去呈现这些内容,通常无法将设计信息最大化的传达,影响最终设计方案的形成。

所以,为了更准确的解决设计问题,我不允许我的学生不了解“故事板”!

故事板可看作代表镜头的插画,同学们在设计时需要把图像排列在一起,使自己的设计能够故事化形象化。

其最初来源于电影制作, 迪士尼工作室就广泛使用了故事板来绘制动画的框架草图,帮助他们在制作电影之前先建立起电影中的虚拟世界。

电影《狮子王》前期的故事板

在交互设计的初期Define阶段中,同学们需要建立Persona去说明目标用户的背景以及需求,从而从侧面阐述设计问题。

传统的Persona都是以文字的形式来呈现,当建立背景较为复杂的Persona时,可以利用故事板来传达更为丰富的信息。

在设计后期的Deliver阶段,灵活运用故事板还可以向用户清晰明确的解释产品的使用方法和流程,以及环境、产品、用户、交互形式等问题。

背景介绍的差不多了,下面我从故事版的三大基本要素入手,为大家讲解绘制时的注意事项以及具体绘制步骤:

01

基本要素

1. 人物

如同每部电影都有男女主角一样,每一个故事板中都应当有一个具体的人物,该人物贯穿整个故事,推动故事的发展。

其中,具体人物的行为、外表和期望,以及他在每一个场景和时间段里所做出的任何决定都是非常重要的。所以想要在作品集中,向考官展示用户的需求和痛点问题,通过故事板直观展示人物当下的所思所想是必不可少的。

2. 情景

众所众知,每个故事人物都不是独立存在的,大家在绘制故事板时,需要给人物创造一定的环境,通过某一个地方或者某一类人从侧面烘托主要人物。

3. 情节

有了人物和环境,情节便是串联其二者之间的故事线。在故事板里,一般不需要耗费大量精力去介绍背景以及铺垫,所以故事板的结构较为清晰易懂,通常只包含简单的开头、叙述、结尾,且叙述的重点围绕人物展开。

一般来说,情节部分以某个特定的触发点开始,然后以人物遗留下的问题或者解决的优化方案而结束。结束的形式取决于大家绘制故事板的目标是前期介绍用户痛点还是后期阐述产品使用过程。

02

注意事项

为了可以将自己的设计想法更好的表达给考官,大家在绘制故事板时还需要注意以下3点:

1. 真实化

在绘制故事板时,大家要让人物、目的、以及人物经历尽可能的自然化的展现。在真实的环境中,把焦点放在真实的人身上,考官会更容易产生共鸣,从而更清晰理解故事板所要传达的信息。

2. 简单化

大家在绘制时,为了让故事变得更饱满,会不自觉添加很多不必要的情节,比如一些句子、图片或者情节设计。

事实上,很多情节添加到故事板中,反而起到画蛇添足的反作用。所以大家在创作时,可以整体看一下,情节如果没有为整个故事增加价值,就可以果断删除。

3. 情感化

同之前所说,在故事板中,人物是中心,所以大家在绘制时,要注意反映人物当下的所思所想,在人物的经历中展现其性格和情感状态,与用户获得情感共鸣。

03

绘制步骤

在绘制故事板时,需要遵循以下3个步骤:

1. 纯文本和箭头

故事板的绘制首先从纯文本和箭头开始,同时要注意抓取故事连接点,并重点的予以呈现。

一般包括上下文、触发点、人物在过程中的决定、遇到的问题或者问题的解决结束。

2. 添加情感

在故事添加情感时,大家可以在每个步骤中加入表情符号,试着把每个情绪状态都画成一个简单的表达,帮助别人感受人物思想的变化。

3. 翻译

经过前两步后,大家可以得到一个逻辑清晰的简单图文,接下来,同学们即可将每个步骤翻译成故事板框架,将其图像化。

在翻译过程中,大家要注意强调每一个时刻,并思考你的角色对它的感觉,这样的图面表达效果才能更好的引起考官共鸣。

看到这里可能有同学觉得自己手绘能力不足,不敢下手绘制故事板。事实上,故事板的重点是传达信息,因此在手绘能力上没有强制要求。

大家在绘制时,要保证内容简洁明晰,重点突出,将设计想法或者问题清楚表达给考官,最大化的发挥和强调故事板的作用及效果。

其实像“故事板”这样优化作品集的表现方式还有很多,我和同事们会在之后的文章为同学们一一讲解,如果大家想“打包带走”,也可找我私聊↓

在这里

汉艺国际·上海校区将为你的梦想助力

责任编辑:

看到此处说明本文对你还是有帮助的,关于“我不允许有交互生不懂“故事板””留言是大家的经验之谈相信也会对你有益,推荐继续阅读下面的相关内容,与本文相关度极高!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。
相关阅读
我不允许有交互生不懂“故事板”

我不允许有交互生不懂“故事板”

人物,故事,问题,情节,设计,同学们,步骤,用户,考官,形式,情感,产品,电影,环境,背景,内容,信息,作品集,基本要素,想法,所思,所想,框架,注意事项,痛点,箭头,阶段,需求,共鸣,交互设计

2020-07-05 #小故事

如何巧妙绘制故事板?梦工厂的故事板技巧

如何巧妙绘制故事板?梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,分镜师,几年前,把他们

2020-05-17 #故事大全

如何巧妙绘制故事板?梦工厂的故事板技巧

如何巧妙绘制故事板?梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,分镜师,几年前,把他们

2020-07-04 #短篇故事

如何巧妙绘制故事板?梦工厂的故事板技巧

如何巧妙绘制故事板?梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,分镜师,几年前,把他们

2020-08-08 #故事会在线阅读

如何巧妙绘制故事板?梦工厂的故事板技巧

如何巧妙绘制故事板?梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,分镜师,几年前,把他们

2020-09-25 #故事会

故事板故事板appv1.0.8

故事板故事板appv1.0.8

漫画,软件,视频,高清,是一款,可以将,分镜头,事件,内容,功能,客户端,故事,手机,板块,板手,特色,实用,应用,功能介绍,手机视频,视频制作,漫画软件,点击查看,编辑软件,转换为,视频转换,记录工具,非常好用,可视化,漫画图片

2020-08-08 #故事会在线阅读

如何巧妙绘制故事板?分享梦工厂的故事板技巧

如何巧妙绘制故事板?分享梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,几年前,把他们,有逻辑地

2020-07-04 #经典故事

如何巧妙绘制故事板?分享梦工厂的故事板技巧

如何巧妙绘制故事板?分享梦工厂的故事板技巧

时候,镜头,角色,故事,梦工厂,东西,动画,电影,纵深感,网格,视角,剪辑,一头牛,板上,三维,中景,位置,前景,场景,扁平化,来体,笔记,空间,绷直,背景,反应,测试,几年前,把他们,有逻辑地

2020-08-07 #故事会