{"id":7518,"date":"2022-08-15T13:11:31","date_gmt":"2022-08-15T13:11:31","guid":{"rendered":"https:\/\/designcompass.org\/?p=7518"},"modified":"2026-07-01T11:08:51","modified_gmt":"2026-07-01T02:08:51","slug":"motion-for-good-ui","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2022\/08\/15\/motion-for-good-ui\/","title":{"rendered":"\uc88b\uc740 UI\ub97c \uc704\ud55c \uc6c0\uc9c1\uc784"},"content":{"rendered":"<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c \ub514\uc790\uc778\uc774 \ub4f1\uc7a5\ud558\uae30 \uc804 \uc6f9 \ub514\uc790\uc778\uc5d0\uc11c \uc6c0\uc9c1\uc784\uc740 \uae08\uae30\uc600\uc2b5\ub2c8\ub2e4. \uc18d\ub3c4\ub97c \ub290\ub9ac\uac8c \ud558\uace0 \uc0ac\uc6a9\uc790\uac00 \ubcf4\uace0 \uc2f6\uc5b4\ud558\uc9c0 \uc54a\ub294 \uc815\ubcf4\uc5d0 \uac15\uc81c\ub85c \uc9d1\uc911\ud558\uac8c \ub9cc\ub4dc\ub294 \uc7a5\uce58\uc600\uc2b5\ub2c8\ub2e4. \uacf5\uae09\uc790\uac00 \ubcf4\uc5ec\uc8fc\uace0 \uc2f6\uc740 \uc815\ubcf4\ub97c \ubcf4\uac8c\ud558\ub294 \uc6a9\ub3c4\ub85c \ub9ce\uc774 \uc4f0\uc600\uc2b5\ub2c8\ub2e4. \ubaa8\ubc14\uc77c \uc2dc\ub300\ub85c \ub4e4\uc5b4\uc11c\uba74\uc11c \uc778\ud130\ub137\uc774 \ubd88\uc548\uc815\ud558\uace0 \uae30\uae30 \uc131\ub2a5\uc774 \ub5a8\uc5b4\uc84c\uae30 \ub54c\ubb38\uc5d0 \uc6c0\uc9c1\uc784\uc740 \uac70\uc758 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \uc774\uc81c\ub294 \ubaa8\ubc14\uc77c \uad00\ub828 \uae30\uc220\uc774 \ubc1c\ub2ec\ud558\uba74\uc11c \uc11c\ube44\uc2a4\uc5d0 \uc6c0\uc9c1\uc784\uc744 \uc801\uc6a9\ud558\ub294 \ub09c\uc774\ub3c4\ub3c4 \ub0ae\uc544\uc84c\uc2b5\ub2c8\ub2e4. \uc5ec\uc804\ud788 \ubcf4\uc5ec\uc8fc\uace0 \uc2f6\uc740 \uc815\ubcf4\ub97c \uac15\uc870\ud558\ub294\ub370 \uc4f0\uc774\uace0 \uc788\uc9c0\ub9cc, \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c \uc801\uc808\ud55c \uc6c0\uc9c1\uc784\uc744 \uc81c\uacf5\ud558\ub824\ub294 \ub178\ub825\uc774 \uc810\ucc28 \ub298\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/ui-motion-clean.gif\" alt=\"\" class=\"wp-image-7557\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uccad\uac01 \uc5b8\uc5b4, \uc2dc\uac01 \uc5b8\uc5b4\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \uc6c0\uc9c1\uc784 \uc5ed\uc2dc \uc5b8\uc5b4\uc758 \ud55c \uc885\ub958\uc785\ub2c8\ub2e4. \ud55c\uc815\ub41c \uacf5\uac04\uc5d0 \ub2e4\uc591\ud55c \uc815\ubcf4\ub97c \uc804\ud560 \uc218 \uc788\uc5b4 \uc815\uc801\uc778 \uc694\uc18c\ub85c \uc804\ud558\uae30 \uc5b4\ub824\uc6b4 \ub0b4\uc6a9\uc744 \uc27d\uac8c \uc804\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc6b0\ub9ac\uac00 \uacbd\ud5d8\ud558\ub294 \uc2e4\uc81c \uc138\uacc4\uc5d0\ub294 \u2018\uac00\ub9cc\ud788 \uc788\ub294&#8217; \uac83\uc740 \uc808\ub300 \uc5c6\uae30 \ub54c\ubb38\uc5d0 \uc6c0\uc9c1\uc784\uc73c\ub85c \uc790\uc5f0\uc2a4\ub7ec\uc6c0 \ud55c \uc2a4\ud47c\uc744 \ub354\ud574\uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud3c9\uba74 \uc2a4\ud06c\ub9b0\uc5d0\uc11c \uc790\uc5f0\uc2a4\ub7ec\uc6c0\uc744 \ubb18\uc0ac\ud558\ub294 \ub9c8\uc9c0\ub9c9 \uc870\uac01\uc774\ub77c \ubcfc \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc5d0 \ub354\ud574 \ub098\uc758 \ud589\ub3d9\uc5d0 \ub530\ub77c \ubc18\uc751\ud55c\ub2e4\uba74 \ucd94\uc0c1\uc801\uc778 \uc2dc\uac01 \uc694\uc18c\uac00 \ubb3c\ub9ac\uc801\uc778 \uc138\uacc4\uc5d0 \uc815\ub9d0\ub85c \uc874\uc7ac\ud55c\ub2e4\ub294 \ub290\ub08c\uc744 \uc804\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\uc6c0\uc9c1\uc784\uc758 \uc6a9\ub3c4<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/motion-waiting.gif\" alt=\"\" class=\"wp-image-7525\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uc8fc\ubaa9\ud558\uace0 \uae30\ub2e4\ub9ac\uac8c \ud558\uae30<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6c0\uc9c1\uc784\uc740 \uc0ac\uc6a9\uc790\uac00 \uc9d1\uc911\ud558\uac8c \ub9cc\ub4ed\ub2c8\ub2e4. \ub2e4\ub978 \uc2dc\uac01 \uae30\ubc95\ub4e4\ubcf4\ub2e4 \uc6c0\uc9c1\uc774\ub294 \uc694\uc18c\uc5d0 \uac00\uc7a5 \uba3c\uc800 \ub208\uae38\uc774 \uac11\ub2c8\ub2e4. \uc815\uc801\uc778 \uc694\uc18c\ub294 \ub208\uacfc \ub1cc\uac00 \uc815\ubcf4\ub97c \ucc98\ub9ac\ud558\ub294 \uc18d\ub3c4\uac00 \ube60\ub974\uc9c0\ub9cc, \ub3d9\uc801\uc778 \uc694\uc18c\ub294 \uc9d1\uc911\ub825\uc774 \ub5a8\uc5b4\uc9c8 \ub54c\uae4c\uc9c0 \uc2dc\uc120\uc774 \uba38\ubb34\ub294 \ud3b8\uc785\ub2c8\ub2e4. \uc6c0\uc9c1\uc784 \uc815\ubcf4\ub97c \ucc98\ub9ac\ud558\ub294 \ub3d9\uc548 \uc2dc\uac04\uc744 \ub290\ub07c\uc9c0 \ubabb\ud574 \uae30\ub2e4\ub9ac\ub294 \uc2dc\uac04\uc744 \uc9e7\uac8c \ub290\ub07c\uac8c \ub3c4\uc6b8 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/transition.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uac00\uc0c1\uc758 \uacf5\uac04 \uc0c1\uc0c1\ud558\uac8c \ub3d5\uae30<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6c0\uc9c1\uc784\uc740 \uc11c\ube44\uc2a4\ub97c \uad6c\uc870\ub97c \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\uac8c \ub3d5\uc2b5\ub2c8\ub2e4. \ud3c9\uba74\uc758 \ubaa8\ubc14\uc77c \uc2a4\ud06c\ub9b0\b\uc740 \ucd94\uc0c1\uc801\uc778 \uacf5\uac04\b\uc785\ub2c8\ub2e4. \ucd94\uc0c1\uc801\uc778 \uacf5\uac04\uc5d0 \uad6c\uccb4\uc801\uc778 \uad6c\uc870\ub97c \ub5a0\uc62c\ub9b4 \uc218 \uc788\ub3c4\ub85d \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud65c\uc6a9\ud569\ub2c8\ub2e4. \ud55c\uc815\ub41c \ud654\uba74\uc5d0 \uacf5\uac04\uacfc \uad6c\uc870\ub97c \ub5a0\uc62c\ub9b4 \uc218 \uc788\ub3c4\ub85d \ud654\uba74\uc774 \uc804\ud658\ub420 \ub54c \uc5b4\ub514\uc11c \ub4f1\uc7a5\ud558\ub294\uc9c0 \uc54c\ub824\uc90d\ub2c8\ub2e4. \uc624\ub978\ucabd\uc5d0\uc11c \ub4f1\uc7a5\ud558\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc67c\ucabd\uc5d0\uc11c \uc624\ub978\ucabd\uc73c\ub85c \uc9c4\ud589\ub418\ub294 \uad6c\uc870\ub97c \uc0c1\uc0c1\ud560 \uc218 \uc788\uc73c\uba70, \uc544\ub798\uc5d0\uc11c \ud280\uc5b4\ub098\uc654\ub2e4 \uc791\uc5c5\uc744 \ub9c8\ubb34\ub9ac\ud558\uace0 \uc0ac\ub77c\uc9c0\ub294 \uad6c\uc870\ub85c \uc77c\uc2dc\uc801\uc778 \uc791\uc5c5\uc740 \uc544\ub798\uc5d0\uc11c \uc704\ub85c \uc7a0\uae50 \ub098\ud0c0\ub098\ub294 \uad6c\uc870\ub97c \uc0c1\uc0c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/sequence.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ub9ce\uc740 \uc815\ubcf4 \uc21c\ucc28\uc801\uc73c\ub85c \uc804\ub2ec\ud558\uae30<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6c0\uc9c1\uc784\uc740 \uc801\uc740 \uacf5\uac04\uc5d0 \uc5ec\ub7ec \uc815\ubcf4\ub97c \uc804\ub2ec\ud558\uae30 \uc88b\uc2b5\ub2c8\ub2e4. \uace0\uc815\ub418\uc5b4 \uc788\uc744 \uacbd\uc6b0 \ud55c\ubc88 \ud45c\uc2dc\ub41c \uc815\ubcf4\ub294 \ud2b9\uc815 \uacf5\uac04\uc744 \uc810\uc720\ud558\uac8c \ub429\ub2c8\ub2e4. \uc774 \ub54c \uc6c0\uc9c1\uc784\uc744 \uc774\uc6a9\ud574 \ubcf4\uc774\ub294 \uc815\ubcf4\ub97c \uad50\uccb4\ud558\uba74 \uc9e6\uc740 \uc2dc\uac04\uc5d0 \uc5ec\ub7ec \uc815\ubcf4\ub97c \uc804\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub208\uc774 \ud55c\ubc88\uc5d0 \ubc1b\uc544\ub4e4\uc774\ub294 \uc815\ubcf4\ub7c9\uc744 \uc904\uc774\uace0 \uace0\uac1d\uc774 \ud130\uce58\ub098 \uc2a4\ud06c\ub864 \uc561\uc158\uc744 \ud558\uc9c0 \uc54a\uace0 \ub2e4\uc591\ud55c \uc815\ubcf4\ub97c \ud655\uc778\ud560 \uc218 \uc788\ub294 \uae30\ubc95\uc785\ub2c8\ub2e4. \uae30\ub2e4\ub9ac\uc9c0 \uc54a\uc73c\uba74 \ubb34\uc2a8 \ub0b4\uc6a9\uc774 \ub098\uc62c\uc9c0 \uc54c \uc218 \uc5c6\uae30 \ub54c\ubb38\uc5d0 \uc2dc\uc791\ubd80\ud130 \ub05d\uae4c\uc9c0 \uc694\uc18c\uc758 \ub9e5\ub77d\uc774 \uc5f0\uacb0\ub418\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/feedback.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uc9c1\uad00\uc801\uc774\uace0 \ube60\ub978 \ud53c\ub4dc\ubc31 \uc8fc\uae30<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6c0\uc9c1\uc784\uc740 \uc9c1\uad00\uc801\uc73c\ub85c \uc608\uce21\ud560 \uc218 \uc788\ub294 \ud53c\ub4dc\ubc31\uc744 \uc804\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uae00, \uc0ac\uc9c4, \uc774\ubbf8\uc9c0 \uc2dc\uac01 \uc694\uc18c\uac00 \ucd94\uac00\ub420 \ub54c\ub9c8\ub2e4 \uc0ac\uc6a9\uc790\ub294 \uc815\ubcf4\ub97c \ud574\uc11d\ud574\uc57c \ud569\ub2c8\ub2e4. \ud2b9\uc815 \uc694\uc18c\uc5d0\uc11c \uc77c\uc5b4\ub098\ub294 \ubcc0\ud654\ub97c \ub530\ub85c \uc124\uba85\ud558\uc9c0 \uc54a\uace0 \uc694\uc18c \uc790\uccb4\uc758 \uc6c0\uc9c1\uc784\ub9cc\uc73c\ub85c \uc804\ub2ec\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ud2b9\uc815 \uc694\uc18c\ub97c \uc0ad\uc81c\ud558\ub824\uace0 \ud560 \ub54c, &#8216;\uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4&#8217; &#8216;\uc131\uacf5\ud588\uc2b5\ub2c8\ub2e4&#8217;\ub97c \ud14d\uc2a4\ud2b8\ub098 \uc544\uc774\ucf58\uc744 \ucd94\uac00\ud574 \uc815\ubcf4\ub97c \uc804\ub2ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc5ec\uae30\uc11c \uc2dc\uac01 \uc694\uc18c\ub97c \ucd94\uac00\ud558\uc9c0 \uc54a\uace0 \uc0ad\uc81c\ud558\ub824\ub294 \ub300\uc0c1\uc5d0 \uc6c0\uc9c1\uc784\uc744 \ucd94\uac00\ud574 \uc0ac\uc6a9\uc790\uac00 \uc2dc\uac01 \uc694\uc18c\ub97c \ud574\uc11d\ud560 \ud544\uc694 \uc5c6\uc774 \uc9c1\uad00\uc801\uc73c\ub85c \uc774\ud574\ud560 \uc218 \uc788\uac8c \ub3c4\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2e4\ud328\ud588\uc744 \ub54c\ub294 \uace0\uac1c\ub97c \ud754\ub4e4\ub4ef \uc88c\uc6b0\ub85c \uc6c0\uc9c1\uc774\uace0, \uc131\uacf5\ud558\uba74 \uae30\ubd84\uc774 \uc88b\uc740\ub4ef \uc0b4\uc9dd \uc810\ud504\ud558\ub294 \uac83\uc774\uc8e0.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\uc6c0\uc9c1\uc784\uc758 \uc694\uc18c<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/duration.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">speed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\ub3c4\uc640 \uc9c0\uc18d \uc2dc\uac04\uc740 \uc0c1\ub300\uc801\uc785\ub2c8\ub2e4. 1\ucd08(1,000ms) \ubaa8\ubc14\uc77c \ud658\uacbd\uc744 \uae30\uc900\uc73c\ub85c 0.2\ucd08(200ms) ~ 0.5\ucd08(500ms)\uc5d0\uc11c \uc2dc\uc791\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc774 \uc22b\uc790\ub294 <a href=\"https:\/\/www.nngroup.com\/articles\/animation-duration\/\" target=\"_blank\" rel=\"noreferrer noopener\">Neilson Norman Group<\/a>class <a href=\"https:\/\/en.wikipedia.org\/wiki\/Human_processor_model\">Model Human Processor<\/a>\uc5d0\uc11c \uae30\ubc18\ud569\ub2c8\ub2e4. 0.1\ucd08(100ms)\uac00 \uc21c\uac04\uc73c\ub85c \uc9c0\uac01\ub418\uace0 1\ucd08(1,000ms)\uac00 \uc0dd\uac01\ud560 \uc218 \uc788\ub294 \uc0c1\ud55c\uc120\uc774\ub77c\uace0\ud569\ub2c8\ub2e4. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Human_processor_model\">Model Human Processor<\/a> \uc5d0\uc11c\ub294 \ub108\ubb34 \uc9e7\uc73c\uba74 \uc778\uc9c0\uac00 \ub418\uc9c0 \uc54a\uace0 \ub108\ubb34 \uae38\uba74 \uc9c0\ub8e8\ud569\ub2c8\ub2e4. \uc6f9\uc740 \uc2e4\ud589\uacfc \uc5f0\uad00\ub41c \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc18d\ub3c4\uac00 \ub354 \ube68\ub77c\uc57c \ud569\ub2c8\ub2e4. \uc6f9\uc774 \uc815\uc0c1\uc801\uc73c\ub85c \uc791\ub3d9\ud558\uc9c0 \uc54a\ub294\ub2e4\uace0 \uc0dd\uac01\ud560 \uc218\ub3c4 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ub610\ud55c \uc694\uc18c\uc758 \ud06c\uae30\uac00 \ud074\uc218\ub85d \ube68\ub9ac \uc6c0\uc9c1\uc5ec\uc57c \ud569\ub2c8\ub2e4. \ub3d9\uc77c\ud55c \uba74\uc801\uc5d0\uc11c \uc6c0\uc9c1\uc5ec\uc57c \ud558\ub294 \uac70\ub9ac\uac00 \ub2e4\ub974\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/velocity.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc18\ubcf5\b\ub418\ub294 \uc6c0\uc9c1\uc784\uc740 \uac00\uc18d\ub3c4\ub97c \uc8fc\ub294 \uac83\uc774 \uc790\uc5f0\uc2a4\ub7fd\uc2b5\ub2c8\ub2e4. \uac19\uc740 \uc18d\ub3c4\ub85c \uc6c0\uc9c1\uc774\ub294 \uac83\uc740 \uc874\uc7ac\ud558\uae30 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub290\uaef4\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ube60\ub974\uac8c \uc2dc\uc791\ud558\uace0 \ub05d\uc5d0 \u001d\ub2ff\uc744\uc218\ub85d \uc11c\uc11c\ud788 \ub290\ub824\uc9c0\ub294 \uc6c0\uc9c1\uc784\uc774 \uc790\uc5f0\uc2a4\ub7fd\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/appear.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ub4f1\uc7a5\uacfc \ud1f4\uc7a5 \uc6c0\uc9c1\uc784\uc740 \uc0c1\ud669\uc5d0 \ub530\ub77c \ub2e4\ub985\ub2c8\ub2e4. \uc694\uc18c\uac00 \ub4f1\uc7a5\ud560 \ub54c\ub294 \uc0ac\uc6a9\uc790\uac00 \uae30\ub2e4\ub9ac\uc9c0 \uc54a\ub3c4\ub85d \ucd5c\ub300\ud55c \ube68\ub9ac \ud45c\uc2dc\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \ud1f4\uc7a5\ud560 \ub54c\ub294 \uc694\uc18c\uac00 \uc6c0\uc9c1\uc778\ub2e4\ub294 \uc0ac\uc2e4\uc744 \uc804\ud55c \ub4a4\uc5d0\ub294 \ucd5c\ub300\ud55c \ube68\ub9ac \uc0ac\ub77c\uc9c0\ub294 \uac83\uc774 \uc88b\uae30 \ub54c\ubb38\uc5d0 \uc0ac\ub77c\uc9c0\ub294 \uc18d\ub3c4\uac00 \uc810\uc810 \ube68\ub77c\uc9c0\ub294 \uac00\uc18d\ub3c4\ub85c \ud45c\ud604\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\ub3d9\uc120<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub514\uc9c0\ud138 \ud504\ub85c\ub355\ud2b8\uc5d0\uc11c \uc694\uc18c\uac00 \ud45c\uc2dc\ub418\ub294 \ud658\uacbd\uacfc \ub3d9\uc120\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4. \uc6c0\uc9c1\uc784\uc774 \uc0ac\uc6a9\uc790\uc758 \uacbd\ud5d8 \ub2e8\uacc4\uc5d0\uc11c \uc5b4\ub5a4 \ubb38\uc81c\ub97c \ud574\uacb0\ud574\uc8fc\ub294\uc9c0 \uba85\ud655\ud558\uac8c \uc815\uc758\ud558\uace0 \uc0ac\uc6a9\uc790\uc758 \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\ub294 \uc5ec\uc815\uc5d0 \ub3c4\uc6c0\uc744 \uc904 \uc218 \uc788\ub294 \ub9e5\ub77d\uc744 \ucc3e\uc544 \uc6c0\uc9c1\uc784\uc744 \uc801\uc6a9\ud569\ub2c8\ub2e4. \uc5ec\ub7ec \uc694\uc18c\uac00 \uc6c0\uc9c1\uc5ec \ud63c\ub780\uc2a4\ub7fd\uc9c0 \uc54a\uac8c \uc6b0\uc120 \uc21c\uc704\ub97c \uba85\ud655\ud558\uac8c \ud558\uace0 \uc778\uc9c0 \ubd80\ud558\uac00 \uc5c6\ub3c4\ub85d \uc124\uacc4\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"900\" style=\"aspect-ratio: 1600 \/ 900;\" width=\"1600\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/order.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\uc790\uac00 \ud589\ub3d9\ud558\ub294 \uc704\uce58\uc5d0\uc11c \uc6c0\uc9c1\uc784\uc774 \uc2dc\uc791\ub418\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc0ac\uc6a9\uc790\uac00 \uc624\ub978\ucabd\uc5d0\uc11c \ud654\uba74\uc744 \uc4f8\uba74, \uc0c8\ub85c\uc6b4 \ucc3d\uc774  \uc624\ub978\ucabd\uc5d0\uc11c \ub4f1\uc7a5\ud574\uc57c \ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ud31d\uc5c5\uc744 \ub744\uc6b0\ub294 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \uc0c1\uc138\ud55c \ub0b4\uc6a9\uc744 \uc120\ud0dd\ud558\ub294 \ucc3d\uc774 \ub204\ub978 \ubc84\ud2bc\uc5d0\uc11c\ubd80\ud130 \uc2dc\uc791\ud574\uc11c \ud655\uc7a5\ub418\uc5b4 \ub4f1\uc7a5\ud558\ub294 \uac83\uc774 \uc790\uc5f0\uc2a4\ub7fd\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"900\" style=\"aspect-ratio: 1600 \/ 900;\" width=\"1600\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/position.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uc694\uc18c \ub4f1\uc7a5\ud558\ub294 \uc21c\uc11c\ub294 \ub9e5\ub77d\uc5d0 \ub530\ub77c \ub2e4\ub985\ub2c8\ub2e4. \ubaa8\ub4e0 \uc694\uc18c\ub4e4\uc774 \uc21c\ucc28\uc801\uc73c\ub85c \uc6c0\uc9c1\uc784\uc774 \uc9c4\ud589\ub420 \ud544\uc694\ub294 \uc5c6\uc73c\uba70 \uac00\uae09\uc801 \uc6c0\uc9c1\uc784\uc758 \ub7c9\uacfc \uc2dc\uac04\uc774 \uc801\uc744\uc218\ub85d \uc88b\uc2b5\ub2c8\ub2e4. \uc815\ubcf4\uc758 \uc2dc\uc791\uacfc \ub05d\uc744 \ud45c\ud604\ud558\uae30 \uc704\ud574  \ubaa8\ub4e0 \uc815\ubcf4\ub97c \ub3d9\uc2dc\uc5d0 \ud45c\uc2dc\ud558\uc9c0 \uc54a\uc744 \ub54c\uc5d0\ub3c4 \ucd5c\ub300\ud55c \uc6c0\uc9c1\uc774\ub294 \uc694\uc18c\ub97c \uadf8\ub8f9\uc73c\ub85c \ubb36\uc5b4 \uc0ac\uc6a9\uc790\uac00 \ub208\uc73c\ub85c \ucad3\ub294 \ub3d9\uc120\uc744 \ucd5c\uc18c\ud654\ud574\uc57c\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>\ubaa8\ubc14\uc77c \ub514\uc790\uc778\uc774 \ub4f1\uc7a5\ud558\uae30 \uc804 \uc6f9 \ub514\uc790\uc778\uc5d0\uc11c \uc6c0\uc9c1\uc784\uc740 \uae08\uae30\uc600\uc2b5\ub2c8\ub2e4. \uc18d\ub3c4\ub97c \ub290\ub9ac\uac8c \ud558\uace0 \uc0ac\uc6a9\uc790\uac00 \ubcf4\uace0 \uc2f6\uc5b4\ud558\uc9c0 \uc54a\ub294 \uc815\ubcf4\uc5d0 \uac15\uc81c\ub85c \uc9d1\uc911\ud558\uac8c \ub9cc\ub4dc\ub294 \uc7a5\uce58\uc600\uc2b5\ub2c8\ub2e4. \uacf5\uae09\uc790\uac00 \ubcf4\uc5ec\uc8fc\uace0 \uc2f6\uc740 \uc815\ubcf4\ub97c \ubcf4\uac8c\ud558\ub294 \uc6a9\ub3c4\ub85c \ub9ce\uc774 \uc4f0\uc600\uc2b5\ub2c8\ub2e4. \ubaa8\ubc14\uc77c \uc2dc\ub300\ub85c \ub4e4\uc5b4\uc11c\uba74\uc11c \uc778\ud130\ub137\uc774 \ubd88\uc548\uc815\ud558\uace0 \uae30\uae30 \uc131\ub2a5\uc774 \ub5a8\uc5b4\uc84c\uae30 \ub54c\ubb38\uc5d0 \uc6c0\uc9c1\uc784\uc740 \uac70\uc758 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \uc774\uc81c\ub294 \ubaa8\ubc14\uc77c \uad00\ub828 \uae30\uc220\uc774 \ubc1c\ub2ec\ud558\uba74\uc11c \uc11c\ube44\uc2a4\uc5d0 \uc6c0\uc9c1\uc784\uc744 \uc801\uc6a9\ud558\ub294 \ub09c\uc774\ub3c4\ub3c4 \ub0ae\uc544\uc84c\uc2b5\ub2c8\ub2e4. \uc5ec\uc804\ud788 \ubcf4\uc5ec\uc8fc\uace0 \uc2f6\uc740 \uc815\ubcf4\ub97c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7559,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4],"tags":[107,370,374,377,597],"class_list":["post-7518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-107","tag-ui","tag-ux","tag-597"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2022\/08\/thumbnail-motion.png","publishpress_future_action":{"enabled":false,"date":"2026-08-15 09:58:54","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\/7518","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=7518"}],"version-history":[{"count":6,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/7518\/revisions"}],"predecessor-version":[{"id":65427,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/7518\/revisions\/65427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/7559"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=7518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=7518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=7518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}