{"id":23465,"date":"2024-03-10T15:48:18","date_gmt":"2024-03-10T06:48:18","guid":{"rendered":"https:\/\/designcompass.org\/?p=23465"},"modified":"2025-06-06T13:34:21","modified_gmt":"2025-06-06T04:34:21","slug":"ux-class-update-lv2-7","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/03\/10\/ui-class-update-filter\/","title":{"rendered":"UI Design Class Update: Added Filter Creation Lesson"},"content":{"rendered":"<p>A filter is a component for filtering large amounts of information. It is mainly used in digital products to sort products or content that meet criteria by desired criteria. Filters are an essential element in IT services, especially because there are limits to the amount of information that can be shown to users on the small screen of a smartphone. The form and structure of the filter differ depending on the type of information provided by the product, but the basic root of the act of viewing information is the same. <\/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\/03\/update-ui-class-filter-02-1024x1024.png\" alt=\"\" class=\"wp-image-23466\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-02-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-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\/03\/update-ui-class-filter-03-1024x1024.png\" alt=\"\" class=\"wp-image-23467\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-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\/03\/update-ui-class-filter-04-1024x1024.png\" alt=\"\" class=\"wp-image-23468\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-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\/03\/update-ui-class-filter-05-1024x1024.png\" alt=\"\" class=\"wp-image-23469\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-05.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>\ud544\ud130\ub294 \ub9ce\uc740 \uc591\uc758 \uc815\ubcf4\ub97c \uc5ec\uacfc\ud558\uae30 \uc704\ud55c \ucef4\ud3ec\ub10c\ud2b8\uc785\ub2c8\ub2e4. \uc8fc\ub85c \ub514\uc9c0\ud138 \ud504\ub85c\ub355\ud2b8\uc5d0\uc11c \uae30\uc900\uc5d0 \ub9de\ub294 \uc0c1\ud488\uc774\ub098 \ucf58\ud150\uce20\ub97c \uc6d0\ud558\ub294 \uae30\uc900\uc73c\ub85c \uc815\ub82c\ud560 \ub54c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ud2b9\ud788 \uc2a4\ub9c8\ud2b8\ud3f0\uc758 \uc791\uc740 \ud654\uba74\uc5d0\uc11c \uc0ac\uc6a9\uc790\uc5d0\uac8c \ubcf4\uc5ec\uc904 \uc218 \uc788\ub294 \uc815\ubcf4\ub7c9\uc5d0 \ud55c\uacc4\uac00 \uc788\uae30 \ub54c\ubb38\uc5d0 \ud544\ud130\ub294 IT \uc11c\ube44\uc2a4\uc5d0\uc11c \ud544\uc218\uc801\uc778 \uc694\uc18c\uc785\ub2c8\ub2e4. \ud504\ub85c\ub355\ud2b8\uac00 \uc81c\uacf5\ud558\ub294 \uc815\ubcf4\uc758 \uc885\ub958\uc5d0 \ub530\ub77c \ud544\ud130\uc758 \ud615\ud0dc\uc640 \uad6c\uc870\ub3c4 \ub2e4\ub974\uc9c0\ub9cc, \uc815\ubcf4\ub97c \ubc1c\ub77c\ubcf4\ub294 \ud589\ub3d9\uc758 \uae30\ubcf8 \ubfcc\ub9ac\ub294 \uac19\uc2b5\ub2c8\ub2e4. \ud504\ub85c\ub355\ud2b8 \ub514\uc790\uc774\ub108\uc758 \ud544\uc218 \uc5ed\ub7c9\uc778 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23470,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[891],"tags":[269,921],"class_list":["post-23465","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-891","tag-269","tag-ui"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/03\/update-ui-class-filter-06.png","publishpress_future_action":{"enabled":false,"date":"2026-05-21 06:15:41","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\/23465","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=23465"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/23465\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/23470"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=23465"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=23465"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=23465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}