故事板是软件显示效果的视觉草图,用于视频创作和广告设计,表达作者的创意。20世纪90年代以来,电脑绘制软件渐渐取代了过去的手绘故事板,许多大制作的商业影片,都在拍摄之前用电脑动画模拟的方式创建故事板,让复杂的电影拍摄更加形象、准确和简单,如《侏罗纪公园》。

概述

故事板是软件显示效果的视觉草图,用于视频创作和广告设计,表达作者的创意。
电影故事板故事板,英文“Storyboard”,有时译为“故事图”,原意是安排电影拍摄程序的记事板,指在影片的实际拍摄或绘制之前,以图表、图示的方式说明影像的构成,将连续画面分解成以一次运镜为单位,并且标注运镜方式、时间长度、对白、特效等,也有人将故事板称为“可视剧本”(visual script),让导演、摄影师、布景师和演员在镜头开拍之前,对镜头建立起统一的视觉概念。在电影拍摄期间,为了让一个庞大的剧组协调工作,那么,解释剧本、解释导演意图和工作要求的最办法就是“看”,当一场戏的场景动作、拍摄、布景等因素比较复杂而难以解释时,故事板可以很轻松地让整个剧组建立起清晰的拍摄概念。

作用

今天,故事板是动画片、电影、电视剧、广告、MTV等各种影像的制作工具和制作环节之一,是商业电影制作流程中控制美术、摄影、布景和场面调度的重要辅助手段,像南派灵思这样的影视公司在拍摄胶片广告时同样采用这样的手法,例如《统一番茄》TVC等。
故事板一般由导演亲自编绘,也有用专门的故事板绘画师来编绘。20世纪90年代以来,电脑绘制软件渐渐取代了过去的手绘故事板,许多大制作的商业影片,都在拍摄之前用电脑动画模拟的方式创建故事板,让复杂的电影拍摄更加形象、准确和简单,如《侏罗纪公园》。

由来

故事板,起源于动画行业。在电影电视中,故事板的作用是来安排剧情中的重要镜头。他们相当于一个可视化的剧本。故事板展示了各个镜头之间的关系,以及他们是如何串联起来,给观众一个完整的体验。

侧重点

  1. 故事板是用特定的脚本连贯的分镜头,来展示一系列的交互动作。
  2. 故事板用于突出显示某个关键交互动作,从而使整个用户体验过程中相对应的某个关键任务得以凸显。
  3. 故事板用于寻找产品的用户群。
  4. 故事板可以根据不同的目标侧重选择不同的表现形式。

用途及发展

采用何种形式基本取决于你构建的故事情节和屏幕任务或线下任务的相关度。

如果着重研究线下任务,则故事板中线下场景居多,如关注屏幕任务则会展现界面居多。当然如果完全关注屏幕任务就是我们的线框图和原型了。

故事板关注的是屏幕任务和线下任务结合的边缘地带。

故事板是传统交互设计方法的重要补充工具,平时我们的原型设计仅仅局限于屏幕环境的设计,忽略了屏幕之外的使用情境,通过故事板绘制的关键使用场景有利于我们理解屏幕之外的用户目标和动机。其实有经验的设计师会在产品设计初期假想一些应用情境,只不过他们没有画在纸上而已。

另外,故事板不仅仅是设计师头脑中假想情境的具象化,他还可以使一些模糊的用户需求更加具象更有说服力,在设计沟通的过程中能发挥巨大的作用。

以iphone为例,iphone的界面非常简洁,按钮都“傻大傻大”的,这种设计遇到的挑战是产品的许多功能不得不在简洁的界面风格中被隐藏或者被直接忽略,这时候设计师如果简单的对产品方说“这是视觉风格的要求你不能加这么多任务进来,”显然是很苍白没有说服力的,如果设计师通过故事板说明任务情境,如:用户在使用iphone时有可能正在吃早餐,正在挤公交,他需要快速准确的知道某个功能如何操作,他们不能理解太复杂的界面任务。在这种背景下,简洁的设计就不仅仅是视觉风格的问题,而是用户需求和使用情境的客观限制。因此,产品方很容易就被你说服了。

故事板的具体应用过程中可能会受一些手绘能力的限制。大家可以尝试做一下,画的丑一点没关系,只要能表达清楚关键任务场景就可以了。

故事板示例


参考文章1:故事板

参考文章2:https://www.zcool.com.cn/work/ZMjM0Nzk3NTY=/1.html

