sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

网页设计情绪板初学者指南

Share

Time:

2022-04-01 10:18:12

Author:

素马

创建情绪板是UI/UX设计师的一项基本技能。一个好的情绪板可以激发他们的想象力,并激发他们在进行网站项目时产生更好更快的设计。

 

但是,作为新手,您可能不太熟悉网页设计情绪板的确切含义。你可能不知道如何去创造一个适合你的。

 

别担心!在这里,您将找到一份完整的初学者指南,涵盖为什么需要一个好心情板以及如何为您的项目创建合适的心情板。我们还列出了我们的前5个鼓舞人心的网站设计情绪板示例,为您提供当今互联网所能提供的最佳服务。

 

内容

什么是网页设计情绪板

情绪板如何影响网站设计

当今排名前5位的网页设计情绪板

制作您自己的网站设计情绪板的分步指南

 

什么是网页设计情绪板?

网站设计的情绪板是所有视觉元素和设计资源的集合,设计师可以用来开发他们的网站设计理念并与其他团队成员交流。

 

 

许多与产品或其设计主题相关的元素或资源都可以合并到情绪板中。例如:

图片

字体

文本

插图

调色板

标志

图标

排版

界面截图

设计风格和图案

 

简而言之,它就像一个宝箱,里面装着你可能需要的一切灵感。在其中,您将找到您想要调用以改进您的项目的所有资源。当然,您可以随时向其添加新的想法和创意元素。

 

情绪板如何影响网站设计

 

您可能想知道为什么网站设计师经常选择制作情绪板作为他们设计过程的关键元素。情绪板如何提供帮助?它们如何影响设计过程?

 

好心情有助于节省时间和精力

情绪板可以通过两种方式节省您的时间和精力。首先,一个网站项目的好心情板不需要太多时间来完成。只需几个小时,甚至更少,就足以完成所有工作。而且,一旦完成,您将拥有所有想要的调色板、图像、插图、图标、徽标、设计风格等,所有这些都集中在一个地方,触手可及。无需再浪费时间一一寻找。

 

情绪板是灵感的快速来源

正如我们在上面所解释的,情绪板就像一个宝箱,其中包含丰富的UI元素、样式和插图库——在您设计网站时为您提供即时灵感。

 

它可以帮助您轻松地与他人交流

他们说一幅画描绘一千个字。图像总是比单纯的文字说得更多。一个好的情绪板通常会提供清晰、身临其境的视觉呈现,以确保您的所有设计师、开发人员、产品经理和其他利益相关者都了解您的计划和想法。

 

 

它有助于为您的设计和品牌设定基调和个性

情绪板还有助于为您的设计和品牌建立您想要的基调和个性,在用户之间建立即时识别,并确保每个人都了解您的产品并将它们与竞争对手区分开来。

 

当今排名前5位的网页设计情绪板示例

既然您了解了情绪板在网站设计过程中的重要性和强大程度,让我们看一下5个最佳网页设计情绪板示例,以更好地理解它。这些一定会激发您的下一个项目。

 

1、SEMMoodBoard的夏天

 

 

他们的网站设计收集了传统和现代风格的调色板、无衬线字体、脚本字体和其他元素。这是您和您的团队如何创建具有不同设计风格和方向的情绪板的一个很好的例子。

 

2、网站品牌情绪板

 

 

这个网站品牌情绪板是时尚网站品牌的精彩情绪板系列。它通过一系列结构良好的图像、调色板、字体和不同大小的字母完美地完成,给人一种优雅、高端的感觉。

 

3、律师情绪板

 

 

律师投资组合网站制作的出色情绪板。凭借其醒目的红色和蓝色配色方案,它对于如何为律师的投资组合创建一个充满活力的网站有很多很棒的想法。额外的与办公室相关的图像也传达了一种严肃而值得信赖的感觉。

 

4、思考品牌情绪板

 

 

它是一个极简概念的品牌情绪板,专为作家和知识分子可以使用的音乐、书籍和视频的在线平台而设计。图像、颜色和其他元素完美地结合在一起,给人一种安静和平静的感觉,以及一种低调的欢迎。

 

5、健身网站情绪板

 

 

是一款为健身网站打造的美丽而现代的情绪板。板上收集的调色板、纹理、排版、字体和图像对于任何想要将健身教练业务提升到新水平的人来说都是很好的资源。

 

如何一步一步制作网站设计情绪板?

现在您已经看到了一些最好的情绪板并且很好地理解了它们是什么,让我们继续下一个主题:如何创建网站设计情绪板。这是我们的分步指南:

 

第1步:弄清楚你的设计目的

可以为不同的目的制作网站设计情绪板。

 

例如,如果您打算创建整体产品品牌或使用情绪板设置基调和风格,您应该更多地关注图标、徽标、设计风格等。

 

但是,如果您的主要目标只是将情绪板用作加速设计过程的工具,那么您应该包含所有与设计相关的资源。所以,首先要弄清楚你想要情绪板的目的是什么。

 

第2.缩小你的方向和主题

为了避免在不必要的事情上浪费时间,您应该尽早决定您的宏观设计方向和主题将是什么。

 

例如,如果您计划创建一个送餐应用程序,那么在开始创建情绪板之前,您应该首先决定在设计过程中稍后将有用的元素和资源的种类。列一个清单,它将帮助您确保在收集所需资源时不会遗漏任何东西。

 

第3步:修改情绪板,直到它足够好

通常,好的设计不会在一夜之间发生。这需要时间。这对于情绪板同样适用。因此,不要害怕从其他设计师、开发人员、产品经理和利益相关者那里获得反馈和建议。然后,尽可能多地返工和修改你的情绪板,以使其恰到好处。

 

通过这些简单的步骤,任何初学者都应该能够开始工作并创建一个适合其网站设计的情绪板。