{"id":171262,"date":"2014-01-12T23:54:42","date_gmt":"2014-01-12T23:54:42","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/project\/msr-mood-board\/"},"modified":"2017-05-31T16:05:35","modified_gmt":"2017-05-31T23:05:35","slug":"msr-mood-board","status":"publish","type":"msr-project","link":"https:\/\/www.microsoft.com\/en-us\/research\/project\/msr-mood-board\/","title":{"rendered":"MSR Mood Board"},"content":{"rendered":"<div class=\"asset-content\"><img decoding=\"async\" id=\"logo\" class=\"floatLeft alignleft\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-icon.png\" alt=\"Mood Boards Logo\" \/><\/div>\n<div id=\"en-usprojectsmoodboarddefault\" class=\"page-content\">\n<div id=\"wrapper\">\n<div id=\"headerWrapper\">\n<div id=\"contentHeaderArea\">\n<div id=\"description\" class=\"floatLeft\">\n<div>Microsoft Research Mood Board is a Windows application that combines image search, image collection, and sketching to support creative activities. <em>Update: this project\/app has been retired.<\/em><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"en-usprojectsmoodboarddefault\" class=\"page-content\">\n<div id=\"wrapper\">\n<div id=\"headerWrapper\">\n<div id=\"contentHeaderArea\">\n<div id=\"description\" class=\"floatLeft\">\n<h1><\/h1>\n<h1>About Mood Boards<\/h1>\n<p>Mood Boards are collages of images, sketches, and descriptions used by designers to explore different visual styles. Once a Mood Board is sufficiently populated a designer may then create design concepts using the elements on the Board for inspiration.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"center\">\n<div class=\"titleSection\">\n<div id=\"textAbout01\" class=\"floatRight\">\n<div style=\"width: 487px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-moodboardimg01.png\" alt=\"Mood Boards\" width=\"477\" height=\"253\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<div id=\"textAbout01\" class=\"floatRight\">\n<div id=\"textAbout02\">\n<p class=\"content\">In a collaborative environment a designer may initially get design requirements from stakeholders who may not be designers themselves, and who may therefore describe their expectations in ambiguous terms. For example, a client may say &#8220;I&#8217;m looking for something modern, succinct, fashionable, warm, and slick&#8221;&#8230;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight\">\n<div style=\"width: 515px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-moodboardimg02.png\" alt=\"Mood Boards\" width=\"505\" height=\"280\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<p id=\"textAbout02\">\u00a0&#8230; which may give rise to these design<br \/>\nconcepts.<\/p>\n<\/div>\n<div class=\"section\">\n<div class=\"floatLeft\">\n<div style=\"width: 515px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-moodboardimg03.png\" alt=\"Mood Boards\" width=\"505\" height=\"280\" \/><p class=\"wp-caption-text\">\u00a92014 Microsoft<\/p><\/div>\n<div id=\"textAbout04\">\n<p class=\"content\">Or they may say &#8220;I want something that reminds me of different materials.\u201d For example<br \/>\nwood, earth, stone, metal, and so on&#8230;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight\">\n<div style=\"width: 515px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-moodboardimg04.png\" alt=\"Mood Boards\" width=\"505\" height=\"280\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<div id=\"textAbout04\"><\/div>\n<\/div>\n<div class=\"section\">\n<div id=\"textAbout05\" class=\"floatRight\">\n<p class=\"content\">&#8230; resulting in these concepts.<\/p>\n<\/div>\n<div class=\"floatLeft\">\n<div style=\"width: 515px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-moodboardimg05.png\" alt=\"Mood Boards\" width=\"505\" height=\"280\" \/><p class=\"wp-caption-text\">\u00a92014 Microsoft<\/p><\/div>\n<\/div>\n<h1 class=\"clear\">MSR Mood Board<\/h1>\n<\/div>\n<div class=\"section\">\n<div id=\"transfer\">And so to support such activities around the discovery of non-designerly content, Microsoft Research has implemented a digital Mood Board application that allows the discovery, lay out, annotation, and integration of such content into the process of exploring design concepts.<\/div>\n<p>In addition, Mood Board can be set to run in the background at the user&#8217;s visual periphery to allow serendipitous encounters that fill in moments of idleness.<\/p>\n<\/div>\n<div class=\"section\">\n<div id=\"titleUse\" class=\"titleBox\">\n<h1 class=\"h1\">How to use<\/h1>\n<\/div>\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Step one<\/h3>\n<p class=\"content\">Open the app, enter the search terms in the search box, and click on the search button to search. You may enter up to five search terms.<\/p>\n<\/div>\n<div id=\"imageUse01\">\n<div style=\"width: 660px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface01.png\" alt=\"Mood Boards\" width=\"650\" height=\"364\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<h3 class=\"clear\">Step two<\/h3>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight textUse\">\n<p class=\"content\">Tap any thumbnail to expand it for a<br \/>\ncloser look. The Download arrow in the upper-left corner<br \/>\ndownloads the image to the canvas.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface02.png\" alt=\"Mood Boards\" width=\"525\" height=\"355\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<\/div>\n<div id=\"sectionStep3\" class=\"section\">\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Step three<\/h3>\n<p class=\"content\">When you&#8217;re done selecting images, tap<br \/>\nor swipe-up the slider at the bottom of the screen to switch<br \/>\nto the canvas.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface03.png\" alt=\"Mood Boards\" width=\"525\" height=\"513\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Step four<\/h3>\n<p class=\"content\">This is the mood board canvas,which contains all the images you selected. Here you can rearrange and resize images, and add text or sketched annotations.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface04.png\" alt=\"Mood Boards\" width=\"525\" height=\"355\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Step five<\/h3>\n<p class=\"content\">Tap the New Page icon to add a new page<br \/>\nto the canvas.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface05.png\" alt=\"Mood Boards\" width=\"525\" height=\"355\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Step six<\/h3>\n<p class=\"content\">Tap or swipe-down the slider at the top<br \/>\nof the screen to go back to Image Search.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface06.png\" alt=\"Mood Boards\" width=\"525\" height=\"355\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"floatRight textUse\">\n<h3 class=\"h2\">Mini-mode<\/h3>\n<p class=\"content\">Mood Board can also run in mini-mode, allowing you to view your image search results in the background. Use this mode when you want to focus on other things, but still want to keep the images in view for inspiration.<\/p>\n<\/div>\n<div class=\"imageUse\">\n<div style=\"width: 535px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-softface07.png\" alt=\"Mood Boards\" width=\"525\" height=\"359\" \/><p class=\"wp-caption-text\">(Images from Bing image search)<\/p><\/div>\n<div class=\"section\">\n<div class=\"margin_left\">\n<div class=\"tipsBox\">\n<h1 id=\"tips_text_1\" class=\"content tips_text\">Tips<\/h1>\n<div class=\"section\">\n<div class=\"margin_left\">\n<div class=\"tipsBox\"><img decoding=\"async\" class=\"floatLeft alignnone\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-1ctrlc.png\" alt=\"Mood Board tips\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"margin_left\">\n<div class=\"tipsBox\"><img decoding=\"async\" class=\"floatRight\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-02ctrlv.png\" alt=\"Mood Board tips\" \/><\/div>\n<div class=\"tipsBox\">\n<div class=\"section\">\n<div class=\"margin_left\">\n<div class=\"tipsBox\">\n<p id=\"tips_text_1\" class=\"content tips_text\">To copy and paste images use Ctrl-C and Ctrl-V.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"margin_left\">\n<div class=\"tipsBox\"><\/div>\n<div class=\"tipsBox\">\n<p><img decoding=\"async\" class=\"floatLeft\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-03clean.png\" alt=\"Mood Board tips\" \/><\/p>\n<p class=\"content tips_text\">The canvas supports erasing sketches using the Eraser end of Tablet\/Digitizer pens.<\/p>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"tipsBox\">\n<p><img decoding=\"async\" class=\"floatLeft\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-04mouse.png\" alt=\"Mood Board tips\" \/><\/p>\n<p class=\"content tips_text\">Right-clicking switches between Select and Pan modes.<\/p>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"tipsBox\">\n<p><img decoding=\"async\" class=\"floatLeft\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2016\/02\/moodboard-05select.png\" alt=\"Mood Board tips\" \/><\/p>\n<p class=\"content tips_text\">In Select mode, Ctrl-A can select all elements.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft Research Mood Board is a Windows application that combines image search, image collection, and sketching to support creative activities. Update: this project\/app has been retired. About Mood Boards Mood Boards are collages of images, sketches, and descriptions used by designers to explore different visual styles. Once a Mood Board is sufficiently populated a designer [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","footnotes":""},"research-area":[13554,13555],"msr-locale":[268875],"msr-impact-theme":[],"msr-pillar":[],"class_list":["post-171262","msr-project","type-msr-project","status-publish","hentry","msr-research-area-human-computer-interaction","msr-research-area-search-information-retrieval","msr-locale-en_us","msr-archive-status-active"],"msr_project_start":"2014-01-12","related-publications":[165568],"related-downloads":[],"related-videos":[],"related-groups":[],"related-events":[],"related-opportunities":[],"related-posts":[],"related-articles":[],"tab-content":[],"slides":[],"related-researchers":[{"type":"user_nicename","value":"ambrob","display_name":"Ambrosio Blanco","author_link":"<a href=\"https:\/\/www.microsoft.com\/en-us\/research\/people\/ambrob\/\" aria-label=\"Visit the profile page for Ambrosio Blanco\">Ambrosio Blanco<\/a>","is_active":false,"user_id":30978,"last_first":"Blanco, Ambrosio","people_section":0,"alias":"ambrob"}],"msr_research_lab":[199560],"msr_impact_theme":[],"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/171262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-project"}],"version-history":[{"count":3,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/171262\/revisions"}],"predecessor-version":[{"id":387932,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/171262\/revisions\/387932"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=171262"}],"wp:term":[{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=171262"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=171262"},{"taxonomy":"msr-impact-theme","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-impact-theme?post=171262"},{"taxonomy":"msr-pillar","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-pillar?post=171262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}