UI设计师如何创建情绪板?

情绪板是一种工具,可帮助设计师找到正确的设计方向,并为他们想要创造的情感体验创造坚实的基础。

在本文中,您将发现这个工具的全部内容以及如何最有效地使用它。

什么是情绪板?

情绪板可用于不同的需求。以下是情绪板的一些典型示例:

1.品牌手册/标志LOGO(帮忙找品牌/图标样式)

2.UI设计(帮助查找和定义视觉原理)

3.内容策略

4.动效与交互

什么样的情绪板可以帮助设计师?

获得灵感

情绪板都是关于灵感的。

情绪板可帮助设计师找到美观的东西并在工作中实施。例如,图标设计师收集不同的形状以确定他们想要使用的图标形式。

情绪板为客户提供灵感。他们帮助客户获得设计感,这是从客户那里获得设计指导的一个很好的工具。

表达想法

当设计师试图传达一个想法时,有时候口头沟通可能很困难。言语还不够。设计师需要展示一些东西。

重要的是要提到情绪板传达一个想法,它应该包含一些人们使用的东西的例子,而不仅仅是抽象概念。这些可能是来自不同行业的例子。只有以这种方式使用情绪板才能证明设计方向是成功的。

创建和使用情绪板的8个技巧

创建情绪板可能很困难。幸运的是,我们有一些技巧和窍门可以让您更轻松地完成这个过程。

1.以真正的情感反应为目标

PS:当你展示一个情绪板时,目标是让人们用“伟大”或“好东西”这样的词来做出真实的反应。注意你要向他们展示的表情。这将让您了解董事会是否在履行职责。

2.确保情绪板整体上相互配合

当一个设计团队负责创建一个完整的产品设计策略(产品的所有部分)时,为所有的情绪板设定一个明确的方向以使它们整体工作是至关重要的。这将有助于为你的未来设计打下坚实的基础,然后你开始推动设计。整体合作的情绪板有助于设计师创造全局——每个人都能清楚地看到一个团队想要在他们创造的产品中传达什么样的情绪。

3.情绪板是用来参考的工具;只展现你能实现的东西

4.超越数字世界

不要局限于数字媒体。从大自然中汲取灵感。如果你喜欢摄影,在你的设计产品中使用你最喜欢的照片中的颜色。

MoodboardbyGlebKuznetsov

CoverpitchbyJackDylan.Courtesyoftheartist.

5.规划你的收藏

小心不要犯这个错误:在情绪板中收集太多的图像。更多的图像并不总是更好。图像数量越多,人们理解信息的机会就越小。为什么?因为用户的注意力是有限的,用太多的信息压倒人们相对容易。信息过载使信息更加难以确定。

使用情绪板的主要目的不是娱乐,而是解决一个特定的问题。这就是为什么不是所有的图像都应该出现在情绪板上的原因。在制作情绪板时,我们更像是馆长而不是收藏家。当我创建一个情绪板时,我结合了多达1000张图片,但只包括10个最强大和一致的视觉参考。

PS:准备情绪板会让人难以承受。你通过成千上万的视觉例子,在一天结束的时候,你可能会面临一个很难将一个好的例子和一个坏的分开的情况。当你处理大量信息时,通常会感到不知所措。这就是为什么在收集信息的过程中有一个放松的时刻是如此重要。

以下是我的工作方式:

1.定期收集图像(比如1000张)

2.切换到不同的活动,放松一下

3.删除收藏中的一半图像

4.重复步骤2和3,直到只剩下30-40张图像

5.仔细分析图像,只保留原始集的1%

我们的目标是让图片能够帮助你传达一种一致的情感。

Aftercombiningnearly1,000images,Ileaveonly10ofthemostpowerfulandconsistentvisualreferencesonmymoodboard.

在组合了近1000张图片后,我在情绪板上只留下了10张最有力和最一致的视觉参考。

6.选择正确的格式

根据项目的类型,您可以制作离线或在线的情绪板。格式需要不同的方法。

