{"id":22841,"date":"2024-01-23T19:00:00","date_gmt":"2024-01-23T10:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=22841"},"modified":"2025-06-06T13:34:21","modified_gmt":"2025-06-06T04:34:21","slug":"ux-class-update-lv2-6","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/01\/23\/ui-class-update-card\/","title":{"rendered":"UI Design Class Update: Added Card Creation Lesson"},"content":{"rendered":"<p>Cards are one of the most powerful components used to convey large amounts of complex information to users. It exposes a variety of information and helps you navigate information as intended. A list or dashboard of cards makes it easy for users to figure out what the minimum amount of information to explore in the service is. It also helps you understand what criteria you should use to search for information exposed on the card.<\/p>\n\n\n\n<p>UI, an essential competency for product designers. We are creating the best class where you can go beyond imitating others and become an outstanding designer who can handle things freely. We will teach you the principles of how to catch fish. Instead of creating a class once and calling it a day, we update it every month to make it closer to perfection.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-1024x1024.png\" alt=\"\" class=\"wp-image-22842\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-02.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-1024x1024.png\" alt=\"\" class=\"wp-image-22843\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-1024x1024.png\" alt=\"\" class=\"wp-image-22844\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-1024x1024.png\" alt=\"\" class=\"wp-image-22845\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-05.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-1024x1024.png\" alt=\"\" class=\"wp-image-22846\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/01\/update-ui-class-card-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">View UI Design Classes<\/h3>\n\n\n\n<p><a href=\"https:\/\/designcompass.org\/en\/courses\/ui-design\/\">https:\/\/designcompass.org\/courses\/ui-design\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\uce74\ub4dc\ub294 \ubcf5\uc7a1\ud558\uace0 \ub9ce\uc740 \uc591\uc758 \uc815\ubcf4\ub97c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc804\ub2ec\ud560 \ub54c \uc0ac\uc6a9\ud558\ub294 \uac15\ub825\ud55c \ucef4\ud3ec\ub10c\ud2b8 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \ub2e4\uc591\ud55c \uc815\ubcf4\ub97c \ub178\ucd9c\ud574 \uc758\ub3c4\ub300\ub85c \uc815\ubcf4\ub97c \ud0d0\uc0c9\ud558\uac8c \ub3d5\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \uce74\ub4dc\uac00 \ub098\uc5f4\ub41c \ubaa9\ub85d\uc774\ub098 \ub300\uc2dc\ubcf4\ub4dc\ub85c \uc11c\ube44\uc2a4\uc5d0\uc11c \ud0d0\uc0c9\ud560 \ucd5c\uc18c\ud55c\uc758 \uc815\ubcf4\uac00 \ubb34\uc5c7\uc778\uc9c0 \uc27d\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uce74\ub4dc\uc5d0 \ub178\ucd9c\ud558\ub294 \uc815\ubcf4\ub85c \uc5b4\ub5a4 \uae30\uc900\uc73c\ub85c \uc815\ubcf4\ub97c \ud0d0\uc0c9\ud574\uc57c\ud558\ub294\uc9c0 \uc774\ud574\ud558\ub294\ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ud504\ub85c\ub355\ud2b8 \ub514\uc790\uc774\ub108\uc758 \ud544\uc218 \uc5ed\ub7c9\uc778 UI. \ub0a8\uc744 \ub530\ub77c\ud558\ub294 \uac83\uc744 \ub118\uc5b4 \uc790\uc720\uc790\uc7ac\ub85c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":22810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[891],"tags":[921],"class_list":["post-22841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-891","tag-ui"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/11\/card-thumbnail.png","publishpress_future_action":{"enabled":false,"date":"2026-05-21 06:21:39","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\/22841","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=22841"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/22841\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/22810"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=22841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=22841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=22841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}