无纸化的敏捷型情绪板制作


转载自:http://www.om19.com/2008/11/25/%e6%97%a0%e7%ba%b8%e5%8c%96%e7%9a%84%e6%95%8f%e6%8d%b7%e5%9e%8b%e6%83%85%e7%bb%aa%e6%9d%bf%e5%88%b6%e4%bd%9c/


情绪板(Mood Board),意为情绪收集板,是指对要设计的产品以及相关主题方向的色彩,图片,影像或其他材料的收集,从而引起某些情绪反应,以此作为设计方向或者是形式的参考。我们可以利用情感板去定义颜色和风格,作为设计过程中沟通设计目的的方法。(http://www.imafu.com/content.php?id=88)

更多的关于情绪板,我们可以参考这篇文章,上面对情绪板做了一个比较详细说明还包括一个工作坊。

制作一个情绪板的步骤一般包括:

  1. 我们要为设计的网站、产品设置一组关键词。 
  2. 叫上你的同事,PD、Boss等人,让他们收集杂志里的认为能够描述关键词的图片。
  3. 将符合关键词要求的图片从杂志或相片中剪下来,然后把剪下的照片贴在一起到一张展板上。
  4. 从整理下来贴在展板上的图片中归纳颜色。

大家可以看到传统的情绪板制作耗费比较多的时间,事实上,剪纸、粘帖、归纳颜色等过程不但耗费了许多时间,而且还要花时间寻找素材。我这里,总结了一个无纸化的敏捷型情绪板制作。(中间使用的所有软件、网站全部免费哦~)

在第二个步骤,我们可以让相关人员在网络上较大的图片提供商网站上根据关键字进行图片搜索。这样做既简单,又快捷。例如我们要做一个有关机票和酒店的网站。那么,我归纳了三个关键词:airport,travel,hotel 。登录www.shutterstock.com 按这几个关键词搜索图片。找到相关合适的图片之后,我们就把它们下载到同一个目录上。(直接在浏览器上另存为图片就好,忘掉图片上的水纹印吧,那并不影响我们接下来的操作^_^。)

第三步,拼贴。我们直接使用Google的Picasa3的照片拼贴功能。在Picasa上选择刚才下载的图片之后,点击右下角的Collage(拼贴)。在”拼贴“模式下,左边的Settings(设置)里,拼贴方式选择Grid(网格);Page Format(页面格式)选择Current Display(当前显示),点击Create Collage(创建拼贴),我们的情绪板就这么做好啦!

接下来,别忘了我们还要分析归纳情绪板的颜色呢。这里,我推荐使用Adobe的在线配色工具,Kuler。登录 kuler.adobe.com ,注册登录后,在左边的导航栏选择Create(创建) -> From an Image(从图片),然后上传你刚刚在Picasa里拼贴的图,很快,Kuler就自动归纳出了我们的情绪板中的颜色。(额外的好消息,Photoshop CS4还支持直接从Kuler中获取色盘。)

好啦,自此为止,情绪板的工作就结束啦!你的Boss、PD现在没法不喜欢这套颜色了。继续接下来的设计吧!


你可能感兴趣的:(UI)