拿起铅笔:创作缩略草图


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

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

  在画线框图之前,先草图


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

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

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

  什么是缩略草图

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

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


  如何去做

  开始创作的话,只需要拿起一个铅笔先画几个简单的空方块代表你的浏览器外框、页面边框或任何你需要工作的东西。你甚至可以找到一些可以打印的模板来帮助你快速开始。


  现在起 ,你可以开始你的创意了。这并不需要你专注于你的手头画功,相反你需要专注在如何生成创意。缩略草图是一个快速的甚至可以说是偷懒的作法。使用最基本的形状,不要在单一图形上花太多时间,只要你找到了你想要的基本构图或创意是什么样子,就可以停止继续下一步。

  为什么这样更好?


  你能从纸上的小草图中获得什么呢?你可能会吃惊,作为设计师,我们很容易陷入到狭窄的认知中,在使用电脑创作的过程中,我们太容易创作一个接近完成的事物。

  问题在于当你花费时间在一个创意上的时候,你会不自觉的在心理上保护你的创意。不幸的是,你的第一个创意通常来说并不是你最好的。

  当你已经把你的主意开始付出实现的时候,放弃他再从事一个新的创意就变得更加困难。你继续在旧的创意上发展因为你的大脑已经卡住了。就算你没有这样的问题,你还是会花很多时间去发展新的创意。

  这种方法的缺点是你并没有将发展创意作为一个重要的思考。“重要的思考”是指真正有价值以及逻辑上合理。相反的,你可能只是有三个创意,然后在这三个里面选择。你可能有办法想出10个更好的主意,甚至有机会比这三个更好,但你没有时间去完成。

  使用缩略草图方法,你有可能真正发挥你大脑的作用,并强迫你自己开始真正意义上的创意工作,创作更多更丰富的选项。使用这种方法你可以找到更多的创意并仔细评估哪种方法更合适,并继续推进。

  节省时间?

  有些人可能认为按预定的设计时间表和节奏,已经足够完成最终的设计工作,不需要再花费额外的时间!但如果能成功的实施缩略草图的,学有可能在未来节约更多的时间。

  首先,你不需要花一整天做这个工作。有时候生成创意可能只需要花十分钟,二十分钟,三十分钟,这完全取决于你。更重要的是,这个步骤的工作让你有机会在设计最终开始创作前能够审视和评估。你会发现你后面的设计更加快速因为你已经想得足够,而且知道哪个是最好的主意。

  并不仅是排版?


  一般来说,当我提到缩略草图的时候,可能指的是有关排版方面的创意,其实这种方法可以作用于任何类型的设计。例如,LOGO的草图设计在开始可能就是一种很粗略的草图设计方式。

  拿起铅笔,开始创作上百种创意似乎是非常自然的一种LOGO设计的方式,所以为什么不这种技术到其它的设计领略呢?

  招贴、网页设计、手册、名片、应用程序界面、字体设计,所有这些类型的设计都可以从几分钟的缩略草图开始。

  缩略草图的技巧?


  现在你知道了什么是缩略草图以及如何应用他到你的工作流之中,让我们用一些技巧来帮助你更好的开展。

  保持低精度

  我们中的一些人非常善于绘画。但有一部分人却非常惧怕铅笔因为无法表达绘制出完整的草图。

  但在我们现在的例子中,这些不善于绘画的人也许更有优势。如果你不能画,太好了,你非常适合创作缩略草图。那些非常善于绘画的人们可能会花更多的时间去创作缩略草图因为他们太追求每一条直线是否平直,以及圆是否更圆。

  我们只需要知道的是,应用这种技术的关键在于量而不是质。我并不是反对完美的草图,事实上,我非常喜欢看那些顶级艺术家的草稿,但你只需要确定你的目标是将这些创意从你的脑子中转到纸上即可。例如,你只需要画一个长方块,事后你记得这个代表着这上标题文字就好了,而不需要再去逐字字句的写上文字。

  向前推进

  另一事需要记住的是避免花太多时间去打磨一个创意。如果你画下了一个创意然后你觉得并不喜欢它,千万不要擦掉再重新开始。简单的放在一边继续你的下一个创意。也许几小时后你再回头看的时候会发现这个创意也许不错。

  越多越好

  当你绘制创意时,不要在5到6个的时候就停止。你是创意专家,你应该有更多的方向。我知道设计专业的教授有时候会让学生每次为同一个项目创作25个或更多的草图。这样的数量会更加激励创作。

  不要画同一个东西50次

  当我们开始创作更多的草图的时候,你的第一直觉可能会使得你大部分创意看上去都差不多。这种情况非常常见。努力去让大脑发挥 他的作用,去创作更多的独特和不同方向的概念。记住现在这个阶段只是脑力风暴阶段,所有的一切都不一定是不好的创意。更疯狂,出格一些。

  完成时注意留存

  如果可以,尽量把这些画下的草图留下来供以后参考。当你更深入的进入到项目中的时候,你也许会回头再看看之前的创作。你也许已经失去了专注点你需要看看这些开始的主意来帮你找回来,你的客户也有可能不喜欢你的创意你可以再回到草图中寻寻宝。


  我常干的一些事情是找一支压感笔在我的iPad上使用像Adobe Ideas或iDraw一类的软件创作一些草图。使用数字产品记录我的草图对我来说非常有帮助,因为可以帮我留存这些记录。然后再导入到Illustrator或Photoshop中进行下一步的处理。

  总结

  让你最终的想法画成缩略草图也许在一开始比较烦恼,但是一代你这么去做了,你会发现你会非常享受这个过程。对我来说,一个项目中最美妙的阶段就是开始的时候,在我开始为细节烦恼前,去创作无数的可能性。

  也许缩略草图并不适用于每一个人。如果你不觉得这个有帮助,那就不用浪费时间。但是,我推荐你在一些项目中做一些尝试。看看你是否能够真正开动脑子发现一些更棒的创意。

  如果你使用这个方法,不妨留下链接让我们看看你画的这些草图!

