关掉PS 拿起铅笔:创作缩略草图

摘要:在Web UI之前,印刷设计师们使用一种称之为缩略草图(thumbnail sketching)的方法来尝试表达及完善创意。这种方法在现在的PC工具时代似乎已经失传。

screenshot

在Web UI之前,印刷设计师们使用一种称之为缩略草图(thumbnail sketching)的方法来尝试表达及完善创意。这种方法在现在的PC工具时代似乎已经失传。

这里我们将简要介绍什么是缩略草图,以及一些技巧来帮助把这门技术应用到你的工作之中。

在画线框图之前,先草图

screenshot

线框图(wireframing)的话题由来已久。不需要回避这个话题,许多设计师以及UI/UX专家们认为线框图是一个最基本以及整个项目中第一个步骤,让我们能专注在基础的架构上而不是多余的设计风格上的干扰。

另一种定义说的是线框图帮助我们关注于页面如何在最基本的层面上被构建。实际上,我经常在想为什么大家没有讨论比线框图更久远和成熟的一门兄弟方法:缩略草图。

缩略草图是类似于线框图的方法,只是他比线框图的所谓基础上,更加基础。让我们看看什么是缩略草图。

什么是缩略草图

名字听起来比较有趣,但你仔细去想的话,你会知道缩略(Thumbnail)是完全不搭的一个概念。例如当我提到缩略图相像(Thumbnail Gallery)的时候,你会自然想到这是一个有很多小图片组成的一个相册的概览页,点击之后能看到各种大图。

正是这种含义,你可能能猜到缩略草图可能是一种小尺寸的手绘图。缩略草图的意义正是通过很短的时间在纸上创作大量的创意。简单说他是一种视觉化的脑力风暴的方法,当你不需要担心各种困扰和细节调整的时候,创作尽可能多的可能性。在某种形式上,他很接近线框图,只是更小,更快速一些。一般来说设计师可以创作很多小草图,然后再选择几个最好的继续跟进线框图。

screenshot