7.突出关键信息

无论你选择什么样的格式,它选择图像(或图片),这将是为你设计的基础是很重要的。你可以使用一个简单的技巧-通过物体的大小来引导眼睛。较大的物体(图像)可以比较小的物体捕获更多的注意力。较小的物体可以补充较大的物体。

使用这种方法,您可以将观众引导到您未来设计的最重要细节,并且他们将一目了然地获得所有必需的信息。

8.为将来的项目收集心情板上的最佳图像

情绪板不应该仅仅是用于设计提案。考虑在未来的项目中使用情绪板。使用Pinterest保存示例。使用Pinterest的一个好处是:您可以根据特定“画板”上的部分分发工作。

创建情绪板的工具

1.Pinterest

Pinterest是设计师必备的工具。Pinterest允许您使用来自整个网络的资源创建情绪板。Pinterest还提供了丰富的现有情绪板集合,从厨房创意到高科技设备无所不包。获取所有这些信息是设计师寻找灵感的绝佳机会。

2.TheMatboard

3.Canva

4.Evernote

虽然大多数Evernote的用户把它当做记事本,但可以使用它来创建情绪板。

5.Mural

当你需要和一个团队一起制作一个情绪板时,Mural是一个很好的工具。Mural创建了一个共享的数字空间,团队可以在其中就想法进行协作。

结论

创建情绪板的过程不应该无聊。应该很有趣。每一个有创造力的人都需要灵感,而创建情绪板对于设计师来说是一个极为有用的习惯。