什么是故事板?(故事图、Storyboard)(软件显示效果的视觉草图,用于视频创作和广告设计,表达作者的创意)相关推荐

  1. 《Swift iOS应用开发实战》——2.2 了解故事板

    本节书摘来自华章计算机<Swift iOS应用开发实战>一书中的第2章,第2.2节,作者:刘铭 著, 更多章节内容可以访问云栖社区"华章计算机"公众号查看. 2.2 了 ...

  2. NPDP产品经理小知识-创意工具(故事板)

    NPDP产品经理小知识-创意工具(故事板) 创意是想法构成的基本要素,它可以是形象化的具体的或抽象的. 创意开发是生成.发展.交流新创意的创造性过程,创意开发包括创造解决消费者问题的解决方案的所有活动 ...

  3. [Xcode 实际操作]九、实用进阶-(23)多个Storyboard故事板中的页面跳转

    目录:[Swift]Xcode实际操作 本文将演示多个Storyboard故事板中的页面跳转. 使用快捷键[Command]+[N]创建一个新的故事板文件. (在项目文件夹[DemoApp]上点击鼠标 ...

  4. 敏捷开发免费管理工具——火星人预览之四:故事板,燃尽图,我的工作项

    这是火星人预览系列的第四篇(之一,之二,之三,之四,之五问答,之六,之七). 之一:需求与故事结构 之二:编辑故事,产品管理,组织结构 之三:迭代,计划会,分配任务 之四:故事板,燃尽图,我的工作项 ...

  5. 《iOS 9 开发指南》——第6章,第6.4节 Interface Builder中的故事板——Storyboarding...

    本节书摘来自异步社区<iOS 9 开发指南>一书中的第6章,第6.4节 Interface Builder中的故事板--Storyboarding,作者 管蕾,更多章节内容可以访问云栖社区 ...

  6. Visual Paradigm使用技巧:使用故事板和用户故事捕捉需求

    概述:本教程将向你展示如何创建一个用户故事,如何在用户故事中添加一个故事板以及如何在故事板中创建多个线框图. 创建一个用户故事 1. 首先创建一个用户故事.从工具栏中选择Project > Ne ...

  7. Silverlight Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)

    原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations) 正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Bl ...

  8. iOS开发那些事--创建基于故事板的iOS 6的HelloWorld

    基于故事板的HelloWorld工程 Storyboard(故事板)是用来替代xib的技术,也是iOS 5最重要的新特性之一.我们用Storyboard(故事板)重构HelloWorld. 使用故事板 ...

  9. 【WPF学习】第五十章 故事板

    正如上一章介绍,WPF动画通过一组动画类(Animation类)表示.使用少数几个熟悉设置相关信息,如开始值.结束值以及持续时间.这显然使得它们非常适合于XAML.不是很清晰的时:如何为特定的事件和属 ...

最新文章

  1. ARM体系结构及内核回顾总结(一)
  2. [云炬ThinkPython阅读笔记]2.7 注释
  3. 推荐6个好用到爆的Pycharm插件
  4. 管理口地址 ibm_WAN口有IP地址上不了网如何解决 WAN口有IP地址上不了网解决方法【详解】...
  5. mysql中教如何拼接字段(列)值、加入运算、设置别名(非常实用)
  6. android+动画+锯齿,Android_rotate--animation 动画旋转两图片,消除动画锯齿现象 android 开发:动画旋转两图片 - 下载 - 搜珍网...
  7. 用Excel教会你PID算法
  8. 蚂蚁集团上市 员工身价暴涨人均一套房?支付宝:没有 但会努力的
  9. c语言排序算法_C语言写排序算法(二) —— 选择排序
  10. switch注意事项与在什么情况下使用switch或if语句
  11. html 块级注释,HTML blockquote 标签 | 教程 | codingbefore
  12. gradle 配置及设置本地仓库
  13. 6U VPX 超高速信号采集处理板(XC7K325T + 4 片DSP TMS320C6678)
  14. 组态软件MCGS(昆仑通态)初识
  15. 解决WIN10下QTTabBar无法置于顶部
  16. Python实现同义词替换(哈工大pyltp分词)
  17. Could not extract response: no suitable HttpMessageConverter found for response type [class com.exam
  18. GB28380台式计算机,微型计算机能效限定值及能效等级 GB28380-2012
  19. 数据迁移:电脑更换硬盘怎么迁移数据?
  20. Download EEGLAB

热门文章

  1. Linux系统调优概述
  2. ASP:FileSystemObject处理文件
  3. scala spark 埋点统计_spark—1:WordCount(Python与Scala对照)
  4. 【转载】如何清晰地表达信息
  5. LSMW批处理使用方法(11)_步骤14、15
  6. CPU的插槽类型LGA与Socket 的区别
  7. 快消行业指的是哪些?
  8. 欧锦赛球星谱:帕克领豪阵 诺天王对决加索尔
  9. 带你认识SAP反记账
  10. 如何确定固定资产入账价值