

{"id":3502,"date":"2017-09-14T17:35:31","date_gmt":"2017-09-14T14:35:31","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3502"},"modified":"2026-08-13T14:27:14","modified_gmt":"2026-08-13T14:27:14","slug":"design-mood-7-motives-to-create-mood-boards","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/","title":{"rendered":"Mood Boards in UI\/UX Design: What They Are and Why They Work"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Every designer has a war story. You spent two weeks building a pixel-perfect prototype\u2014layered, annotated, agonized over\u2014and then the client stared at it like you&#8217;d handed them a tax form. &#8220;This isn&#8217;t what I had in mind,&#8221; they said, which loosely translates to: we were never speaking the same language. That&#8217;s a painful, expensive lesson in skipping the alignment phase.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Enter the mood board. Underestimated, occasionally dismissed as a Pinterest hobby for people who drink too much matcha, mood boards are in reality one of the coolest tools in a designer&#8217;s workflow. They close the gap between your creative vision and your client&#8217;s imagination before a single pixel gets pushed into production. In UI\/UX design, branding, web design, and digital product development, that alignment is worth more than any prototype you&#8217;ll build.<\/span><\/p>\n<h2><b>What Is a Mood Board, Actually?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">A mood board\u2014digital or physical\u2014is a curated visual collage of <a href=\"https:\/\/tubikstudio.com\/blog\/photo-content-in-user-interfaces\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">photos<\/a>, textures, color swatches, <a href=\"https:\/\/tubikstudio.com\/blog\/typography-in-ui-guide-for-beginners\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">typography<\/a> samples, <a href=\"https:\/\/tubikstudio.com\/blog\/big-reasons-to-apply-illustrations-in-ui-design\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">illustrations<\/a>, and references that communicates the emotional direction of a design concept. In UI\/UX terms, it answers the question: what should this product <\/span><i><span style=\"font-weight: 400;\">feel<\/span><\/i><span style=\"font-weight: 400;\"> like?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Unlike wireframes (which map structure) or prototypes (which simulate function), a mood board operates in the emotional register. It says: <\/span><i><span style=\"font-weight: 400;\">this<\/span><\/i><span style=\"font-weight: 400;\"> is the world we&#8217;re building\u2014does it resonate? It&#8217;s a fast, flexible, eminently reworkable artifact that any creative professional can produce in a fraction of the time required for high-fidelity mockups.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mood boards work in branding, mobile app design, web design, <a href=\"https:\/\/tubikstudio.com\/blog\/web-animation\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">motion graphics<\/a>, interior design, fashion\u2014anywhere a coherent visual language matters. Which is basically everywhere.<\/span><\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9071\" style=\"font-size: 16px;\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design.png\" alt=\"moodboard UI design\" width=\"1200\" height=\"961\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design.png 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design-300x240.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design-768x615.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design-1024x820.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-UI-design-150x120.png 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/h2>\n<p><em>Graphic design mood board compiled by Tubik designer Ernest Asanov<\/em><\/p>\n<h2><b>Types of Mood Boards Worth Knowing<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Before diving into why you should be making them, here&#8217;s a quick taxonomy.<\/span><\/p>\n<p><b>Free collage.<\/b><span style=\"font-weight: 400;\"> A loose, expressive assembly of photos, illustrations, <a href=\"https:\/\/tubikstudio.com\/blog\/8-typography-tips-for-designers-how-to-make-fonts-speak\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">fonts<\/a>, and color samples that communicates the overall atmosphere of a concept. Fast to produce, easy to edit, and great for conveying mood and style direction at an early stage. Less effective with clients who need more concrete scaffolding to visualize an outcome.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9072\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-graphic-UI-design.jpg\" alt=\"moodboard graphic UI design\" width=\"1000\" height=\"698\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-graphic-UI-design.jpg 1000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-graphic-UI-design-300x209.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-graphic-UI-design-768x536.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/mood-board-graphic-UI-design-150x105.jpg 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><em>Mood board compiled by Tubik designer Ludmila Shevchenko<\/em><\/p>\n<p><b>Reference collection.<\/b><span style=\"font-weight: 400;\"> A curated set of design works pulled from platforms like Behance, Dribbble, or Awwwards, grouped by a shared aesthetic or functional characteristic. This type of mood board speaks directly to clients by showing them work that already exists in the world\u2014helping them extrapolate what their own product could look like. Because references come from real, finished projects, they&#8217;re highly persuasive. They make the abstract concrete.<\/span><\/p>\n<p><b>Template board.<\/b><span style=\"font-weight: 400;\"> The most structured of the three, sitting somewhere between mood board and low-fidelity wireframe. Instead of free collage elements, a template board uses photos and illustrations placed in actual layout positions to suggest visual hierarchy, content structure, and color palette\u2014all without the full investment of a prototype. It communicates both mood <\/span><i><span style=\"font-weight: 400;\">and<\/span><\/i><span style=\"font-weight: 400;\"> architecture. For complex digital products, this is often the most useful starting point.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9073\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design.jpg\" alt=\"ui moodboard design\" width=\"1200\" height=\"825\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design.jpg 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design-300x206.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design-768x528.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design-1024x704.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/ui-moodboard-design-150x103.jpg 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><em>Mood board compiled by Tubik designer Ludmila Shevchenko<\/em><\/p>\n<h2><b>7 Reasons Mood Boards Deserve a Permanent Place in Your Process<\/b><\/h2>\n<h3><b>1. They save time\u2014a lot of it.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The best mood board you&#8217;ll ever make takes a couple of hours. The worst rejection of a polished prototype costs you a couple of days. Do the math. Mood boards for <a href=\"https:\/\/tubikstudio.com\/blog\/web-design-case-studies-websites-for-business\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">web design<\/a> and brand identity concepts are fast to create and even faster to revise. When a client asks for a pivot in creative direction, you&#8217;re adjusting a collage, not dismantling a component library. That efficiency compounds: a strong mood board gives you a visual brief to work from, compressing every subsequent stage of the design process.<\/span><\/p>\n<h3><b>2. They&#8217;re a legitimate creative tool for inspiration.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The myth that designers wait for inspiration and then execute is exactly that\u2014a myth. Creativity is a practice, and moodboarding is one of its most reliable techniques. Assembling images, <a href=\"https:\/\/tubikstudio.com\/blog\/3c-of-interface-design-color-contrast-content\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">colors<\/a>, and textures forces your brain into associative mode. You see a photo of brutalist architecture next to a sans-serif specimen and suddenly you have a direction for a fintech dashboard. That connection would never have surfaced in a blank Figma file.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There&#8217;s also a strong case for physical mood boards\u2014actual materials, textures you can touch, images you pin to a wall. Tactile, hands-on work engages different cognitive machinery than digital tools. For pure creative development, working physically has a measurable effect on idea generation.<\/span><\/p>\n<h3><b>3. They make color exploration fast and low-risk.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Choosing a <a href=\"https:\/\/tubikstudio.com\/blog\/shape-and-color-in-logo-design-practical-cases\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">color palette<\/a> for a digital product is harder than it looks. Colors that work in isolation can destroy each other in combination. Colors that look great in stock photography can die on a UI component. A mood board is your color laboratory\u2014assemble images and swatches, test combinations, observe how hues interact across different visual contexts, and arrive at a palette direction before you&#8217;ve built a single screen. UI\/UX color palette development moves faster and smarter through moodboarding than through any other method.<\/span><\/p>\n<h3><b>4. They fix client communication before it breaks.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Here&#8217;s the thing about words: they&#8217;re imprecise. A client says &#8220;modern&#8221; and they might mean Notion-style calm neutrals or they might mean a crypto exchange with neon gradients and aggressive <a href=\"https:\/\/tubikstudio.com\/blog\/creative-motion-12-concepts-of-interface-animation\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">motion<\/a>. Both exist. Both are &#8220;modern&#8221; to someone. A designer says &#8220;clean and editorial,&#8221; and the client imagines a news site. Everyone walks out of a meeting nodding, and everyone has a different picture in their head.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A mood board cuts through that noise. It replaces subjective vocabulary with shared visual reference. &#8220;Is it more like this\u2014or like this?&#8221; is a far more productive conversation than &#8220;what does <\/span><i><span style=\"font-weight: 400;\">sophisticated<\/span><\/i><span style=\"font-weight: 400;\"> mean to you?&#8221; Client communication in design improves dramatically when you introduce visual alignment tools early in the process.<\/span><\/p>\n<h3><b>5. They let visuals do the heavy lifting.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">A ten-slide deck explaining your design rationale can be undone by a single mood board showing it. Clients process images faster than they process arguments. When you show rather than explain, you&#8217;re working with human cognition rather than against it. Visual communication in design development builds trust and comprehension simultaneously.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Show the work early, at the stage when it&#8217;s still movable. Clients who can see a concept taking shape at the mood board phase invest in it. They become stakeholders in a direction, not judges of a finished artifact.<\/span><\/p>\n<h3><b>6. They accelerate style exploration.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">When a client gives you latitude\u2014&#8221;we want something distinctive, figure it out&#8221;\u2014that freedom can be paralyzing if you approach it with prototypes. Moodboarding makes style exploration lightweight. You can test a dark, typographic editorial approach alongside a warm, illustrative one alongside a bold geometric system, all on the same afternoon. Typography pairing, texture exploration, illustration style, spatial rhythm\u2014all of it is testable through collage before you commit to a design direction. Design style exploration through mood boarding is how you make confident decisions without expensive detours.<\/span><\/p>\n<h3><b>7. They bring clients into the process as collaborators.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The most effective client relationships involve shared ownership of creative decisions. When clients feel like passive recipients of your work, every delivery is a judgment call and every revision is a confrontation. When clients participate in the visual direction, they become invested in the outcome.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">At the mood board stage, you can invite clients to contribute: pull images that feel right, flag references they admire, identify anything that doesn&#8217;t resonate. Even clients with no design background can engage meaningfully with visual material. The result is a much clearer picture of their taste and expectations\u2014and a much smoother path to a design they&#8217;ll love. Client collaboration in UI\/UX design works best when you start with accessible, low-stakes tools. Mood boards are exactly that.<\/span><\/p>\n<h2><b>Make Moodboarding a Habit, Not a Favor<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The designers who build great relationships with clients and ship work they&#8217;re proud of share a common trait: they front-load alignment. They invest a small amount of effort early to avoid massive effort later. Mood boards are that investment.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Add them to your design workflow. Use them for branding, mobile UI, web design, product concepts, motion work\u2014anywhere you need to communicate a vision before you&#8217;ve built it. They&#8217;ll make you faster, sharper, and dramatically easier to work with.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Every word in your brief, every conversation about direction, every back-and-forth about style\u2014a mood board converts all of that into something everyone in the room can actually see. And when everyone sees the same thing, the work gets made right the first time.<\/span><\/p>\n<h2><b>Recommended Reading<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If this got your neurons firing, we&#8217;ve got plenty more where that came from\u2014case studies, design thinking, and the occasional uncomfortable truth about the industry. Go explore!<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Types of Images in Web Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">How to Design Effective Search in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Small Elements, Big Impact: Types and Functions of UI Icons<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Basic Types of Buttons in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/visual-dividers-user-interface\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Visual Dividers in User Interfaces: Types and Design Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/directional-cues-in-user-interfaces\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Directional Cues in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/copywriting-mobile-web-interfaces-types-ui-copy\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Copywriting for Mobile and Web Interfaces: Types of UI Copy<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/error-screens-and-messages\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">Error Screens and Messages: UX Design Practices<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/design-onboarding\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=moodboards_in_design&amp;source=blog\">How to Design User Onboarding<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The best mood board takes four hours. The worst prototype rejection costs four days. Here&#8217;s why mood boards belong in every UI\/UX workflow\u2014and the three types worth knowing.<\/p>\n","protected":false},"author":10003,"featured_media":17787,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,7,9],"tags":[157,468,212,469,248,479,256,482,319,485,324,486,334,487,365,491,20,437,502,100,440,504,123,447,515,133,457,533,135,463,534,138,465,538,151,466,152,467],"coauthors":[634],"class_list":["post-3502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-illustration","category-processes_and_tools","category-ui_ux","tag-designer-moodboard","tag-ui-design-process","tag-graphic-design","tag-ui-design-tips","tag-illustration","tag-usability","tag-interaction-design","tag-user-experience","tag-mobile-app","tag-user-experience-design","tag-mobile-design-inspiration","tag-user-experience-design-article","tag-moodboard","tag-user-experience-design-process","tag-product-design","tag-user-interface","tag-app-design","tag-tips","tag-ux","tag-design","tag-tubik","tag-ux-design-article","tag-design-for-business","tag-tubik-studio","tag-uxui","tag-design-inspiration","tag-ui","tag-web-design","tag-design-management","tag-ui-design-article","tag-web-design-article","tag-design-process","tag-ui-design-examples","tag-web-design-inspiration","tag-design-tips","tag-ui-design-inspiration","tag-design-tools","tag-ui-design-practices"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mood Boards in UI\/UX Design: What They Are &amp; Why They Work<\/title>\n<meta name=\"description\" content=\"Free collage, reference collection, or template board? A practical look at how mood boards align clients, speed up color choices, and save weeks of rework.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Mood. 7 Motives to Create Mood Boards\" \/>\n<meta property=\"og:description\" content=\"The article presents moodboarding as a useful tool improving design workflow and enhancing communication with clients: types and benefits of mood boards.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-14T14:35:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-13T14:27:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/\",\"name\":\"Mood Boards in UI\/UX Design: What They Are & Why They Work\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png\",\"datePublished\":\"2017-09-14T14:35:31+00:00\",\"dateModified\":\"2026-08-13T14:27:14+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Free collage, reference collection, or template board? A practical look at how mood boards align clients, speed up color choices, and save weeks of rework.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mood Boards in UI\/UX Design: What They Are and Why They Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mood Boards in UI\/UX Design: What They Are & Why They Work","description":"Free collage, reference collection, or template board? A practical look at how mood boards align clients, speed up color choices, and save weeks of rework.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/","og_locale":"en_US","og_type":"article","og_title":"Design Mood. 7 Motives to Create Mood Boards","og_description":"The article presents moodboarding as a useful tool improving design workflow and enhancing communication with clients: types and benefits of mood boards.","og_url":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-09-14T14:35:31+00:00","article_modified_time":"2026-08-13T14:27:14+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/","url":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/","name":"Mood Boards in UI\/UX Design: What They Are & Why They Work","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png","datePublished":"2017-09-14T14:35:31+00:00","dateModified":"2026-08-13T14:27:14+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Free collage, reference collection, or template board? A practical look at how mood boards align clients, speed up color choices, and save weeks of rework.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/09\/UX-Design_-What-They-Are-and-Why-They-Work.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/design-mood-7-motives-to-create-mood-boards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mood Boards in UI\/UX Design: What They Are and Why They Work"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3502"}],"version-history":[{"count":6,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3502\/revisions"}],"predecessor-version":[{"id":17790,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3502\/revisions\/17790"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17787"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3502"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}