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

article/2025/9/14 4:10:28

故事板是软件显示效果的视觉草图,用于视频创作和广告设计,表达作者的创意。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


http://chatgpt.dhexx.cn/article/oLuS348K.shtml

相关文章

JSONObject 使用方法详解

JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包,本文给大家介绍jsonobject使用方法相关知识,感兴趣的朋友一起学习吧 1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转…

JSONObject使用方法及详解

最近自己负责的项目涉及到JSON数据的解析,所以在学习之后讲讲自己的认识及见解,希望对大家有帮助. 首先我们来讲讲JSONObject,JSON的数据格式如下: [ { name1 : { name2: { name3: value1 , name4: value2 } } } , { } ] 从外到里看,例子中就是一个数组&…

JSON与JAVA数据的转换。JSONObject.fromObject()和JSONObject.toBean()

六个架包(666) 首先我们系统中要用到JSON解析,所以要引入这六个架包。饱饱 不引入这六个架包的话,使用JSONObject.fromObject 和 SONObject.toBean会报错,而且有的时候编译器不会告诉你是架包缺少的错误哦&#xff…

使用JSONObject解析

一、JSON数据 1、JSON串访问方式: 2、简介 – JSON(JavaScript Object Notation) 是一种轻量级的数据 交换格式。 – JSON 数据的书写格式: " KEY " : " VALUE " JSON 结构有两种结构: 1、对象(表的一列&…

JSONObject使用方法详解

1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包。 2.下载jar包 http://xiazai.jb51.net/201707/yuanma/lib_jb51.rar 提供了除JSONObject的jar之外依赖的其他6个jar包,一共7个jar文件 说明:因为工作…

JSONObject使用方法

1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包。 2.下载jar包 http://files.cnblogs.com/java-pan/lib.rar 提供了除JSONObject的jar之外依赖的其他6个jar包,一共7个jar文件 说明:因为工作中项目…

JSONObject类

(1)是什么? 阿里巴巴提供的一个json快速转换工具类,实现了Map接口,通过Key Value形式存储数据,初始化大小为16,有参构造方法需要传入一个Map。 项目中实际用途: 用于Json转具体的Ob…

JSON, JSONObject, JsonObject

JSON是一个抽象类 JSONObject是一个继承自JSON的类 JSON,JSONObject 和 JsonObject 1. JAR 包不同,对于可以调用的内置方法函数也不同 JSONObject属于 org.json.JSONObject包, JsonObject 属于 com.google.gson.JsonObject包 2. 存储方式不同 JS…

JSONObject

JSONObject JSONObject 介绍 // JSONObject 是一个类 JSONObject jsonObject = new JSONObject(); // JSONObject 只是一种数据结构,可以理解为JSON格式的数据结构(key-value 结构),可以使用put方法给json对象添加元素。 // JSONObject可以很方便的转换成字符串,也…

js构造函数详解

典型的面向对象编程语言(比如C和Java),存在“类”(class)这个概念。所谓“类”就是对象的模板,对象就是“类”的实例。但是,在JavaScript语言的对象体系,不是基于“类”的&#xff0…

JavaScript构造函数

什么是构造函数 构造函数(Constructor)的创建方式和普通函数一样。但通常首字母进行大写,用于和普通函数区分。 但是当一个函数创建好以后,我们并不知道它是不是构造函数(即使函数名的首字母为大写)。只有…

C#构造函数

在C#中,构造函数就是与类具有相同名称的成员函数,通常使用类中的构造函数来初始化类的成员属性。C#中的构造函数有三种: 第一种:实例构造函数。 当使用new关键字创建类的对象时,可以使用实例构造函数来初始化和创建类…

构造函数与拷贝构造函数

拷贝构造函数和构造函数不能分开说,他们都是初始化对象的一种方法。但是我们这里用构造函数辅助说明拷贝构造函数,主要说说拷贝构造函数的声明,用途和使用注意事项。 众所周知,构造函数是一个初始化类对象的函数,即使不…

C# 静态构造函数

目录 写在前面语法格式用法与特性主要作用语法特性 关于泛型的测试测试代码运行结果 写在前面 今天在创建WPF自定义控件时,在模板代码中看到了静态构造函数这种写法,说来惭愧,以前在Java用过这种语法,心知C#也应该会有的&#xf…

构造函数详解

构造函数详解 类的6个默认的成员函数 构造函数的概念: 构造函数是一个特殊的成员函数,名字与类名相同,创建类类型对象时由编译器自动调用,保证每个数据成员都有一个合适的初始值,并且在对象的生命周期内只调用一次。…

C++中的指针类型与构造函数,析构函数

1. 指针类型的作用 1.1 指针取出字节 任何类型的指针占用的空间大小都是相同的 (32位CPU是4字节;64位CPU是8字节) 既然任何类型的指针占用的空间大小都是相同的,为什么指针还需要类型呢? 指针只是指向了一个内存地址…

c++拷贝构造函数

一. 什么是拷贝构造函数 首先对于普通类型的对象来说,它们之间的复制是很简单的,例如: int a 100; int b a; 而类对象与普通对象不同,类对象内部结构一般较为复杂,存在各种成员变量。 下面看一个类对象拷贝的简单…

C++构造函数

文章目录 1 构造函数的定义及特征2 默认构造函数2.1 合成的默认构造函数2.1.1 默认初始化2.1.2 合成的默认构造函数初始化类成员变量的规则2.1.3 有些场合不能使用合成的默认构造函数 2.2 全缺省的默认构造函数(参数都为默认实参的构造函数) 3 构造函数初…

C++ 构造函数详解

目录 0. 什么是构造函数 1. 默认构造函数 2. 一般构造函数 3. 拷贝构造函数 4. 转换构造函数 5. 移动构造函数 0. 什么是构造函数 在定义类的成员函数的时候,一般的成员函数与普通的全局函数没有太大的区别,在定义函数的时候都需要说明要返回的类…

【C++要笑着学】类的默认成员函数详解 | 构造函数 | 析构函数 | 构造拷贝函数

🔥 🔥 🔥 🔥 🔥 火速猛戳订阅 👉 《C要笑着学》 👈 趣味教学博客 🔥 🔥 🔥 🔥 🔥 [ 本篇博客热榜最高排名:7 ] 写在前…