{"id":146997,"date":"2026-09-12T06:00:21","date_gmt":"2026-09-12T02:30:21","guid":{"rendered":"https:\/\/motionguru.ir\/blog\/?p=146997"},"modified":"2026-08-09T18:48:55","modified_gmt":"2026-08-09T15:18:55","slug":"motion-design-system-guide","status":"publish","type":"post","link":"https:\/\/motionguru.ir\/blog\/motion-design-system-guide\/","title":{"rendered":"\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u0633\u0627\u062e\u062a Motion Design System \u062f\u0631 7 \u06af\u0627\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0639\u0645\u0644\u06cc\u0627\u062a\u06cc"},"content":{"rendered":"<p data-path-to-node=\"1\">\u062f\u0646\u06cc\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc (UI) \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc (UX) \u0628\u0647 \u0633\u0631\u0639\u062a \u0627\u0632 \u0635\u0641\u062d\u0627\u062a \u0627\u06cc\u0633\u062a\u0627\u060c \u0628\u06cc\u200c\u062a\u062d\u0631\u06a9 \u0648 \u0628\u06cc\u200c\u0631\u0648\u062d \u0641\u0627\u0635\u0644\u0647 \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a. \u0627\u0645\u0631\u0648\u0632\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0627\u0631\u0646\u062f \u0647\u0646\u06af\u0627\u0645 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062a\u062d\u062a \u0648\u0628 \u0648 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u06cc \u0632\u0646\u062f\u0647\u060c \u0646\u0631\u0645\u060c \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u0647\u0648\u0634\u0645\u0646\u062f\u0627\u0646\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u06cc\u0627\u0646\u060c \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062d\u0631\u06a9\u062a\u200c\u0647\u0627 \u062a\u0646\u0647\u0627 \u062c\u0646\u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u200c\u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u062a\u0632\u06cc\u06cc\u0646\u06cc \u0646\u062f\u0627\u0631\u0646\u062f\u061b \u0628\u0644\u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0632\u0628\u0627\u0646 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc\u060c \u0647\u0648\u06cc\u062a\u200c\u0628\u062e\u0634 \u0648 \u0647\u062f\u0627\u06cc\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \u0645\u062d\u0635\u0648\u0644 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<p data-path-to-node=\"1\">\u0627\u06af\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0628\u062f\u0648\u0646 \u0642\u0627\u0639\u062f\u0647\u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u0633\u0644\u06cc\u0642\u0647\u200c\u0627\u06cc \u0648 \u0645\u0633\u062a\u0645\u0631 \u062a\u0648\u0633\u0637 \u0637\u0631\u0627\u062d\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u0648\u0646\u062f\u060c \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0645\u0646\u062c\u0631 \u0628\u0647 \u06af\u06cc\u062c \u0634\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631\u060c \u0627\u0641\u062a \u0634\u062f\u06cc\u062f \u0633\u0631\u0639\u062a \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0622\u0634\u0641\u062a\u06af\u06cc \u0628\u0635\u0631\u06cc \u0648 \u0628\u06cc\u200c\u0646\u0638\u0645\u06cc \u062f\u0631 \u0647\u0648\u06cc\u062a \u0628\u0631\u0646\u062f \u062e\u0648\u0627\u0647\u0646\u062f \u0634\u062f. \u0627\u06cc\u0646\u062c\u0627\u0633\u062a \u06a9\u0647 \u0645\u0641\u0647\u0648\u0645 <b data-path-to-node=\"1\" data-index-in-node=\"628\">Motion Design System<\/b> (\u0633\u06cc\u0633\u062a\u0645 \u0637\u0631\u0627\u062d\u06cc \u062d\u0631\u06a9\u062a) \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9\u06cc \u0627\u0632 \u0636\u0631\u0648\u0631\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0648 \u062d\u06cc\u0627\u062a\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648\u0627\u0631\u062f \u0645\u06cc\u062f\u0627\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-path-to-node=\"2\">\u06cc\u06a9 <b data-path-to-node=\"2\" data-index-in-node=\"3\">Motion Design System<\/b> \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u0642\u0648\u0627\u0639\u062f\u060c \u062a\u0648\u0627\u0628\u0639 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u060c \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u062d\u0631\u06a9\u062a\u06cc\u060c \u06a9\u062f\u0647\u0627\u06cc \u0628\u0627\u0632\u0627\u0633\u062a\u0641\u0627\u062f\u0647\u200c\u067e\u0630\u06cc\u0631\u060c \u0631\u0627\u0647\u0646\u0645\u0627\u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u0627\u0635\u0648\u0644\u06cc \u06af\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0646\u062d\u0648\u0647 \u067e\u0648\u06cc\u0627\u0646\u0645\u0627\u06cc\u06cc \u0648 \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u062a\u0645\u0627\u0645\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u06cc \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0647\u062f\u0627\u06cc\u062a \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062c\u0627\u0645\u0639\u060c \u062a\u0645\u0627\u0645\u06cc \u0627\u0628\u0639\u0627\u062f\u060c \u0645\u0648\u0644\u0641\u0647\u200c\u0647\u0627\u060c \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u060c \u0686\u0627\u0644\u0634\u200c\u0647\u0627 \u0648 \u0645\u0631\u0627\u062d\u0644 \u0635\u0641\u0631 \u062a\u0627 \u0635\u062f \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062f\u0642\u06cc\u0642 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<h2 data-path-to-node=\"4\">Motion Design System \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0647 \u0622\u0646 \u0646\u06cc\u0627\u0632 \u0645\u0628\u0631\u0645 \u062f\u0627\u0631\u06cc\u0645\u061f<\/h2>\n<p data-path-to-node=\"5\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u06a9\u0627\u0645\u0644 \u0648 \u062f\u0642\u06cc\u0642 \u0627\u06cc\u0646 \u0645\u0641\u0647\u0648\u0645\u060c \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u062a\u0641\u0627\u0648\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u067e\u0631\u0627\u06a9\u0646\u062f\u0647 \u0648 \u0627\u0646\u0638\u0628\u0627\u0637\u200c\u0646\u06cc\u0627\u0641\u062a\u0647 \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u0645. \u0648\u0642\u062a\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u062f\u0631 \u06cc\u06a9 \u062a\u06cc\u0645\u060c \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u060c \u0645\u0648\u062f\u0627\u0644\u200c\u0647\u0627\u060c \u0645\u0646\u0648\u0647\u0627 \u0648 \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u0647\u0627\u06cc \u0644\u0645\u0633\u06cc \u062e\u0644\u0642 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0645\u062d\u0635\u0648\u0644 \u0646\u0647\u0627\u06cc\u06cc \u062f\u0686\u0627\u0631 \u0639\u062f\u0645 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0639\u0645\u06cc\u0642 \u0645\u06cc\u200c\u0634\u0648\u062f. \u06cc\u06a9 <b data-path-to-node=\"5\" data-index-in-node=\"284\">Motion Design System<\/b> \u0686\u0627\u0631\u0686\u0648\u0628\u06cc \u0642\u0627\u0646\u0648\u0646\u200c\u0645\u0646\u062f\u060c \u0634\u0641\u0627\u0641 \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u062a\u0645\u0627\u0645 \u062d\u0631\u06a9\u062a\u200c\u0647\u0627 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0635\u0641\u062d\u0627\u062a \u0648 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627 (\u0648\u0628\u060c iOS\u060c \u0627\u0646\u062f\u0631\u0648\u06cc\u062f\u060c \u062f\u0633\u06a9\u062a\u0627\u067e) \u0634\u062e\u0635\u06cc\u062a\u06cc \u06cc\u06a9\u0633\u0627\u0646\u060c \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc\u200c\u067e\u0630\u06cc\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<h3 data-path-to-node=\"6\">\u06f6 \u0645\u0632\u06cc\u062a \u06a9\u0644\u06cc\u062f\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc Motion Design System \u062f\u0631 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h3>\n<ol start=\"1\" data-path-to-node=\"7\">\n<li>\n<p data-path-to-node=\"7,0,0\"><b data-path-to-node=\"7,0,0\" data-index-in-node=\"0\">\u0627\u0631\u062a\u0642\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc (UX):<\/b> \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0647\u062f\u0641\u0645\u0646\u062f \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0632 \u06a9\u062c\u0627 \u0645\u06cc\u200c\u0622\u06cc\u0646\u062f\u060c \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u062f\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0631\u062e \u062f\u0627\u062f\u0647 \u0648 \u06af\u0627\u0645 \u0628\u0639\u062f\u06cc \u062a\u0639\u0627\u0645\u0644 \u0686\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0627\u0639\u062b \u0627\u06cc\u062c\u0627\u062f \u0622\u06af\u0627\u0647\u06cc \u0641\u0636\u0627\u06cc\u06cc (Spatial Awareness) \u062f\u0631 \u0630\u0647\u0646 \u0645\u062e\u0627\u0637\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"7,1,0\"><b data-path-to-node=\"7,1,0\" data-index-in-node=\"0\">\u062b\u0628\u0627\u062a \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0647\u0648\u06cc\u062a \u0628\u0631\u0646\u062f (Brand Identity):<\/b> \u0647\u0645\u0627\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc\u060c \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc \u0648 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 \u0634\u062e\u0635\u06cc\u062a \u0628\u0635\u0631\u06cc \u0628\u0631\u0646\u062f \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f\u060c \u0646\u062d\u0648\u0647 \u062d\u0631\u06a9\u062a \u0639\u0646\u0627\u0635\u0631 \u0646\u06cc\u0632 \u0644\u062d\u0646 \u0628\u0631\u0646\u062f (Tone of Voice) \u0631\u0627 \u0645\u0646\u0639\u06a9\u0633 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"7,2,0\"><b data-path-to-node=\"7,2,0\" data-index-in-node=\"0\">\u0627\u0641\u0632\u0627\u06cc\u0634 \u0633\u0631\u0639\u062a \u062a\u0648\u0633\u0639\u0647 \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0648 \u06a9\u062f:<\/b> \u0628\u0627 \u062a\u0639\u0631\u06cc\u0641 Design Token\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0647 \u062c\u0627\u06cc \u062d\u062f\u0633 \u0632\u062f\u0646 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u060c \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u062b\u0627\u0628\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"7,3,0\"><b data-path-to-node=\"7,3,0\" data-index-in-node=\"0\">\u06a9\u0627\u0647\u0634 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0646\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f (Performance):<\/b> \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0634\u062f\u0647 \u0627\u0632 \u067e\u0631\u062f\u0627\u0632\u0634\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 GPU \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0646\u0631\u062e \u0641\u0631\u06cc\u0645 \u0628\u0627\u0644\u0627 (60fps \u06cc\u0627 120fps) \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"7,4,0\"><b data-path-to-node=\"7,4,0\" data-index-in-node=\"0\">\u062a\u0633\u0647\u06cc\u0644 \u0622\u0646\u0628\u0648\u0631\u062f\u06cc\u0646\u06af \u0627\u0639\u0636\u0627\u06cc \u062c\u062f\u06cc\u062f \u062a\u06cc\u0645:<\/b> \u0648\u0642\u062a\u06cc \u0637\u0631\u0627\u062d \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0647 \u062a\u06cc\u0645 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0627 \u0645\u0631\u0627\u062c\u0639\u0647 \u0628\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a <b data-path-to-node=\"7,4,0\" data-index-in-node=\"105\">Motion Design System<\/b> \u0628\u062f\u0648\u0646 \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0637\u0628\u0642 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0633\u0627\u0632\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"7,5,0\"><b data-path-to-node=\"7,5,0\" data-index-in-node=\"0\">\u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility):<\/b> \u0645\u0631\u0627\u0639\u0627\u062a \u062d\u0627\u0644 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u06cc \u06a9\u0647 \u062f\u0686\u0627\u0631 \u062d\u0633\u0627\u0633\u06cc\u062a\u200c\u0647\u0627\u06cc \u0686\u0634\u0645\u06cc \u06cc\u0627 \u0645\u0634\u06a9\u0644\u0627\u062a \u0628\u06cc\u0646\u0627\u06cc\u06cc \u0648 \u062f\u0647\u0644\u06cc\u0632\u06cc \u0647\u0633\u062a\u0646\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a.<\/p>\n<\/li>\n<\/ol>\n<p data-path-to-node=\"8\">\u0648\u062c\u0648\u062f \u06cc\u06a9 <b data-path-to-node=\"8\" data-index-in-node=\"8\">Motion Design System<\/b> \u062a\u062f\u0648\u06cc\u0646\u200c\u0634\u062f\u0647\u060c \u062f\u0642\u06cc\u0642\u0627 \u0647\u0645\u0627\u0646 \u0645\u0631\u0632 \u0628\u0627\u0631\u06cc\u06a9 \u0648 \u0633\u0631\u0646\u0648\u0634\u062a\u200c\u0633\u0627\u0632 \u0645\u06cc\u0627\u0646 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc \u0648 \u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0632\u0646\u062f\u0647\u060c \u0631\u0648\u0627\u0646\u060c \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc \u0648 \u0644\u0630\u062a\u200c\u0628\u062e\u0634 \u0627\u0633\u062a.<\/p>\n<p data-path-to-node=\"8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-146998\" src=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-300x169.webp\" alt=\"\u0646\u0645\u0648\u062f\u0627\u0631 \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0648 \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u062d\u0631\u06a9\u062a\u06cc \u0639\u0646\u0627\u0635\u0631 UI Motion Design System\" width=\"728\" height=\"410\" srcset=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-300x169.webp 300w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-1024x576.webp 1024w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-768x432.webp 768w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-1536x864.webp 1536w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3-390x220.webp 390w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-1-optimized-3.webp 1672w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<h2 data-path-to-node=\"12\">\u06f4 \u0631\u06a9\u0646 \u0648 \u0645\u0648\u0644\u0641\u0647 \u0627\u0635\u0644\u06cc \u062a\u0634\u06a9\u06cc\u0644\u200c\u062f\u0647\u0646\u062f\u0647 \u06cc\u06a9 Motion Design System<\/h2>\n<p data-path-to-node=\"13\">\u0647\u0631 <b data-path-to-node=\"13\" data-index-in-node=\"3\">Motion Design System<\/b> \u0627\u0632 \u0686\u0646\u062f \u062c\u0632\u0621 \u0628\u0646\u06cc\u0627\u062f\u06cc\u0646 \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627\u0646\u0646\u062f \u0628\u0644\u0648\u06a9\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f. \u0628\u062f\u0648\u0646 \u0634\u0646\u0627\u062e\u062a \u062f\u0642\u06cc\u0642 \u0627\u06cc\u0646 \u0627\u0631\u06a9\u0627\u0646\u060c \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0645\u0648\u0641\u0642 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0646\u0627\u0645\u0645\u06a9\u0646 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<div class=\"code-block ng-tns-c4093682955-25 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation\" data-hveid=\"0\" data-ved=\"0CAAQhtANahcKEwi67abH0veVAxUAAAAAHQAAAAAQKg\">\n<div class=\"formatted-code-block-internal-container ng-tns-c4093682955-25\">\n<div class=\"animated-opacity ng-tns-c4093682955-25\">\n<pre class=\"ng-tns-c4093682955-25\"><code class=\"code-container formatted ng-tns-c4093682955-25 no-decoration-radius\" role=\"text\" data-test-id=\"code-content\">       +-------------------------------------------------------+\r\n       |             \u0627\u0631\u06a9\u0627\u0646 Motion Design System                |\r\n       +-------------------------------------------------------+\r\n                                   |\r\n         +-------------------------+-------------------------+\r\n         |                         |                         |\r\n         v                         v                         v\r\n   [ \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc &amp; Easing ]      [ \u062c\u0647\u062a\u200c\u06af\u06cc\u0631\u06cc &amp; \u0641\u0636\u0627 ]       [ \u0686\u06cc\u062f\u0645\u0627\u0646 &amp; \u0647\u0627\u0631\u0645\u0648\u0646\u06cc ]\r\n  (Duration &amp; Curves)      (Spatial Motion)         (Choreography)\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<p data-path-to-node=\"15\">\u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc \u0648\u0627\u0631\u062f \u062f\u0646\u06cc\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0645\u0648\u0634\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0628\u0634\u06cc\u061f \ud83d\ude80<br \/>\n\u0628\u0627 <a class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" href=\"https:\/\/motionguru.ir\/express\/\">\u062f\u0648\u0631\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633 | \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0645\u0639 \u0645\u0648\u0634\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9<\/a> \u0627\u0632 \u0635\u0641\u0631 \u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0647\u0645\u0631\u0627\u0647\u062a \u0647\u0633\u062a\u06cc\u0645. \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u0627\u0632 \u0633\u0627\u06cc\u062a \u0645\u0627 \u062a\u0647\u06cc\u0647 \u06a9\u0646.<\/p>\n<h3 data-path-to-node=\"15\">\u06f1. \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0645\u062f\u062a \u0632\u0645\u0627\u0646 (Duration &amp; Timing)<\/h3>\n<p data-path-to-node=\"16\">\u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u06cc\u06a9 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0642\u062f\u0631 \u0637\u0648\u0644 \u0645\u06cc\u200c\u06a9\u0634\u062f. \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u06a9\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639 \u0628\u0627\u0634\u062f \u062a\u0648\u0633\u0637 \u0686\u0634\u0645 \u06a9\u0627\u0631\u0628\u0631 \u067e\u0631\u062f\u0627\u0632\u0634 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u06a9\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06a9\u0646\u062f \u0628\u0627\u0634\u062f\u060c \u06a9\u0646\u062f\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0631\u0627 \u062a\u062f\u0627\u0639\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u062d\u0648\u0635\u0644\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0633\u0631 \u0645\u06cc\u200c\u0628\u0631\u062f. \u062f\u0631 \u06cc\u06a9 <b data-path-to-node=\"16\" data-index-in-node=\"204\">Motion Design System<\/b> \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0645\u0642\u0627\u062f\u06cc\u0631 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0646\u062f\u0627\u0632\u0647 \u0639\u0646\u0635\u0631\u060c \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0645\u0633\u0627\u0641\u062a \u0637\u06cc\u200c\u0634\u062f\u0647 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/p>\n<ul data-path-to-node=\"17\">\n<li>\n<p data-path-to-node=\"17,0,0\"><b data-path-to-node=\"17,0,0\" data-index-in-node=\"0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0648\u0686\u06a9 (Micro-interactions):<\/b> \u0628\u06cc\u0646 \u06f1\u06f0\u06f0 \u062a\u0627 \u06f1\u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 (\u0645\u0627\u0646\u0646\u062f \u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a \u0647\u0648\u0631\u060c \u06a9\u0644\u06cc\u06a9 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u06cc\u0627 \u0686\u06a9\u200c\u0628\u0627\u06a9\u0633\u200c\u0647\u0627).<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"17,1,0\"><b data-path-to-node=\"17,1,0\" data-index-in-node=\"0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 (Small Transitions):<\/b> \u0628\u06cc\u0646 \u06f1\u06f50 \u062a\u0627 \u06f2\u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 (\u0645\u0627\u0646\u0646\u062f \u0628\u0627\u0632 \u0634\u062f\u0646 \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u0647\u0627\u06cc \u0644\u0645\u0633\u06cc\u060c \u062a\u0648\u0644\u062a\u06cc\u067e\u200c\u0647\u0627 \u0648 \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646\u200c\u0647\u0627).<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"17,2,0\"><b data-path-to-node=\"17,2,0\" data-index-in-node=\"0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u0648\u0633\u0637 (Medium Transitions):<\/b> \u0628\u06cc\u0646 \u06f2\u06f5\u06f0 \u062a\u0627 \u06f3\u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 (\u0645\u0627\u0646\u0646\u062f \u0628\u0627\u0632 \u0634\u062f\u0646 \u0645\u0646\u0648\u0647\u0627\u06cc \u06a9\u0634\u0648\u06cc\u06cc\u060c \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u06a9\u0634\u0648\u0647\u0627\u06cc \u062c\u0627\u0646\u0628\u06cc).<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"17,3,0\"><b data-path-to-node=\"17,3,0\" data-index-in-node=\"0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af (Macro Transitions):<\/b> \u0628\u06cc\u0646 \u06f3\u06f5\u06f0 \u062a\u0627 \u06f5\u06f0\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 (\u0645\u0627\u0646\u0646\u062f \u0627\u0646\u062a\u0642\u0627\u0644 \u0628\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u0627\u0635\u0644\u06cc\u060c \u0645\u062f\u0627\u0644\u200c\u0647\u0627\u06cc \u062a\u0645\u0627\u0645\u200c\u0635\u0641\u062d\u0647 \u0648 \u062f\u06cc\u0627\u0644\u0648\u06af\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647).<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"18\">\u06f2. \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627\u06cc \u0633\u0631\u0639\u062a (Easing Curves)<\/h3>\n<p data-path-to-node=\"19\">\u0627\u0634\u06cc\u0627\u06cc \u062f\u0646\u06cc\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0647\u0631\u06af\u0632 \u0628\u0627 \u0633\u0631\u0639\u062a \u062b\u0627\u0628\u062a (Linear) \u062d\u0631\u06a9\u062a \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061b \u0622\u0646\u200c\u0647\u0627 \u0627\u0628\u062a\u062f\u0627 \u0634\u062a\u0627\u0628 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u0648 \u0633\u067e\u0633 \u067e\u06cc\u0634 \u0627\u0632 \u062a\u0648\u0642\u0641 \u06a9\u0627\u0645\u0644\u060c \u0633\u0631\u0639\u062a \u062e\u0648\u062f \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627\u06cc Easing \u062f\u0631 <b data-path-to-node=\"19\" data-index-in-node=\"156\">Motion Design System<\/b> \u0628\u0647 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062d\u0633 \u0637\u0628\u06cc\u0639\u06cc \u0628\u0648\u062f\u0646 \u0648 \u0632\u0646\u062f\u0647 \u0628\u0648\u062f\u0646 \u0645\u06cc\u200c\u0628\u062e\u0634\u0646\u062f:<\/p>\n<ul data-path-to-node=\"20\">\n<li>\n<p data-path-to-node=\"20,0,0\"><b data-path-to-node=\"20,0,0\" data-index-in-node=\"0\">Ease-Out (\u0634\u062a\u0627\u0628 \u06a9\u0627\u0647\u0634\u06cc):<\/b> \u0628\u0647\u062a\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0648\u0631\u0648\u062f \u0639\u0646\u0627\u0635\u0631 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a. \u0639\u0646\u0635\u0631 \u0628\u0627 \u0633\u0631\u0639\u062a \u0648\u0627\u0631\u062f \u0634\u062f\u0647 \u0648 \u0628\u0647 \u0622\u0631\u0627\u0645\u06cc \u062f\u0631 \u062c\u0627\u06cc \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f (\u0634\u0631\u0648\u0639 \u0633\u0631\u06cc\u0639\u060c \u067e\u0627\u06cc\u0627\u0646 \u0646\u0631\u0645).<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"20,1,0\"><b data-path-to-node=\"20,1,0\" data-index-in-node=\"0\">Ease-In (\u0634\u062a\u0627\u0628 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc):<\/b> \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u062e\u0631\u0648\u062c \u0639\u0646\u0627\u0635\u0631 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a. \u0639\u0646\u0635\u0631 \u0622\u0631\u0627\u0645 \u0634\u0631\u0648\u0639 \u0628\u0647 \u062d\u0631\u06a9\u062a \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0627 \u0633\u0631\u0639\u062a \u0627\u0632 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"20,2,0\"><b data-path-to-node=\"20,2,0\" data-index-in-node=\"0\">Ease-In-Out (\u0634\u062a\u0627\u0628 \u062a\u0631\u06a9\u06cc\u0628\u06cc):<\/b> \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u0639\u0646\u0627\u0635\u0631 \u0627\u0632 \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u0635\u0641\u062d\u0647 \u0628\u0647 \u0646\u0642\u0637\u0647 \u062f\u06cc\u06af\u0631 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0644 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"20,3,0\"><b data-path-to-node=\"20,3,0\" data-index-in-node=\"0\">Spring \/ Physics-based (\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u200c\u0645\u062d\u0648\u0631):<\/b> \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062c\u0631\u0645\u060c \u0641\u0646\u0631\u06cc\u062a \u0648 \u0627\u0635\u0637\u06a9\u0627\u06a9 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u062d\u0627\u0644\u062a \u06a9\u0634\u0633\u0627\u0646\u06cc\u060c \u0632\u0646\u062f\u0647 \u0648 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u062c\u0630\u0627\u0628\u06cc \u0628\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u06cc\u200c\u0628\u062e\u0634\u0646\u062f.<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"21\">\u06f3. \u062c\u0647\u062a\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0641\u0636\u0627\u06cc \u0633\u0647 \u0628\u0639\u062f\u06cc (Spatial Motion &amp; Hierarchy)<\/h3>\n<p data-path-to-node=\"22\">\u0646\u062d\u0648\u0647 \u062d\u0631\u06a9\u062a \u0639\u0646\u0627\u0635\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631\u0647\u0627\u06cc X (\u0627\u0641\u0642\u06cc)\u060c Y (\u0639\u0645\u0648\u062f\u06cc) \u0648 Z (\u0639\u0645\u0642) \u0627\u0647\u0645\u06cc\u062a \u0628\u0633\u06cc\u0627\u0631 \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0631\u062f. \u06cc\u06a9 <b data-path-to-node=\"22\" data-index-in-node=\"85\">Motion Design System<\/b> \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0639\u0646\u0627\u0635\u0631 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0641\u0636\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0635\u0641\u062d\u0647 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0631\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0639\u0646\u0627\u0635\u0631\u06cc \u06a9\u0647 \u0627\u0632 \u067e\u0627\u06cc\u06cc\u0646 \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u062d\u0633 \u0644\u0627\u06cc\u0647\u200c\u0628\u0646\u062f\u06cc \u0628\u0647 \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u0648 \u0639\u0646\u0627\u0635\u0631\u06cc \u06a9\u0647 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 Z \u0628\u0632\u0631\u06af \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u062a\u0645\u0631\u06a9\u0632 \u0648 \u0627\u0648\u0644\u0648\u06cc\u062a \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647\u200c\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<h3 data-path-to-node=\"23\">\u06f4. \u0647\u0627\u0631\u0645\u0648\u0646\u06cc \u0648 \u062a\u0631\u062a\u06cc\u0628 \u0627\u062c\u0631\u0627 (Choreography &amp; Staggering)<\/h3>\n<p data-path-to-node=\"24\">\u0648\u0642\u062a\u06cc \u0686\u0646\u062f \u0639\u0646\u0635\u0631 \u0628\u0647 \u0637\u0648\u0631 \u0647\u0645\u0632\u0645\u0627\u0646 \u0648\u0627\u0631\u062f \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0627\u06af\u0631 \u062a\u0645\u0627\u0645 \u0622\u0646\u200c\u0647\u0627 \u06cc\u06a9\u0628\u0627\u0631\u0647 \u0638\u0627\u0647\u0631 \u0634\u0648\u0646\u062f\u060c \u0686\u0634\u0645 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0686\u0627\u0631 \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0627 \u0627\u0639\u0645\u0627\u0644 \u062a\u0627\u062e\u06cc\u0631\u0647\u0627\u06cc \u0645\u062a\u0648\u0627\u0644\u06cc \u0648 \u0627\u0646\u062f\u06a9 (Staggering) \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 \u06f2\u06f0 \u062a\u0627 \u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u0628\u06cc\u0646 \u0638\u0647\u0648\u0631 \u0647\u0631 \u0639\u0646\u0635\u0631 \u06cc\u0627 \u06a9\u0627\u0631\u062a\u060c \u062d\u0631\u06a9\u062a \u0686\u0634\u0645 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0637\u0628\u06cc\u0639\u06cc \u0647\u062f\u0627\u06cc\u062a \u0634\u062f\u0647 \u0648 \u062d\u0633\u06cc \u0627\u0632 \u0646\u0638\u0645 \u0648 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u062e\u0644\u0642 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<h2 data-path-to-node=\"26\">\u06f7 \u06af\u0627\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0627\u062c\u0631\u0627\u06cc Motion Design System<\/h2>\n<p data-path-to-node=\"27\">\u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u0641\u0631\u0627\u06cc\u0646\u062f \u0639\u0645\u0644\u06cc \u0648 \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645 \u062e\u0644\u0642 \u06cc\u06a9 <b data-path-to-node=\"27\" data-index-in-node=\"41\">Motion Design System<\/b> \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0627\u06cc\u0646 \u0645\u0633\u06cc\u0631 \u06f7 \u0645\u0631\u062d\u0644\u0647\u200c\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0627\u06cc\u062f\u0647\u200c\u067e\u0631\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0628\u0647 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0645\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0633\u0627\u0632\u0645\u0627\u0646 \u0645\u06cc\u200c\u0631\u0633\u0627\u0646\u062f.<\/p>\n<h3 data-path-to-node=\"28\">\u06af\u0627\u0645 \u0627\u0648\u0644: \u062a\u062d\u0644\u06cc\u0644 \u0647\u0648\u06cc\u062a \u0628\u0631\u0646\u062f \u0648 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0634\u062e\u0635\u06cc\u062a \u062d\u0631\u06a9\u062a\u06cc (Motion Personality)<\/h3>\n<p data-path-to-node=\"29\">\u067e\u06cc\u0634 \u0627\u0632 \u062f\u0633\u062a \u0628\u0647 \u06a9\u0627\u0631 \u0634\u062f\u0646 \u062f\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0628\u0627\u06cc\u062f \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u0686\u0647 \u0627\u062d\u0633\u0627\u0633\u06cc \u0631\u0627 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0646\u062a\u0642\u0644 \u06a9\u0646\u062f:<\/p>\n<ul data-path-to-node=\"30\">\n<li>\n<p data-path-to-node=\"30,0,0\"><b data-path-to-node=\"30,0,0\" data-index-in-node=\"0\">\u0631\u0633\u0645\u06cc\u060c \u062f\u0642\u06cc\u0642 \u0648 \u062c\u062f\u06cc (Corporate &amp; Precise):<\/b> \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639\u060c \u0628\u062f\u0648\u0646 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u06a9\u0634\u0633\u0627\u0646\u06cc \u06cc\u0627 \u0641\u0646\u0631\u06cc\u060c \u0628\u0627 \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627\u06cc Easing \u0642\u0627\u0637\u0639 \u0648 \u0645\u0633\u062a\u0642\u06cc\u0645.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"30,1,0\"><b data-path-to-node=\"30,1,0\" data-index-in-node=\"0\">\u0634\u0627\u062f\u0627\u0628\u060c \u0635\u0645\u06cc\u0645\u06cc \u0648 \u0628\u0627\u0632\u06cc\u06af\u0648\u0634 (Playful &amp; Energetic):<\/b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0641\u0631\u0627\u0648\u0627\u0646 \u0627\u0632 Spring Motion\u060c \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u0647\u0627\u06cc \u0627\u0644\u0627\u0633\u062a\u06cc\u06a9 \u0648 \u0627\u0646\u062d\u0631\u0627\u0641\u200c\u0647\u0627\u06cc \u062c\u0632\u0626\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u062d\u0633 \u0646\u0634\u0627\u0637.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"30,2,0\"><b data-path-to-node=\"30,2,0\" data-index-in-node=\"0\">\u0644\u0648\u06a9\u0633\u060c \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644 \u0648 \u0641\u0627\u062e\u0631 (Luxurious &amp; Elegant):<\/b> \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0633\u0646\u062c\u06cc\u062f\u0647\u060c \u06a9\u0646\u062f\u062a\u0631\u060c \u0628\u0633\u06cc\u0627\u0631 \u0646\u0631\u0645 \u0628\u0627 \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627\u06cc \u0627\u0646\u062a\u0642\u0627\u0644 \u0637\u0648\u0644\u0627\u0646\u06cc \u0648 \u0648\u0642\u0627\u0631 \u0628\u0627\u0644\u0627.<\/p>\n<\/li>\n<\/ul>\n<p data-path-to-node=\"31\">\u062a\u0639\u0631\u06cc\u0641 \u0634\u062e\u0635\u06cc\u062a \u062d\u0631\u06a9\u062a\u06cc\u060c \u0634\u0627\u0644\u0648\u062f\u0647 \u0648 \u0628\u0646\u06cc\u0627\u0646 \u0627\u0635\u0644\u06cc <b data-path-to-node=\"31\" data-index-in-node=\"39\">Motion Design System<\/b> \u0634\u0645\u0627 \u0631\u0627 \u0634\u06a9\u0644 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0645\u0627\u0646\u0639 \u0627\u0632 \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc \u0633\u0644\u06cc\u0642\u0647\u200c\u0627\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<h3 data-path-to-node=\"32\">\u06af\u0627\u0645 \u062f\u0648\u0645: \u062a\u0639\u0631\u06cc\u0641 \u0627\u0635\u0648\u0644 \u067e\u0627\u06cc\u0647\u200c\u0627\u06cc \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0637\u0644\u0627\u06cc\u06cc \u062d\u0631\u06a9\u062a (Principles of Motion)<\/h3>\n<p data-path-to-node=\"33\">\u0627\u0635\u0648\u0644 \u062d\u0631\u06a9\u062a \u0628\u0627\u06cc\u062f \u0634\u0627\u0645\u0644 \u06f3 \u062a\u0627 \u06f5 \u0642\u0627\u0646\u0648\u0646 \u0637\u0644\u0627\u06cc\u06cc \u0628\u0627\u0634\u062f \u06a9\u0647 \u062a\u0645\u0627\u0645\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0633\u0627\u0632\u0645\u0627\u0646 \u0647\u0645\u0648\u0627\u0631\u0647 \u0628\u0647 \u0622\u0646 \u0648\u0641\u0627\u062f\u0627\u0631 \u0628\u0645\u0627\u0646\u0646\u062f. \u0628\u0631\u0627\u06cc \u0646\u0645\u0648\u0646\u0647:<\/p>\n<ul data-path-to-node=\"34\">\n<li>\n<p data-path-to-node=\"34,0,0\"><b data-path-to-node=\"34,0,0\" data-index-in-node=\"0\">\u0627\u0635\u0644 \u0627\u0648\u0644 &#8211; \u0647\u062f\u0641\u0645\u0646\u062f\u06cc (Purposeful):<\/b> \u0647\u06cc\u0686 \u062d\u0631\u06a9\u062a\u06cc \u0646\u0628\u0627\u06cc\u062f \u0635\u0631\u0641\u0627\u064b \u062c\u0647\u062a \u062a\u0632\u06cc\u06cc\u0646 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f\u061b \u0647\u0631 \u062d\u0631\u06a9\u062a \u0628\u0627\u06cc\u062f \u062f\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"34,1,0\"><b data-path-to-node=\"34,1,0\" data-index-in-node=\"0\">\u0627\u0635\u0644 \u062f\u0648\u0645 &#8211; \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u0633\u0631\u06cc\u0639 (Responsive):<\/b> \u062a\u0645\u0627\u0645\u06cc \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u0644\u0645\u0633\u06cc \u06cc\u0627 \u06a9\u0644\u06cc\u06a9\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f1\u06f0\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u067e\u0627\u0633\u062e \u0628\u0635\u0631\u06cc \u0628\u062f\u0647\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"34,2,0\"><b data-path-to-node=\"34,2,0\" data-index-in-node=\"0\">\u0627\u0635\u0644 \u0633\u0648\u0645 &#8211; \u062a\u062f\u0627\u0648\u0645 \u0641\u0636\u0627\u06cc\u06cc (Spatial Continuity):<\/b> \u06a9\u0627\u0631\u0628\u0631 \u0646\u0628\u0627\u06cc\u062f \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u06a9\u0627\u0646\u06cc \u0648 \u0645\u0646\u0634\u0627\u0621 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0646\u062a\u0642\u0627\u0644 \u0628\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u06af\u0645 \u06a9\u0646\u062f.<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"35\">\u06af\u0627\u0645 \u0633\u0648\u0645: \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc \u0645\u0642\u0627\u062f\u06cc\u0631 \u0648 \u0627\u06cc\u062c\u0627\u062f Design Token\u0647\u0627<\/h3>\n<p data-path-to-node=\"36\">\u0628\u0631\u0627\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644 \u0645\u06cc\u0627\u0646 \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646\u060c \u062a\u0645\u0627\u0645\u06cc \u0645\u0642\u0627\u062f\u06cc\u0631 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0634\u06a9\u0644 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f (Motion Tokens) \u062a\u0639\u0631\u06cc\u0641 \u0634\u0648\u0646\u062f \u062a\u0627 \u062f\u0631 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06af\u0631\u062f\u0646\u062f:<\/p>\n<table data-path-to-node=\"37\">\n<thead>\n<tr>\n<td><strong>\u0646\u0627\u0645 \u062a\u0648\u06a9\u0646 (Design Token)<\/strong><\/td>\n<td><strong>\u0645\u0642\u062f\u0627\u0631 \u0632\u0645\u0627\u0646\u06cc \/ \u0645\u0646\u062d\u0646\u06cc (Easing)<\/strong><\/td>\n<td><strong>\u06a9\u0627\u0631\u0628\u0631\u062f \u0627\u0635\u0644\u06cc \u062f\u0631 UI<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><span data-path-to-node=\"37,1,0,0\"><code data-path-to-node=\"37,1,0,0\" data-index-in-node=\"0\">motion-duration-fast<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,1,1,0\">150ms<\/span><\/td>\n<td><span data-path-to-node=\"37,1,2,0\">\u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a \u0647\u0648\u0631\u060c \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0648 \u0633\u0648\u06cc\u06cc\u0686\u200c\u0647\u0627<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"37,2,0,0\"><code data-path-to-node=\"37,2,0,0\" data-index-in-node=\"0\">motion-duration-medium<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,2,1,0\">250ms<\/span><\/td>\n<td><span data-path-to-node=\"37,2,2,0\">\u0628\u0627\u0632 \u0634\u062f\u0646 \u0645\u0646\u0648\u06cc \u06a9\u0634\u0648\u06cc\u06cc\u060c \u062a\u0648\u0644\u062a\u06cc\u067e \u0648 \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"37,3,0,0\"><code data-path-to-node=\"37,3,0,0\" data-index-in-node=\"0\">motion-duration-slow<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,3,1,0\">400ms<\/span><\/td>\n<td><span data-path-to-node=\"37,3,2,0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0646\u062a\u0642\u0627\u0644 \u0635\u0641\u062d\u0647\u060c \u0628\u0627\u0632 \u0634\u062f\u0646 \u0645\u0648\u062f\u0627\u0644\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"37,4,0,0\"><code data-path-to-node=\"37,4,0,0\" data-index-in-node=\"0\">motion-ease-standard<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,4,1,0\"><code data-path-to-node=\"37,4,1,0\" data-index-in-node=\"0\">cubic-bezier(0.2, 0.0, 0.0, 1.0)<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,4,2,0\">\u0648\u0631\u0648\u062f \u0639\u0645\u0648\u0645\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0647 \u0635\u0641\u062d\u0647<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"37,5,0,0\"><code data-path-to-node=\"37,5,0,0\" data-index-in-node=\"0\">motion-ease-bounce<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,5,1,0\"><code data-path-to-node=\"37,5,1,0\" data-index-in-node=\"0\">cubic-bezier(0.34, 1.56, 0.64, 1)<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,5,2,0\">\u0627\u0639\u0644\u0627\u0646\u200c\u0647\u0627 \u0648 \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u0647\u0627\u06cc \u062c\u0644\u0628\u200c\u062a\u0648\u062c\u0647 \u062c\u062f\u06cc<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"37,6,0,0\"><code data-path-to-node=\"37,6,0,0\" data-index-in-node=\"0\">motion-ease-exit<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,6,1,0\"><code data-path-to-node=\"37,6,1,0\" data-index-in-node=\"0\">cubic-bezier(0.4, 0.0, 1.0, 1.0)<\/code><\/span><\/td>\n<td><span data-path-to-node=\"37,6,2,0\">\u062e\u0631\u0648\u062c \u0633\u0631\u06cc\u0639 \u0639\u0646\u0627\u0635\u0631 \u0627\u0632 \u06a9\u0627\u062f\u0631<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-path-to-node=\"38\">\u062b\u0628\u062a \u0627\u06cc\u0646 \u062a\u0648\u06a9\u0646\u200c\u0647\u0627 \u062f\u0631 <b data-path-to-node=\"38\" data-index-in-node=\"19\">Motion Design System<\/b> \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u062f\u0631\u0647\u0627 \u0628\u0647 \u062c\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u0627\u0639\u062f\u0627\u062f \u0633\u062e\u062a\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u0648 \u067e\u0631\u0627\u06a9\u0646\u062f\u0647\u060c \u0627\u0632 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0646\u0627\u0645\u200c\u06af\u0630\u0627\u0631\u06cc\u200c\u0634\u062f\u0647 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/p>\n<h3 data-path-to-node=\"39\">\u06af\u0627\u0645 \u0686\u0647\u0627\u0631\u0645: \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc (Interaction Patterns)<\/h3>\n<p data-path-to-node=\"40\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647\u060c \u062a\u0645\u0627\u0645 \u0631\u0641\u062a\u0627\u0631\u0647\u0627 \u0648 \u0631\u0641\u062a\u200c\u0648\u0622\u0645\u062f\u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0631\u0627 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u06a9\u062f\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<ol start=\"1\" data-path-to-node=\"41\">\n<li>\n<p data-path-to-node=\"41,0,0\"><b data-path-to-node=\"41,0,0\" data-index-in-node=\"0\">\u0627\u0646\u062a\u0642\u0627\u0644\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc (Container Transformations):<\/b> \u062a\u0628\u062f\u06cc\u0644 \u06cc\u06a9 \u06a9\u0627\u0631\u062a \u06a9\u0648\u0686\u06a9 \u0628\u0647 \u0635\u0641\u062d\u0647 \u06a9\u0627\u0645\u0644 \u0628\u0627 \u062d\u0641\u0638 \u062a\u0642\u0627\u0631\u0646 \u0628\u0635\u0631\u06cc.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"41,1,0\"><b data-path-to-node=\"41,1,0\" data-index-in-node=\"0\">\u0648\u0631\u0648\u062f \u0648 \u062e\u0631\u0648\u062c (Fade &amp; Slide):<\/b> \u0648\u0631\u0648\u062f \u0639\u0646\u0627\u0635\u0631 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0644\u06cc\u0633\u062a\u200c\u0647\u0627 \u06cc\u0627 \u062d\u0630\u0641 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0646\u0631\u0645.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"41,2,0\"><b data-path-to-node=\"41,2,0\" data-index-in-node=\"0\">\u0628\u0627\u0632\u062e\u0648\u0631\u062f\u0647\u0627\u06cc \u0644\u0645\u0633\u06cc (Micro-feedback):<\/b> \u0644\u0631\u0632\u0634 \u062e\u0641\u06cc\u0641 \u0647\u0646\u06af\u0627\u0645 \u0628\u0631\u0648\u0632 \u062e\u0637\u0627 \u06cc\u0627 \u062a\u06cc\u06a9 \u062e\u0648\u0631\u062f\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u0622\u06cc\u06a9\u0648\u0646 \u067e\u0633 \u0627\u0632 \u0645\u0648\u0641\u0642\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a.<\/p>\n<\/li>\n<\/ol>\n<h3 data-path-to-node=\"42\">\u06af\u0627\u0645 \u067e\u0646\u062c\u0645: \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0634\u0641\u0627\u0641 \u0648 \u0633\u0627\u062e\u062a \u0644\u0627\u06cc\u0628\u0631\u0631\u06cc \u062d\u0631\u06a9\u062a\u06cc<\/h3>\n<p data-path-to-node=\"43\">\u06cc\u06a9 <b data-path-to-node=\"43\" data-index-in-node=\"3\">Motion Design System<\/b> \u0628\u062f\u0648\u0646 \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u062f\u0642\u06cc\u0642 \u0628\u0647 \u0645\u0631\u0648\u0631 \u0632\u0645\u0627\u0646 \u0641\u0631\u0627\u0645\u0648\u0634 \u0634\u062f\u0647 \u0648 \u06a9\u0646\u0627\u0631 \u06af\u0630\u0627\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0639\u0627\u0644\u06cc \u0628\u0627\u06cc\u062f \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0628\u0627\u0634\u0646\u062f:<\/p>\n<ul>\n<li>\n<p data-path-to-node=\"44,0,0\">\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647 (GIF\u060c \u0648\u06cc\u062f\u06cc\u0648 \u06cc\u0627 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u062a\u0639\u0627\u0645\u0644\u06cc) \u0627\u0632 \u0647\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"44,1,0\">\u06a9\u062f\u0647\u0627\u06cc \u0622\u0645\u0627\u062f\u0647 CSS\u060c GSAP\u060c React Spring \u06cc\u0627 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc Lottie JSON.<\/p>\n<\/li>\n<li data-path-to-node=\"44,2,0\">\u0642\u0648\u0627\u0646\u06cc\u0646 &#8220;\u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0631\u0633\u062a \u0648 \u0627\u0634\u062a\u0628\u0627\u0647&#8221; (Do&#8217;s and Don&#8217;ts) \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0633\u0648\u0621\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-146999\" src=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-300x169.webp\" alt=\"\u0635\u0641\u062d\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648 \u062a\u0648\u06a9\u0646\u200c\u0647\u0627\u06cc \u062d\u0631\u06a9\u062a\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646 \u062f\u0631 Figma \u0648 Storybook\" width=\"728\" height=\"410\" srcset=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-300x169.webp 300w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-1024x576.webp 1024w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-768x432.webp 768w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-1536x864.webp 1536w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1-390x220.webp 390w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-2-optimized-1.webp 1672w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 data-path-to-node=\"48\">\u06af\u0627\u0645 \u0634\u0634\u0645: \u0631\u0639\u0627\u06cc\u062a \u06a9\u0627\u0645\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility &amp; Prefers-Reduced-Motion)<\/h3>\n<p data-path-to-node=\"49\">\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0645\u063a\u0641\u0648\u0644\u200c\u0645\u0627\u0646\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0628\u062e\u0634\u200c\u0647\u0627 \u062f\u0631 \u06cc\u06a9 <b data-path-to-node=\"49\" data-index-in-node=\"59\">Motion Design System<\/b> \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u062a\u0648\u062c\u0647 \u0648\u06cc\u0698\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0686\u0627\u0631 \u0627\u062e\u062a\u0644\u0627\u0644\u0627\u062a \u062f\u0647\u0644\u06cc\u0632\u06cc \u06af\u0648\u0634 \u062f\u0627\u062e\u0644\u06cc (Vestibular Disorders)\u060c \u0635\u0631\u0639 \u06cc\u0627 \u062d\u0633\u0627\u0633\u06cc\u062a\u200c\u0647\u0627\u06cc \u0686\u0634\u0645\u06cc \u0648 \u062d\u0631\u06a9\u062a\u06cc \u0647\u0633\u062a\u0646\u062f. \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0634\u062f\u06cc\u062f\u060c \u0646\u0627\u06af\u0647\u0627\u0646\u06cc \u0648 \u0686\u0631\u062e\u0634\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0639\u062b \u0628\u0631\u0648\u0632 \u0633\u0631\u06af\u06cc\u062c\u0647\u060c \u062a\u0647\u0648\u0639 \u0648 \u0627\u062e\u062a\u0644\u0627\u0644 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0631 \u0627\u06cc\u0646 \u0627\u0641\u0631\u0627\u062f \u0634\u0648\u062f.<\/p>\n<p data-path-to-node=\"50\">\u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a <code data-path-to-node=\"50\" data-index-in-node=\"43\">prefers-reduced-motion<\/code> \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0639\u0627\u0645\u0644 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062a\u0645\u0627\u06cc\u0644\u06cc \u0628\u0647 \u062f\u06cc\u062f\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0634\u062f\u06cc\u062f \u0646\u062f\u0627\u0631\u062f. \u062f\u0631 \u0686\u0646\u06cc\u0646 \u062d\u0627\u0644\u062a\u06cc\u060c <b data-path-to-node=\"50\" data-index-in-node=\"187\">Motion Design System<\/b> \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0645\u0627\u0645 \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0647 \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 Dissolve \u06cc\u0627 Cross-fade \u0633\u0627\u062f\u0647 \u0648 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0644\u0627\u06cc\u0645 \u062a\u0628\u062f\u06cc\u0644 \u0646\u0645\u0627\u06cc\u062f.<\/p>\n<h3 data-path-to-node=\"51\">\u06af\u0627\u0645 \u0647\u0641\u062a\u0645: \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 (Handoff Process)<\/h3>\n<p data-path-to-node=\"52\">\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0628\u0627\u06cc\u062f \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u062f\u0631 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631\u06cc \u0631\u0648\u0632\u0645\u0631\u0647 \u062a\u06cc\u0645 \u062c\u0627 \u0628\u06cc\u0641\u062a\u062f \u062a\u0627 \u0647\u0645\u0647 \u0627\u0639\u0636\u0627 \u0627\u0632 \u0622\u0646 \u0628\u0647\u0631\u0647 \u0628\u0628\u0631\u0646\u062f:<\/p>\n<ul data-path-to-node=\"53\">\n<li>\n<p data-path-to-node=\"53,0,0\"><b data-path-to-node=\"53,0,0\" data-index-in-node=\"0\">\u062f\u0631 \u0628\u062e\u0634 \u0637\u0631\u0627\u062d\u06cc:<\/b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc Smart Animate \u0648 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u062d\u0631\u06a9\u062a\u06cc \u062f\u0631 Figma \u06cc\u0627 \u0633\u0627\u062e\u062a \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u062f\u0631 Rive.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"53,1,0\"><b data-path-to-node=\"53,1,0\" data-index-in-node=\"0\">\u062f\u0631 \u0628\u062e\u0634 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f:<\/b> \u0633\u0627\u062e\u062a \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0647 \u062f\u0631 Storybook \u06a9\u0647 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc <b data-path-to-node=\"53,1,0\" data-index-in-node=\"66\">Motion Design System<\/b> \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u0622\u0646\u200c\u0647\u0627 \u062a\u0632\u0631\u06cc\u0642 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<\/li>\n<\/ul>\n<h2 data-path-to-node=\"55\">\u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\u200c\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 \u062f\u0631 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc Motion Design System<\/h2>\n<p data-path-to-node=\"56\">\u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u062b\u0631 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc\u060c \u0634\u0646\u0627\u062e\u062a \u062f\u0642\u06cc\u0642 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0628\u0647 \u062f\u0648 \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/p>\n<div class=\"code-block ng-tns-c4093682955-26 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation\" data-hveid=\"0\" data-ved=\"0CAAQhtANahcKEwi67abH0veVAxUAAAAAHQAAAAAQLQ\">\n<div class=\"formatted-code-block-internal-container ng-tns-c4093682955-26\">\n<div class=\"animated-opacity ng-tns-c4093682955-26\">\n<pre class=\"ng-tns-c4093682955-26\"><code class=\"code-container formatted ng-tns-c4093682955-26 no-decoration-radius\" role=\"text\" data-test-id=\"code-content\">                  +-----------------------------------+\r\n                  |   \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646    |\r\n                  +-----------------------------------+\r\n                                    |\r\n          +-------------------------+-------------------------+\r\n          |                                                   |\r\n          v                                                   v\r\n   [ \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 ]                               [ \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 ]\r\n   - Figma (Smart Animate)                            - Framer Motion (React)\r\n   - Rive (Interactive Vector)                        - GSAP (High Performance)\r\n   - Adobe After Effects                              - Lottie Web (JSON Animation)\r\n   - Principle \/ Protopie                             - CSS Variables &amp; Design Tokens\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<p data-path-to-node=\"58\">\u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc \u0645\u0648\u0634\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0631\u0627 \u0627\u0635\u0648\u0644\u06cc \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u061f<br \/>\n<a class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\" href=\"https:\/\/motionguru.ir\/motion-360\/\">\u0645\u0648\u0634\u0646 360 | \u0627\u0632 \u0635\u0641\u0631 \u062a\u0627 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0645\u0648\u0634\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9<\/a> \u0631\u0627 \u0627\u0632 \u0633\u0627\u06cc\u062a \u0645\u0627 \u062a\u0647\u06cc\u0647 \u06a9\u0646 \u0648 \u0627\u0632 \u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0633\u0627\u062e\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0631\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646.<\/p>\n<h3 data-path-to-node=\"58\">\u06f1. \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u0631\u0648\u062a\u0648\u062a\u0627\u06cc\u067e\u06cc\u0646\u06af<\/h3>\n<ul data-path-to-node=\"59\">\n<li>\n<p data-path-to-node=\"59,0,0\"><b data-path-to-node=\"59,0,0\" data-index-in-node=\"0\">Figma:<\/b> \u0627\u0628\u0632\u0627\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0627\u0648\u0644\u06cc\u0647 \u0637\u0631\u0627\u062d\u0627\u0646 UI\/UX \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u067e\u0648\u062a\u06cc\u067e\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc\u060c \u062a\u0639\u0631\u06cc\u0641 Easing\u0647\u0627 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Smart Animate.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"59,1,0\"><b data-path-to-node=\"59,1,0\" data-index-in-node=\"0\">Rive:<\/b> \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0646\u0642\u0644\u0627\u0628\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0646\u0648\u0622\u0648\u0631\u0627\u0646\u0647\u200c\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u062f\u0627\u0631\u06cc\u060c \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u06a9\u0645\u200c\u062d\u062c\u0645 \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u06a9\u062f \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644\u06cc \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"59,2,0\"><b data-path-to-node=\"59,2,0\" data-index-in-node=\"0\">Adobe After Effects:<\/b> \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0633\u0646\u062a\u06cc \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u062e\u0631\u0648\u062c\u06cc \u06af\u0631\u0641\u062a\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0633\u0628\u06a9 Lottie JSON.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"59,3,0\"><b data-path-to-node=\"59,3,0\" data-index-in-node=\"0\">ProtoPie:<\/b> \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u062d\u0633\u06af\u0631\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0648 \u0633\u0627\u062e\u062a \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u0645\u062d\u0635\u0648\u0644 \u0648\u0627\u0642\u0639\u06cc.<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"60\">\u06f2. \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 \u0648 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc<\/h3>\n<ul data-path-to-node=\"61\">\n<li>\n<p data-path-to-node=\"61,0,0\"><b data-path-to-node=\"61,0,0\" data-index-in-node=\"0\">Framer Motion:<\/b> \u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u062a\u0631\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0631\u0627\u06cc React \u06a9\u0647 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0635\u0648\u0644 <b data-path-to-node=\"61,0,0\" data-index-in-node=\"87\">Motion Design System<\/b> \u0631\u0627 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"61,1,0\"><b data-path-to-node=\"61,1,0\" data-index-in-node=\"0\">GSAP (GreenSock Animation Platform):<\/b> \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0628\u06cc\u200c\u0628\u062f\u06cc\u0644 \u0648 \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647 \u067e\u0631\u0633\u0631\u0639\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0633\u0627\u0632\u06cc \u0631\u0648\u06cc \u0648\u0628 \u0628\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0639\u0627\u0644\u06cc \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"61,2,0\"><b data-path-to-node=\"61,2,0\" data-index-in-node=\"0\">Lottie (by Airbnb):<\/b> \u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc After Effects \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc JSON \u0628\u0633\u06cc\u0627\u0631 \u0633\u0628\u06a9 \u0648 \u0628\u0631\u062f\u0627\u0631\u06cc \u0631\u0648\u06cc \u0648\u0628\u060c \u0627\u0646\u062f\u0631\u0648\u06cc\u062f \u0648 iOS.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"61,3,0\"><b data-path-to-node=\"61,3,0\" data-index-in-node=\"0\">Style Dictionary:<\/b> \u0627\u0628\u0632\u0627\u0631\u06cc \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u0642\u0627\u062f\u06cc\u0631 Easing \u0648 Duration \u0645\u0648\u062c\u0648\u062f \u062f\u0631 <b data-path-to-node=\"61,3,0\" data-index-in-node=\"75\">Motion Design System<\/b> \u0628\u0647 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 Swift (iOS)\u060c Kotlin (Android) \u0648 CSS\/Sass.<\/p>\n<\/li>\n<\/ul>\n<h2 data-path-to-node=\"63\">\u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u062f\u0631 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc Motion Design System \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc<\/h2>\n<p data-path-to-node=\"64\">\u0627\u06cc\u062c\u0627\u062f \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06cc\u06a9 <b data-path-to-node=\"64\" data-index-in-node=\"19\">Motion Design System<\/b> \u0647\u0645\u06cc\u0634\u0647 \u0645\u0633\u06cc\u0631 \u0647\u0645\u0648\u0627\u0631\u06cc \u0646\u06cc\u0633\u062a. \u0634\u0646\u0627\u062e\u062a \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u067e\u06cc\u0634 \u0627\u0632 \u0628\u0631\u0648\u0632 \u0627\u062e\u062a\u0644\u0627\u0644 \u062f\u0631 \u0645\u062d\u0635\u0648\u0644\u060c \u0631\u0627\u0647\u06a9\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0627\u062a\u062e\u0627\u0630 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3 data-path-to-node=\"65\">\u0686\u0627\u0644\u0634 \u06f1: \u0627\u0641\u062a \u0641\u0631\u06cc\u0645 \u0648 \u06a9\u0646\u062f \u0634\u062f\u0646 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 (Performance Bottlenecks)<\/h3>\n<p data-path-to-node=\"66\">\u0627\u06af\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f <code data-path-to-node=\"66\" data-index-in-node=\"32\">width<\/code>\u060c <code data-path-to-node=\"66\" data-index-in-node=\"39\">height<\/code>\u060c <code data-path-to-node=\"66\" data-index-in-node=\"47\">margin<\/code> \u06cc\u0627 <code data-path-to-node=\"66\" data-index-in-node=\"57\">top\/left<\/code> \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u0646\u062f\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u062c\u0628\u0648\u0631 \u0627\u0633\u062a \u0633\u0627\u062e\u062a\u0627\u0631 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0645\u062c\u062f\u062f\u0627 \u0645\u062d\u0627\u0633\u0628\u0647 \u06a9\u0646\u062f (Layout Shift &amp; Reflow) \u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0627\u0639\u062b \u0627\u0641\u062a \u0641\u0631\u06cc\u0645 \u0634\u062f\u06cc\u062f \u0648 \u0644\u06af \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<ul data-path-to-node=\"67\">\n<li>\n<p data-path-to-node=\"67,0,0\"><b data-path-to-node=\"67,0,0\" data-index-in-node=\"0\">\u0631\u0627\u0647\u06a9\u0627\u0631 \u0645\u062f\u0631\u0646 \u062f\u0631 Motion Design System:<\/b> \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0631\u0627 \u062a\u0646\u0647\u0627 \u0648 \u062a\u0646\u0647\u0627 \u0628\u0647 \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0635\u0644\u06cc CSS \u0645\u062d\u062f\u0648\u062f \u06a9\u0646\u06cc\u062f: <code data-path-to-node=\"67,0,0\" data-index-in-node=\"96\">transform<\/code> (\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc\u060c \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0648 \u0686\u0631\u062e\u0634) \u0648 <code data-path-to-node=\"67,0,0\" data-index-in-node=\"145\">opacity<\/code> (\u0628\u0631\u0627\u06cc \u0645\u06cc\u0632\u0627\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a). \u0627\u06cc\u0646 \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u062a \u06af\u0631\u0627\u0641\u06cc\u06a9 (GPU) \u067e\u0631\u062f\u0627\u0632\u0634 \u0634\u062f\u0647 \u0648 \u0627\u062c\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0627 \u0646\u0631\u062e \u06f6\u06f0 \u06cc\u0627 \u06f1\u06f2\u06f0 \u0641\u0631\u06cc\u0645 \u0628\u0631 \u062b\u0627\u0646\u06cc\u0647 \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"68\">\u0686\u0627\u0644\u0634 \u06f2: \u0646\u0627\u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0645\u06cc\u0627\u0646 \u0637\u0631\u0627\u062d \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633 (Handoff Friction)<\/h3>\n<p data-path-to-node=\"69\">\u0637\u0631\u0627\u062d \u06cc\u06a9 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062e\u0641\u0646 \u0648 \u062c\u0630\u0627\u0628 \u062f\u0631 Figma \u06cc\u0627 After Effects \u0645\u06cc\u200c\u0633\u0627\u0632\u062f\u060c \u0627\u0645\u0627 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0642\u06cc\u0642\u0627 \u0647\u0645\u0627\u0646 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u060c \u0627\u062d\u0633\u0627\u0633 \u0648 \u0645\u0646\u062d\u0646\u06cc \u062d\u0631\u06a9\u062a\u06cc \u0631\u0627 \u062f\u0631 \u06a9\u062f \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u062f.<\/p>\n<ul data-path-to-node=\"70\">\n<li>\n<p data-path-to-node=\"70,0,0\"><b data-path-to-node=\"70,0,0\" data-index-in-node=\"0\">\u0631\u0627\u0647\u06a9\u0627\u0631 \u062f\u0631 Motion Design System:<\/b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0648\u06a9\u0646\u200c\u0647\u0627\u06cc \u0646\u0627\u0645\u200c\u06af\u0630\u0627\u0631\u06cc\u200c\u0634\u062f\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0646\u062d\u0646\u06cc\u200c\u0647\u0627\u06cc Cubic-bezier \u062f\u0642\u06cc\u0642\u060c \u062a\u062d\u0648\u06cc\u0644 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc Rive \u06cc\u0627 Lottie \u0648 \u0628\u0631\u06af\u0632\u0627\u0631\u06cc \u062c\u0644\u0633\u0627\u062a \u0647\u0645\u200c\u0631\u0627\u0633\u062a\u0627\u0633\u0627\u0632\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646.<\/p>\n<\/li>\n<\/ul>\n<h3 data-path-to-node=\"71\">\u0686\u0627\u0644\u0634 \u06f3: \u0627\u0641\u0631\u0627\u0637 \u062f\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 (Over-animating)<\/h3>\n<p data-path-to-node=\"72\">\u06af\u0627\u0647\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0628\u0647 \u0642\u062f\u0631\u06cc \u0645\u062c\u0630\u0648\u0628 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0648 \u062c\u0630\u0627\u0628\u06cc\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u06a9\u0647 \u062a\u0645\u0627\u0645 \u0639\u0646\u0627\u0635\u0631 \u0648 \u0627\u062c\u0632\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u0648 \u0628\u0632\u0631\u06af \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0647 \u062d\u0631\u06a9\u062a \u062f\u0631\u0645\u06cc\u200c\u0622\u0648\u0631\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0641\u0631\u0627\u0637 \u0628\u0627\u0639\u062b \u062e\u0633\u062a\u06af\u06cc \u0634\u062f\u06cc\u062f \u0686\u0634\u0645 \u06a9\u0627\u0631\u0628\u0631\u060c \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u0648 \u06a9\u0646\u062f\u06cc \u0641\u0631\u0627\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f \u06cc\u0627 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<ul data-path-to-node=\"73\">\n<li>\n<p data-path-to-node=\"73,0,0\"><b data-path-to-node=\"73,0,0\" data-index-in-node=\"0\">\u0631\u0627\u0647\u06a9\u0627\u0631 \u062f\u0631 Motion Design System:<\/b> \u062a\u062f\u0648\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0633\u062e\u062a\u200c\u06af\u06cc\u0631\u0627\u0646\u0647. \u0647\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0627\u06cc\u062f \u062a\u0648\u062c\u06cc\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0634\u0641\u0627\u0641\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0627\u06af\u0631 \u062d\u0631\u06a9\u062a\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062c\u062f\u06cc\u062f\u06cc \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u0646\u062a\u0642\u0644 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u06cc\u0627 \u0645\u0633\u06cc\u0631 \u0627\u0648 \u0631\u0627 \u0637\u0648\u0644\u0627\u0646\u06cc \u0645\u06cc\u200c\u0633\u0627\u0632\u062f\u060c \u0628\u0627\u06cc\u062f \u0633\u0631\u06cc\u0639\u0627\u064b \u062d\u0630\u0641 \u0634\u0648\u062f.<\/p>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-147000\" src=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-300x169.webp\" alt=\"\u0645\u0642\u0627\u06cc\u0633\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0646\u06cc \u0648 \u0646\u0631\u062e \u0641\u0631\u06cc\u0645 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646\" width=\"728\" height=\"410\" srcset=\"https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-300x169.webp 300w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-1024x576.webp 1024w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-768x432.webp 768w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-1536x864.webp 1536w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1-390x220.webp 390w, https:\/\/motionguru.ir\/blog\/wp-content\/uploads\/2026\/07\/Image-3-optimized-1.webp 1672w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 data-path-to-node=\"77\">\u0628\u0631\u0631\u0633\u06cc \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u0648\u0641\u0642 Motion Design System \u062f\u0631 \u063a\u0648\u0644\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u062c\u0647\u0627\u0646<\/h2>\n<p data-path-to-node=\"78\">\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0628\u0647\u062a\u0631 \u062e\u0631\u0648\u062c\u06cc \u06a9\u0627\u0631 \u0648 \u0627\u0644\u06af\u0648\u0628\u0631\u062f\u0627\u0631\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062d\u0631\u06a9\u062a\u06cc \u0645\u0639\u0631\u0648\u0641\u200c\u062a\u0631\u06cc\u0646 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u062c\u0647\u0627\u0646 \u0645\u06cc\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u0645:<\/p>\n<table data-path-to-node=\"79\">\n<thead>\n<tr>\n<td><strong>\u0646\u0627\u0645 \u06a9\u0645\u067e\u0627\u0646\u06cc<\/strong><\/td>\n<td><strong>\u0646\u0627\u0645 \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645<\/strong><\/td>\n<td><strong>\u0648\u06cc\u0698\u06af\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u0648 \u0645\u0646\u062d\u0635\u0631\u200c\u0628\u0647\u200c\u0641\u0631\u062f \u062f\u0631 Motion Design System<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><span data-path-to-node=\"79,1,0,0\"><b data-path-to-node=\"79,1,0,0\" data-index-in-node=\"0\">Google<\/b><\/span><\/td>\n<td><span data-path-to-node=\"79,1,1,0\">Material Design 3 (Motion)<\/span><\/td>\n<td><span data-path-to-node=\"79,1,2,0\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0627\u0646\u0637\u0628\u0627\u0642\u06cc (Emphasis &amp; Shared Axis) \u0648 \u0627\u0644\u0647\u0627\u0645 \u0627\u0632 \u0641\u06cc\u0632\u06cc\u06a9 \u0637\u0628\u06cc\u0639\u06cc<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"79,2,0,0\"><b data-path-to-node=\"79,2,0,0\" data-index-in-node=\"0\">Apple<\/b><\/span><\/td>\n<td><span data-path-to-node=\"79,2,1,0\">Human Interface Guidelines<\/span><\/td>\n<td><span data-path-to-node=\"79,2,2,0\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0646\u0631\u0645\u060c \u062d\u0633 \u0648\u0632\u0646\u06cc \u0645\u0644\u0645\u0648\u0633\u060c \u067e\u0627\u0633\u062e\u200c\u062f\u0647\u06cc \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 \u0628\u0647 \u0698\u0633\u062a\u200c\u0647\u0627\u06cc \u062d\u0631\u06a9\u062a\u06cc (Gestures)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"79,3,0,0\"><b data-path-to-node=\"79,3,0,0\" data-index-in-node=\"0\">IBM<\/b><\/span><\/td>\n<td><span data-path-to-node=\"79,3,1,0\">Carbon Design System<\/span><\/td>\n<td><span data-path-to-node=\"79,3,2,0\">\u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642\u060c \u0631\u06cc\u0627\u0636\u06cc\u200c\u0645\u062d\u0648\u0631\u060c \u0628\u062f\u0648\u0646 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0627\u0646\u062a\u0632\u06cc\u060c \u0645\u0646\u0627\u0633\u0628 \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0635\u0646\u0639\u062a\u06cc<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-path-to-node=\"79,4,0,0\"><b data-path-to-node=\"79,4,0,0\" data-index-in-node=\"0\">Uber<\/b><\/span><\/td>\n<td><span data-path-to-node=\"79,4,1,0\">Uber Motion System<\/span><\/td>\n<td><span data-path-to-node=\"79,4,2,0\">\u062a\u0627\u06a9\u06cc\u062f \u0628\u0631 \u062d\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u062e\u0637\u06cc \u0633\u0631\u06cc\u0639\u060c \u0627\u0644\u0647\u0627\u0645\u200c\u06af\u0631\u0641\u062a\u0647 \u0627\u0632 \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u0634\u0647\u0631\u06cc\u060c \u0633\u0631\u0639\u062a \u0648 \u062f\u0642\u062a \u062f\u0631 \u0633\u0641\u0631<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-path-to-node=\"80\">\u0628\u0631\u0631\u0633\u06cc \u0646\u062d\u0648\u0647 \u0633\u0646\u062f\u0646\u0648\u06cc\u0633\u06cc <b data-path-to-node=\"80\" data-index-in-node=\"20\">Motion Design System<\/b> \u062f\u0631 \u0627\u06cc\u0646 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u060c \u0627\u0644\u06af\u0648\u0628\u0631\u062f\u0627\u0631\u06cc \u0648 \u0627\u0644\u0647\u0627\u0645\u200c\u06af\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645 \u0634\u0645\u0627 \u0628\u0647 \u0634\u062f\u062a \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h2 data-path-to-node=\"82\">\u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u060c \u062a\u06a9\u0627\u0645\u0644 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0645\u062f\u0627\u0648\u0645 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc<\/h2>\n<p data-path-to-node=\"83\">\u06cc\u06a9 <b data-path-to-node=\"83\" data-index-in-node=\"3\">Motion Design System<\/b> \u0633\u0646\u062f \u06cc\u0627 \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc \u0627\u06cc\u0633\u062a\u0627 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u067e\u0633 \u0627\u0632 \u0633\u0627\u062e\u062a \u0628\u0647 \u062d\u0627\u0644 \u062e\u0648\u062f \u0631\u0647\u0627 \u0634\u0648\u062f. \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u060c \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0628\u0631\u0646\u062f \u0648 \u0648\u0631\u0648\u062f \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u062a\u06a9\u0627\u0645\u0644 \u0645\u06cc\u200c\u06cc\u0627\u0628\u0646\u062f. \u0628\u0631\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u060c \u0631\u0639\u0627\u06cc\u062a \u0646\u06a9\u0627\u062a \u0632\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a:<\/p>\n<ol start=\"1\" data-path-to-node=\"84\">\n<li>\n<p data-path-to-node=\"84,0,0\"><b data-path-to-node=\"84,0,0\" data-index-in-node=\"0\">\u062a\u0634\u06a9\u06cc\u0644 \u06a9\u0645\u06cc\u062a\u0647 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646 (Motion Governance):<\/b> \u062a\u0639\u06cc\u06cc\u0646\u062f \u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u0627\u0646\u06cc \u0627\u0632 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0648 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u062c\u0647\u062a \u0628\u0631\u0631\u0633\u06cc \u0648 \u062a\u0627\u06cc\u06cc\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062c\u062f\u06cc\u062f \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"84,1,0\"><b data-path-to-node=\"84,1,0\" data-index-in-node=\"0\">\u0628\u0631\u06af\u0632\u0627\u0631\u06cc \u062c\u0644\u0633\u0627\u062a \u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u062f\u0648\u0631\u0647\u200c\u0627\u06cc (Motion Audit):<\/b> \u0647\u0631 \u06f6 \u0645\u0627\u0647 \u06cc\u06a9\u200c\u0628\u0627\u0631 \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0627\u062a \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u06cc\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062e\u0627\u0631\u062c \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc <b data-path-to-node=\"84,1,0\" data-index-in-node=\"150\">Motion Design System<\/b> \u0648\u0627\u0631\u062f \u0645\u062d\u0635\u0648\u0644 \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u062f.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"84,2,0\"><b data-path-to-node=\"84,2,0\" data-index-in-node=\"0\">\u0646\u0633\u062e\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 (Versioning):<\/b> \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 Design Token\u0647\u0627 \u06cc\u0627 \u062a\u0648\u0627\u0628\u0639 Easing \u0628\u0627\u06cc\u062f \u0645\u0627\u0646\u0646\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u06a9\u062f\u060c \u0646\u0633\u062e\u0647 \u0634\u0645\u0627\u0631\u0647\u200c\u06af\u0630\u0627\u0631\u06cc\u200c\u0634\u062f\u0647 (Semantic Versioning \u0645\u0627\u0646\u0646\u062f v1.2.0) \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f \u062a\u0627 \u06a9\u062f \u0622\u0633\u06cc\u0628 \u0646\u0628\u06cc\u0646\u062f.<\/p>\n<\/li>\n<\/ol>\n<h2 data-path-to-node=\"86\">\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u06a9\u0627\u0645\u0644 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0648 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a Motion Design System<\/h2>\n<p data-path-to-node=\"87\">\u0642\u0628\u0644 \u0627\u0632 \u0627\u0646\u062a\u0634\u0627\u0631 \u0631\u0633\u0645\u06cc \u0648 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0633\u06cc\u0633\u062a\u0645 \u062d\u0631\u06a9\u062a\u06cc \u062f\u0631 \u0633\u0627\u0632\u0645\u0627\u0646 \u062e\u0648\u062f\u060c \u062d\u062a\u0645\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u062a\u0645\u0627\u0645\u06cc \u0645\u0648\u0627\u0631\u062f \u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u0632\u06cc\u0631 \u062a\u06cc\u06a9 \u062e\u0648\u0631\u062f\u0647 \u0628\u0627\u0634\u0646\u062f:<\/p>\n<ul data-path-to-node=\"88\">\n<li>\n<p data-path-to-node=\"88,0,0\">[x] \u0622\u06cc\u0627 \u0634\u062e\u0635\u06cc\u062a \u062d\u0631\u06a9\u062a\u06cc \u0628\u0631\u0646\u062f (Motion Personality) \u0628\u0647 \u0637\u0648\u0631 \u0634\u0641\u0627\u0641 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,1,0\">[x] \u0622\u06cc\u0627 \u062a\u0645\u0627\u0645\u06cc \u0645\u0642\u0627\u062f\u06cc\u0631 Duration \u0648 Easing \u0628\u0647 \u0635\u0648\u0631\u062a Design Token \u062b\u0628\u062a \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,2,0\">[x] \u0622\u06cc\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u062a\u0646\u0647\u0627 \u0628\u0647 \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc \u067e\u0631\u0633\u0631\u0639\u062a <code data-path-to-node=\"88,2,0\" data-index-in-node=\"43\">transform<\/code> \u0648 <code data-path-to-node=\"88,2,0\" data-index-in-node=\"55\">opacity<\/code> \u0645\u062d\u062f\u0648\u062f \u0634\u062f\u0647\u200c\u0627\u0646\u062f\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,3,0\">[x] \u0622\u06cc\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a <code data-path-to-node=\"88,3,0\" data-index-in-node=\"15\">prefers-reduced-motion<\/code> \u0628\u0631\u0627\u06cc \u0645\u0631\u0627\u0639\u0627\u062a \u062d\u0627\u0644 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u062c\u0631\u0627 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,4,0\">[x] \u0622\u06cc\u0627 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0634\u0627\u0645\u0644 \u0646\u0645\u0648\u0646\u0647 \u06a9\u062f\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc (React\/CSS\/Swift) \u0648 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0633\u062a\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,5,0\">[x] \u0622\u06cc\u0627 \u062a\u0633\u062a \u0646\u0631\u062e \u0641\u0631\u06cc\u0645 (60fps) \u0631\u0648\u06cc \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0645\u06cc\u0627\u0646\u200c\u0631\u062f\u0647 \u0648 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"88,6,0\">[x] \u0622\u06cc\u0627 \u062a\u0645\u0627\u0645 \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 \u062a\u06cc\u0645 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc <b data-path-to-node=\"88,6,0\" data-index-in-node=\"78\">Motion Design System<\/b> \u0631\u0627 \u062f\u06cc\u062f\u0647\u200c\u0627\u0646\u062f\u061f<\/p>\n<\/li>\n<\/ul>\n<p data-path-to-node=\"90\">\u0637\u0631\u0627\u062d\u06cc\u060c \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06cc\u06a9 <b data-path-to-node=\"90\" data-index-in-node=\"31\">Motion Design System<\/b> \u06cc\u06a9 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u06a9 \u0648 \u0628\u0644\u0646\u062f\u0645\u062f\u062a \u062f\u0631 \u06a9\u06cc\u0641\u06cc\u062a\u060c \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0648 \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0634\u0645\u0627\u0633\u062a. \u0627\u06af\u0631\u0686\u0647 \u0633\u0627\u062e\u062a \u0686\u0646\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645\u06cc \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u0635\u0631\u0641 \u0632\u0645\u0627\u0646\u060c \u062a\u062d\u0644\u06cc\u0644 \u0639\u0645\u06cc\u0642 \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0645\u06cc\u0627\u0646\u200c\u062a\u06cc\u0645\u06cc \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0645\u062d\u0635\u0648\u0644\u06cc \u06cc\u06a9\u062f\u0633\u062a\u060c \u0631\u0648\u0627\u0646\u060c \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0633\u0637\u062d\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0631\u062a\u0642\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0628\u0627 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u06f7 \u06af\u0627\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0645\u0637\u0631\u062d\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0627\u0631\u0686\u0648\u0628\u06cc \u0627\u0633\u062a\u0648\u0627\u0631 \u0648 \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648 \u062d\u0631\u06a9\u062a \u062f\u0631 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062e\u0648\u062f \u0628\u0646\u0627 \u0646\u0647\u0627\u062f\u0647 \u0648 \u06af\u0627\u0645\u06cc \u0628\u0632\u0631\u06af \u062f\u0631 \u062c\u0647\u062a \u062a\u0639\u0627\u0644\u06cc \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u062e\u0648\u062f \u0628\u0631\u062f\u0627\u0631\u06cc\u062f.<\/p>\n<p data-path-to-node=\"98,2,1,1,0\">\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0646\u06cc\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc (UI) \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc (UX) \u0628\u0647 \u0633\u0631\u0639\u062a \u0627\u0632 \u0635\u0641\u062d\u0627\u062a \u0627\u06cc\u0633\u062a\u0627\u060c \u0628\u06cc\u200c\u062a\u062d\u0631\u06a9 \u0648 \u0628\u06cc\u200c\u0631\u0648\u062d \u0641\u0627\u0635\u0644\u0647 \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a. \u0627\u0645\u0631\u0648\u0632\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0627\u0631\u0646\u062f \u0647\u0646\u06af\u0627\u0645 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062a\u062d\u062a \u0648\u0628 \u0648 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u0628\u0627\u0632\u062e\u0648\u0631\u062f\u06cc \u0632\u0646\u062f\u0647\u060c \u0646\u0631\u0645\u060c \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u0647\u0648\u0634\u0645\u0646\u062f\u0627\u0646\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u06cc\u0627\u0646\u060c \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062d\u0631\u06a9\u062a\u200c\u0647\u0627 \u062a\u0646\u0647\u0627 \u062c\u0646\u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u200c\u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u062a\u0632\u06cc\u06cc\u0646\u06cc &hellip;<\/p>\n","protected":false},"author":12,"featured_media":147002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[319],"tags":[],"class_list":["post-146997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous-training"],"acf":[],"_links":{"self":[{"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/posts\/146997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/comments?post=146997"}],"version-history":[{"count":7,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/posts\/146997\/revisions"}],"predecessor-version":[{"id":147129,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/posts\/146997\/revisions\/147129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/media\/147002"}],"wp:attachment":[{"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/media?parent=146997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/categories?post=146997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motionguru.ir\/blog\/wp-json\/wp\/v2\/tags?post=146997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}