{"id":40811,"date":"2025-04-10T18:00:00","date_gmt":"2025-04-10T09:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=40811"},"modified":"2025-04-10T10:27:29","modified_gmt":"2025-04-10T01:27:29","slug":"ui-into-reality","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2025\/04\/10\/ui-into-reality\/","title":{"rendered":"Popular service UI that became reality"},"content":{"rendered":"<p>A unique challenge created by Muesli, which delivers design trends. Muesli used AI to reinterpret illustrations from famous UI web pages that have been around for a very long time. They recreated error pages that appear when you are browsing a web page and the internet connection is lost or the page cannot be found. These pages often use illustrations to emotionally connect with users in difficult situations. Muesli changed these illustrations into images that are closer to real life. They changed familiar layouts, from Google\u2019s offline dinosaur to Duolingo\u2019s crying owl to LinkedIn\u2019s cupcake celebration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3-768x1024.jpeg\" alt=\"\" class=\"wp-image-40813\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-3.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7-768x1024.jpeg\" alt=\"\" class=\"wp-image-40816\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-7.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1-768x1024.jpeg\" alt=\"\" class=\"wp-image-40817\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-5-1.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1-768x1024.jpeg\" alt=\"\" class=\"wp-image-40812\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-1.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6-768x1024.jpeg\" alt=\"\" class=\"wp-image-40821\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-6.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2-768x1024.jpeg\" alt=\"\" class=\"wp-image-40814\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-2.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9-768x1024.jpeg\" alt=\"\" class=\"wp-image-40818\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-9.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4-768x1024.jpeg\" alt=\"\" class=\"wp-image-40819\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-4.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8-768x1024.jpeg\" alt=\"\" class=\"wp-image-40820\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8-768x1024.jpeg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8-225x300.jpeg 225w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8-1152x1536.jpeg 1152w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8-600x800.jpeg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-8.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.linkedin.com\/posts\/muzli_designhumor-uiinreallife-aiart-activity-7314637004841869312-0it0?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAABliqAoBDPg1fdWfWwQpCbWlMWUvhsSxXVs\">https:\/\/www.linkedin.com\/posts\/muzli_designhumor-uiinreallife-aiart-activity-7314637004841869312-0it0?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAABliqAoBDPg1fdWfWwQpCbWlMWUvhsSxXVs<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\ub514\uc790\uc778 \ud2b8\ub80c\ub4dc\ub97c \uc804\ub2ec\ud558\ub294 \ubba4\uc990\ub9ac\uac00 \ub9cc\ub4e0 \ub3c5\ud2b9\ud55c \ucc4c\ub9b0\uc9c0\uc785\ub2c8\ub2e4. \ubba4\uc990\ub9ac\ub294 AI\ub97c \ud65c\uc6a9\ud558\uc5ec \uc544\uc8fc \uc624\ub7ab\ub3d9\uc548 \uc4f0\uc778 \uc720\uba85 UI \uc6f9\ud398\uc774\uc9c0\uc758 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc740 \uc7ac\ud574\uc11d\ud588\uc2b5\ub2c8\ub2e4. \uc6f9\ud398\uc774\uc9c0\ub97c \ud0d0\uc0c9\ud558\ub2e4 \uc778\ud130\ub137 \uc5f0\uacb0\uc774 \ub04a\uae30\uac70\ub098 \ud398\uc774\uc9c0\ub97c \ucc3e\uc744 \uc218 \uc5c6\uc744 \ub54c \ub098\uc624\ub294 \uc624\ub958 \ud398\uc774\uc9c0\ub97c \uc7ac\uad6c\uc131\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ud398\uc774\uc9c0\ub294 \ubcf4\ud1b5 \uc0ac\uc6a9\uc790\uac00 \ub09c\uac10\ud55c \uc0c1\ud669\uc5d0 \uac10\uc815\uc801\uc778 \uacf5\uac10\uc744 \uc704\ud574 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc744 \uc790\uc8fc \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ubba4\uc990\ub9ac\ub294 \uc774 \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc744 \uc2e4\uc0ac\uc5d0 \uac00\uae4c\uc6b4 \uc774\ubbf8\uc9c0\ub85c \ubc14\uafe8\uc2b5\ub2c8\ub2e4. \uad6c\uae00\uc758 \uc624\ud504\ub77c\uc778 \uacf5\ub8e1\ubd80\ud130 \ub4c0\uc624\ub9c1\uace0\uc758 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":40822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1988,407],"tags":[147,613,2043],"class_list":["post-40811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-archive","category-archive","tag-147","tag-ai","tag-2043"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/04\/ui-into-real-09.jpg","publishpress_future_action":{"enabled":false,"date":"2026-05-13 10:20:21","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/40811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=40811"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/40811\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/40822"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=40811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=40811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=40811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}