freeCodeCamp/guide/chinese/user-experience-design/moodboards/index.md

61 lines
4.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
title: Moodboards
localeTitle: 情绪板
---
## Moodboards
Moodboards是一种传达您即将制作的产品的感觉的方式。也可以获得调色板和形状的灵感以便以后使用。换句话说情绪板是[与设计主题相关的纹理,图像和文本的集合作为参考点](http://www.creativebloq.com/graphic-design/mood-boards-812470) 。
创建情绪板非常简单。有两种方式:手动或数字。
要创建手动情绪板,您需要:
* 您可以剪切的不同杂志,报纸,书籍和/或海报
*
* 剪刀
*
首先找到您认为会与您的产品产生共鸣的图像,形状,颜色和信息。 切掉它们。 如果你已经切掉了你需要的所有东西,可以把它们放在纸上,并粘上它们。 最终结果可能与此类似:
![剪纸情绪板](https://raw.githubusercontent.com/ejke/ejke.github.io/master/else/moodboard.jpg)
另一种选择是创建数字情绪板。技术完全相同,您需要:
* 网络连接
* 复制和粘贴功能的基本知识
* 图像编辑软件
积极的方面是你不必将你的情绪板限制在杂志中的图像。消极的方面是,可能很难找到正确的图像,因为您可以搜索所有互联网。
开始寻找图像和想法的地方:
* [谷歌](https://images.google.co.uk/) 。 Goole图像可以根据颜色形状或形式进行选择因此如果您可以搜索它那么您可能会找到它。
* [Pinterest](https://www.pinterest.dk/) 。与谷歌相同,但不同。
* 免费图像。比如, [像素](https://pixabay.com/) [Pexels](https://www.pexels.com/)或[免费图像](http://www.freeimages.com/)网站,你可以在一张图片中找到大量的灵感。
* 带着相机到外面去。您的情绪板可能有确切的项目等着您拍摄该照片。
同样,当你有足够的图像时,是时候将情绪板放在一起了。为此,您还有不同的可能性:
* 瘸子/软件/涂料。在前两个你有更大的能力移动图像,油漆就像油漆一样好(足够,但不舒服)。
* Inkscape中/插画。这些都不适合这种工作,但可以完成这项工作。此外,您还可以为您的情绪板添加矢量艺术。
* 在线工具:只需使用您最喜爱的搜索引擎搜索“情绪板”,您就会发现许多网站都提供竞争情绪板的模板。
![数字情绪板的例子](http://stuckwithpins.com/blog/wp-content/uploads/2015/08/moodboard-s2s.jpg)
注意: 在创建情绪板时,尽量避免使用您正在创建情绪板的东西的标题或图片。
例如,在为哈利波特网站创建情绪板时,不要使用演员的图片,也不要写下标题。通常它不是最好的方式。相反,找到主题深色,木材和石头纹理,闪电图片,另一个戴圆眼镜的人(不是风扇打扮),堆叠在一起的书堆,沸腾的大锅等等。它可能看起来很难一开始,但它在生产的后期阶段提供了更多的灵感 - 你可能需要那种灵感。
制作情绪板是制作中最有趣的部分之一,所以尽量享受它并发挥创意!
情绪板可以传达颜色方案,类型面和特定图像。他们还可以更抽象地探索语气和情绪。除静态图像,摄影和文本外,电路板还可包括视频或声音。
![以冲浪为主题的情绪板的一个例子](https://cdn-images-1.medium.com/max/1600/1*9qVOw8uDg8oOOevWmYUozQ.jpeg)
制作完美情绪板的因素有很多。根据您的受众,您可能希望决定选择更大的图像并围绕它构建情绪板。这个图像将成为整个董事会的灵感和核心。另外,你认为你应该创建一个物理或数字情绪板,谁能更有效地描绘你的想法和灵感?
![身体情绪板的一个例子](https://www.designyourway.net/blog/wp-content/uploads/2018/02/06moodboard3-superjumbo.jpg)
#### 更多信息:
[Milanote。 “为UX项目创造更好的Moodboard。” _中等_ 。 2017年9月10日。访问时间2017年10月25日。](https://uxplanet.org/creating-better-moodboards-for-ux-projects-381d4d6daf70)