照片版权:Dan Lurie, Tobias Soft (1)(2), nunile, Jeremy Keith, Shawn Campbell and CannedTuna.

本文编译自allan,原文地址。

译文出处:Design shack。

时间: 2024-09-22 00:21:22

拿起铅笔:创作缩略草图的相关文章

java代码-java实现图片浏览器,要求带图片缩略

问题描述 java实现图片浏览器,要求带图片缩略 其他基本功能已实现,现在就差缩略没写,功能大概是在读入文件时访问所有图片文件,并生成缩略图,在主面板一侧以列表的形式显示,当点击列表中的缩略图时,在主面板中显示原图 解决方案 简单图片浏览器的实现java swing实现简单的图片浏览器缩略图片

软件工程缩略词名词解释

问题描述 软件工程缩略词名词解释 DMT SREM SRI CML RTM SCRUM 求大神帮忙解释一下 解决方案 DMT(Dynamic Multithreading Architecture,动态多线程结构) SREM(software requirement engineering methodology,软件要求工程方法学) SRI(SIP Relay Interface,SIP传递的接口) CML(Concurrent Mapping and Localization ,并行映射与定

java实现图片浏览器,要求带图片缩略

问题描述 java实现图片浏览器,要求带图片缩略 其他基本功能已实现,现在就差缩略没写,功能大概是在读入文件时访问所有图片文件,并生成缩略图,在主面板一侧以列表的形式显示,当点击列表中的缩略图时,在主面板中显示原图 解决方案 简单图片浏览器的实现java swing实现简单的图片浏览器缩略图片 解决方案二: 简单图片浏览器的实现java swing实现简单的图片浏览器缩略图片 解决方案三: 楼主问题不是很清晰,针对你的问题,我有如下建议: 1. 如果使用java生成缩略图,有很多方法,java

Tr.im停止网址缩略服务API仍可使用

北京时间3月22日下午消息,据国外媒体今日报道,网址缩略服务Tr.im通过官方网站发布通知称,该网站将不再为用户提供网址缩略服务,但API(应用编程接口)仍然可以使用. Tr.im说:"Tr.im将不再通过网站接受网址缩略请求.我们恭敬地建议您选择其他替代产品.这一决定将不会影响到内置Tr.im服务的软件.Tr.im的API仍然可以使用,重新定向功能仍将正常运行." 这意味着,只有使用Tr.im API的工具或服务才能够继续使用网址缩略服务,其他渠道均无法继续使用这一服务.(鼎宏)

专家回应央视屏蔽外文缩略词:先取消“CCTV”

央视日前接到有关部门下发的通知,要求在央视今后的转播中必须屏蔽一些外文缩略词,如"NBA",必须要叫"美国职业篮球联赛","F1"必须叫 "一级方程式赛车锦标赛",GDP.WTO. CPI等常用缩略词也在"整顿"范围内. 网友质疑:NBA不许说了,那CCTV 呢?MP3呢?MSN呢?就此,9日,本报记者分别采访了语言文化哲学家.南京师范大学语言科技研究所所长李葆嘉教授,金陵中学特级教师.全国中语会学术委员喻

《众妙之门——JavaScript与jQuery技术精粹》——第1章 初学JavaScript 需知的七件事 1.1 缩略标记

第1章 初学JavaScript 需知的七件事 我很早以前就开始编写JavaScript代码,很高兴看到这种语言在今天所取得的成功,能成为这个成功故事中的一部分我很开心.关于JavaScript,我写过许多文章.章节以及一整本书,直到今天我仍在寻找新的东西.下文是一些我工作学习过程中激动时刻的记录,大家与其守株待兔,不如自己尝试去体会这种感受. 1.1 缩略标记 众妙之门--JavaScript与jQuery技术精粹 在创建对象和数组过程中可以使用缩略标记是我喜欢JavaScript的重要原因之

android launcher-launcher获取屏幕缩略(预览)图

问题描述 launcher获取屏幕缩略(预览)图 各位大侠!小弟最近修改android launcher 源码,完成一个功能需求是要当长按workspace的空白处的时候出现当前五个屏幕的缩略图,还能滑动!谢谢!小弟才入行不久求指点! 解决方案 主要问题是获取workspace的缩略图.view有这样一个函数 view.draw(Canvas) 使用这个函数就能够拿到view的bitmap图片. 大致代码如下: Bitmap bitmap = Bitmap.createBitmap(w, h,

Twittert.co将缩略所有超链接网址

新浪科技讯 北京时间10月11日下午消息,美国科技网站Social Beat周一报道,Twitter在开发者博客中宣布,要求在微博和直接信息中提交的所有超链接都使用其网址缩略服务t.co. t.co于今年6月份推出,最初是为了缩短网址长度.当时任何超过19个字符的网址都会获得一个新的t.co网址,不过现在t.co会缩略任何网址,而不论网址长短. Twitter推出缩略所有网址的举措有很多原因.该举措可以消除第三方短链接服务带来的安全风险,而更重要的是,缩略服务是Twitter 9月份推出的新流量

为何图片经过OSS缩略之后尺寸变大了?——影响不同格式图片文件大小的一些因素和实际示例

简介 OSS提供了基本的图片处理功能和图片格式之间的转换功能,在实际使用过程中,很多用户使用OSS将原图缩略之后输出,在这个过程中也出现了很多用户询问为何缩略之后图片尺寸变大,如这个例子: 原图:http://batchtest.oss-cn-hangzhou.aliyuncs.com/example1.png 处理之后:http://batchtest.oss-cn-hangzhou.aliyuncs.com/example1.png?x-oss-process=image/resize,w_