Atomic Design متدولوژی ساخت سیستمهای طراحی است: اتم → مولکول → ارگانیزم → قالب → صفحه.
سطوح Atomic Design
اتمها: دکمه، input. مولکولها: فرم جستجو. ارگانیزمها: هدر. قالبها: لایهبندی صفحه. صفحات: نمونه واقعی.
- Atoms: دکمه، input، لیبل
- Molecules: فرم، کارت
- Organisms: هدر، فوتر، سایدبار
پیادهسازی عملی
Figma Component Library + Storybook بهترین ترکیب برای پیادهسازی Atomic Design هستند.
جمعبندی
Atomic Design ساختاری منطقی برای مقیاسپذیری سیستم طراحی فراهم میکند.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!