Atomic Designã®è€ƒãˆæ–¹ã¨åˆ©ç‚¹ãƒ»æ¬ 点 – wkr.Atomic Design ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ を作る方法論ã¨ãªã‚Šã¾ã™ã€‚ デザインシステムã¨ã„ã†ã®ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚„ブランドã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãªã©ã‚’指ã™ã‚ˆã†ã§ã™ã€‚ 日本ã ã¨AbemaTV（アベマ TV）ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ （Atomic Design を実案件ã«å°Žå…¥ - UI コンãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度を明確化ã—ãŸçµæžœã¨å‰¯ç”£ç‰© | ygoto3.comより） Atomic Design ã¯ä»Šã¾ã§ã®ãƒšãƒ¼ã‚¸å˜ä½ã¨é•ã„コンãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作る考ãˆæ–¹ã§ã™ã€‚ 作ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒå£«ã®çµ„ã¿åˆã‚ã›ã§ãƒšãƒ¼ã‚¸ã‚’作りã¾ã™ã€‚ Atomic Design ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å˜ä½ã‚’ 5 ã¤ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ ãã® 5 ã¤ã®å˜ä½ã¯ Atoms（原å）・Molecules（分å）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）ã§ã™ã€‚ å„コンãƒãƒ¼ãƒãƒ³ãƒˆã®è©³ç´°ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚
Atomic Design を実案件ã«å°Žå…¥ - UI コンãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度を明確化ã—ãŸçµæžœã¨å‰¯ç”£ç‰©
APB CSS - Atomic Parts Base CSS -
Create atomic design systems with Pattern Lab - Pattern Lab
Atomic Designを分ã‹ã£ãŸã¤ã‚‚ã‚Šã«ãªã‚‹
{{#tags}}- {{label}}
{{/tags}}