对于响应式、内容优先的设计，设计灵活的设计元素系统而不是静态页面非常重要。在开始设计屏幕之前，您必须首先开发“设计系统”。情绪板非常适合为此奠定基础。在本文中，我将描述如何从高级概念情绪板转向这些类型的更具体的应用程序。
情绪板和响应式设计
在移动互联网取得突破之前，数字设计师的世界是清晰的：网站是在“大”屏幕（至少 1024 x 768 像素）上查看的。这个简单的事实意味着您实际上不再需要考虑您的画布；您只需考虑画布即可。您正在使用的飞机。
随着智能手机和平板电脑的兴起，这种“确定性”已经消失。屏幕有大、有小、有宽、有长，而且通常可以倾斜。作为设计师，您如何确保您的网站访问者拥有一致的体验，无论他们使用什么设备访问您的网站？如果您甚至无法开始确定固定表面，您如何开始设计呢？
情绪板是传达您的第一个概念和想法并将其写在纸上的好方法。它可以帮助您探索（形成）方向，而无需专门处理网站的功能、内容或布局。
情绪板
为什么要有情绪板？
您使用情绪板来交流和可视化您的想法。除了传达一种感觉或外观之外，它还可以是思考排版、色彩或摄影等更具体的动力。情绪板允许您处理风格和形式，而无需直接处理内容。而且因为它也与结构分开，所以它可以很好地作为响应式网站设计的基础。
在概念和草图阶段，您从感觉和整体风格开始。您只会在稍后阶段将其转化为具体结果。然后形成一个基准，为设计更广泛应用时提供灵感或参考。
你如何开始？
当然，这一切都始于一个好故事和正确的问题。您想通过您的网站传达什么信息？你觉得什么样的感觉和外表适合这个？网站的目的和功能是什么？目标群体是谁？您对该网站的感受如何？
从这些类型问题的答案中，您可以快速识别一些可以作为情绪板起点的关键词。尽量用词让自己感到惊讶，但不要太明显。当您想到有机食品网站时，您想到“绿色”这个词可能是合乎逻辑的，但它可能不会给您任何令人惊讶的见解。使用乍一看彼此不匹配或与主题不匹配的单词（或单词组合）可能会很有趣。
然后你寻找这些单词的图像。一个好的开始是 Google 的图像搜索、Flickr或Pinterest。但一堆旧杂志或只是带着相机出去也可以给你带来有趣的想法或图像。正确的图像赋予文字额外的层次和意义，并让你清楚地表达你的意思。
3 种情绪板
情绪板的主要目的是通过图像（和文本）传达感觉。为了实现这一目标，“一切”都是允许的；不同图像的拼贴画、一张带有单词的强烈图像或者可能是 YouTube 上的一组视频。只要最终清楚你想说什么就可以了。因此，不存在必须或可以坚持的固定公式。事实上，设计情绪板的方式是故事的一部分。在设计过程中，有不同的时刻和方式使用情绪板；
作为概念板，用于探索外观和感觉；
作为设计板，将外观转化为设计；
作为样式板，将设计细化为界面元素。
类型情绪板
概念板
概念板是情绪板的经典方法。这些是您在阅读本文时可能
概念板概念板激发并探索了网站应传达的总体感觉。简报中如此容易出现的那些 葡萄牙赌徒数据库 词是什么意思？它们会产生什么后果以及对设计有什么影响？
尤其对于概念板来说，一切皆有可能，都是允许的。一张带有文字的图像还是一张繁忙的秋叶拼贴画？如果它能激发灵感并讲述故事，那就没问题了。如果您必须向同事或客户展示您的情绪板，那么仔细考虑您的“受众”非常重要。最终，他们必须了解它的含义。概念板很快就会变得不具约束力，仅仅将一些东西放在一起很快就会适得其反。所以要时刻牢记目标。这个论坛说的是我想说的吗？严谨点，杀了你的宝贝！即使这是一张很棒的照片，如果它没有给故事添加任何内容，它就不属于你的情绪板。
概念板
概念板：
激发灵感，一切皆有可能；
可视化项目背后的感受和想法；
保持批判性，你想传达什么？
设计板
设计板是概念板中可视化想法的初步翻译。通过更具体的应用（想想版式、颜色和其他设计元素），您正在开发的设计语言的轮廓变得可见。哪种字体最适合？哪个调色板？我们会使用特定的图形元素吗？