THE END
1.UI设计是什么意思?详解UI设计的原则流程及注意事项一、UI设计是什么意思 UI设计(英文:User Interface Design)又称为界面设计或者用户界面设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。 二、UI设计方向 https://www.youhuaxing.cn/seojianzhan/17733.html
2.第三波!2022年2月精选实用设计干货合集优设网大家好,2月的第3波实用设计干货合集来了!这一波干货里应该有不少有趣的工具是你感兴趣的,比如仅需拖拽就能完成设计的交互设计平台,UI 展示性样机编辑器,实用性特别强的也有,字体和图标就不说了,还有推荐设计工具的平台。具体就往下看吧: 1、无代码视频交互设计平台 https://www.uisdc.com/2022-2-design-resources-vol3
3.如何在Canva中创建可交互的内容摘要:在Canva中创建可交互的内容是现代数字营销和内容创作中的一个重要技巧。Canva提供了许多工具和功能,使用户能够轻松设计和分享交互式内容,例如点击链接、嵌入视频和动画效果。通过这种方式,用户不仅可以制作出视觉上吸引人的设计,还可以提高内容的互动性和参与度。这种互动性对于增加受众的参与度和反馈非常关键,尤其是http://www.yhrjk.com/zhishi/af9dc07c528249b4b13757622cd482e4.html
4.美图Vmake进榜,访问量200w+华人产品再添2个AI图片应用出海洞察如果说10年前上线的 Canva 与 Freepik,交互方式还是在画布上拖拽 + AI 功能应用,Playground 则是另一种交互,用文字来更改设计效果。Playground 针对多个设计场景提供服务,如壁纸、海报、社媒帖文、T恤等等,这些与两个头部产品并无区别。也就是需求无需验证,但在交互方式上,区别于让用户在一张画布上构思与设计,Plahttps://www.wuxinghuatangjn.com/show_1710.html
5.免费手机PPT制作软件推荐(快速制作演示文稿)电脑技巧其中包含了PPT制作功能、Canva是一款强大的平面设计工具。并添加各种特效和过渡效果、自由调整文本,通过Canva,用户可以选择各种高质量的模板,图片和图形的大小和位置、让PPT充满创意和个性。 AdobeSpark——专注故事讲述 其中包括了PPT制作功能、AdobeSpark是一款专注于故事讲述的多媒体制作工具。并利用丰富的动画和过渡效果https://www.sh-nalgae.com/article-15400-1.html
6.矢量图软件有哪些?这10款火爆设计圈!Sketch适用于各种设计师和创意人员,无论是从事用户体验设计、图标设计、网页设计、移动应用设计还是平面设计,都可以通过Sketch来实现他们的创意和设计需求。以下是适用人群的具体示例: 用户体验设计师:Sketch提供了丰富的工具和功能,使用户体验设计师能够轻松创建交互原型和界面设计。他们可以使用Sketch的快速布局、符号库和https://boardmix.cn/article/vectortool/
7.下一篇201903软件项目托管平台 Github 的 404 错误页面就非常有意思,加入了动画元素,设计非常可爱。同时,当你用鼠标将箭头放置在卡通人物上方时,还能看到一种视差效果。此外,Github 的 500 错误页面也值得一看! 交互型 404 错误页面:Canva 在线平面设计软件 Canva 就利用其设计方面的优势,向用户展示了一个基于交互的 404 错误页https://www.ifanr.com/1183700
8.交互设计人机交互icon图标app开发素材花瓣用户采集的UI/UX图片https://huaban.com/all/web_app_icon/
9.全球AI市场主流产品应用实施方案分析:以ChatGPTBingCanva个性化推荐与交互:Bing根据用户的搜索历史和偏好,提供个性化的搜索结果和推荐内容,增强用户粘性。 Canva:平面设计领域的创新者 Canva作为一款简单易用的在线平面设计工具,通过集成AI技术,实现了设计元素的自动化生成和智能排版。其应用实施方案包括: 模板库与智能推荐:Canva拥有丰富的设计模板库,通过AI技术对用户的设计需求https://news.softunis.com/26388.html
10.基于行为逻辑的在线设计平台交互设计研究提炼出在线设计行为执行阶段中的行为逻辑组织要素,包括:行为控制力、自我效能和过去行为经历;最后根据行为研究模型与逻辑组织要素,提出在线设计平台交互设计原则和策略,并将其应用于以Canva为例的交互设计实践中,通过可用性测试评估改良设计前后的方案,验证在线设计平台交互设计原则与策略的可用性。综上,该论文主要创新点https://wap.cnki.net/lunwen-1020355217.nh.html
11.在线设计协同神器pk:Canva稿定设计ProcessOn蓝湖墨刀除了大家熟知的协作文档,设计行业的在线协同需求也日益显著,主要涉及两大场景,一是设计团队内部的协同作图场景,二是设计与产品、研发之间的跨团队协同场景。高效的在线协作,不仅让设计团队小伙伴之间有了更多实时交互的机会,也打破了传统模式下设计与其他部门跨团队沟通的低效,堪称提质增效的神器。https://36kr.com/p/1391181786659591
12.canva在线平面设计软件免费设计模板素材和海量正版图片在线设计软件canva提供了海量的免费设计模板,涵盖海报、简历、宣传单页、名片、邀请函、贺卡、logo、ppt模板、二维码、banner等数十种设计场景,更有上-梦想导航https://nav.dreamthere.cn/site/index/71796
13.CanvaAICanva AI图像生成是Canva推出的一款基于深度学习的创意设计工具。它采用最先进的深度生成模型,可以从简单输入自动生成高质量的图像素材、艺术效果与设计要素。与其他设计工具相比,Canva AI图像生成实现了更强的产出控制力和多样性,可以根据用户输入和交互生成更加智能的创意内容。这使设计变得更加自由简便,为更广范围的用户https://www.aizhinan.cn/tools/2240.html
14.2024年7月云服务行业动态及热点研究月报艾瑞咨询今年4月,Canva曾以3.8亿美元收购面向专业用户的设计软件Affinity,为在高端市场与Adobe展开正面竞争。Leonardo.ai的加入,不仅让现有Magic Studio更加强大,用户还可在Canva中引入由Leonardo模型提供支持的生成式AI功能。 在线设计协作平台Figma正式推出FigmaAI 7月1日讯,美国在线设计协作工具平台Figma宣布正式推出 Figma AI。https://www.shangyexinzhi.com/article/21409240.html
15.交互设计协同系统腾讯云开发者社区是一种用于协调和管理交互设计工作的软件系统。它提供了一个集中化的平台,使团队成员能够协同工作、共享设计资源、进行版本控制和交流反馈。以下是对交互设计协同系统的完善且全面的答案: 概念:交互设计协同https://cloud.tencent.com/developer/information/%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%E5%8D%8F%E5%90%8C%E7%B3%BB%E7%BB%9F-article
16.VI设计用什么软件:介绍适用于VI设计的常见软件工具六、Canva 6、Canva Canva是一款非常流行的在线设计工具,可以帮助用户轻松创建各种视觉内容,包括VI设计元素。它提供了丰富的模板和设计资源,用户可以根据自己的需求选择并进行定制化设计。Canva的操作界面简单直观,即使没有设计经验的用户也可以快速上手。它提供了大量的图形、图标、照片和字体等资源,用户可以通过拖拽的方https://www.rhtimes.com/brand/logo-design-news11263.html
17.网站设计在线网站制作网站图片模板在线设计平台Canva可画提供了海量的网站设计模板,覆盖绝大多数网站设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的网站。https://www.canva.cn/create/website/
18.10款在线设计工具,设计师都在用!?模板库:Canva有超过60,000种预设模板供你选择,涵盖了各种设计场景如社交媒体、电子邮件营销、名片、海报等等。 ?元素库:有上百万种图像、插图、图标和字体可供选择,并且大多数都是免费的。 ?拖放界面:作为一款优质的在线设计工具,Canva有一个非常直观的用户界面,只需要简单拖拽元素就可以轻松完成设计。 https://pixso.cn/designskills/online-design-tools/
19.课程详情页设计app推荐一个精美设计的课程详情页不仅可以吸引学员的注意力,还可以增加学员的购买欲望。那么,如何才能设计出令人印象深刻的课程详情页呢?以下是一些课程详情页设计app推荐,无论是初学者还是专业人士,这些app都能帮助您提升在线学习体验。1. CanvaCanva是一款简单易用的设计工具,提供丰富的模板和素材,帮助您快速创建优美的课程https://yiqifu.baidu.com/cknowledge/detail?id=10116301892
20.谁还不知道这4个网上PS软件!1、网上 PS 即时设计 2、网上 PS Fotor 3、网上 PS Canva 4、网上 PS Pizap 1、网上 PS 即时设计 网上PS即时设计是国内的一款在线 UI 设计软件。作为国内最早的协作式 UI 设计工具,即时设计功能丰富、资源全面、还能完成实时交互,深受设计师们的青睐。虽然它的编辑工具和 Photoshop 不完全相同,但是基本的图像https://js.design/special/article/ps-online.html
21.Canva可画Canva可画在线作图免费试用评价北京咖瓦信息技术有限公司的“Canva可画”是一款在线设计工具,为用户提供了丰富的设计模板和素材,帮助用户快速创建优质设计作品。在技术支持方面,Canva可画主要采用了以下技术、算法和框架: 1.前端开发:Canva可画的前端界面采用了HTML、CSS和JavaScript等前端开发技术,通过React等前端框架来构建用户界面,实现页面交互和动态https://www.jingxuanxing.com/space/1133/
22.400亿的Canva,100亿的Figma,下一个百亿美金机会在哪里?界面新闻成立于2012年,Canva的定位是无门槛的设计服务平台,做一个超轻量级的视觉内容设计工具,通过提供大量图片、字体、插画、模板等素材库,供用户进行挑选和组合,从而降低甚至消除设计的专业门槛,使创作简单并且高效,即使没有设计经验也能通过Canva轻松设计。 无论是对专业设计师还是设计新手而言,Canva都极其友好,达到了降低设计https://www.jiemian.com/article/7116098.html