مفهوم دیزاین اتمی (Atomic Design) که اولین بار حدود پنج سال قبل توسط Brad Frost معرفی شد، روشی است که روند ساخت دیزاین‌های ماژولار را شتاب می‌دهد. این مفهوم که همزمان با گسترش تولید و توسعه صفحات وب معرفی شد، بیانگر نیاز به ساخت دیزاین سیستم‌ها به جای ساخت مجموعه‌ای ساده از صفحات وب است. به عبارتی دیگر دیزاین اتمی روشی برای تولید دیزاین سیستم‌ها است.
در دیزاین اتمی، به جای طراحی کامل یک صفحه وب، ابتدا المان‌های کوچک مانند دکمه‌ها طراحی می‌شوند. سپس المان‌های کوچک در واحدی بزرگتر مانند یک فرم یا جدول کنار هم قرار می‌گیرند و در آخر صفحات نهایی ترکیبی از این واحدها هستند.
روش دیزاین اتمی پنج مرحله مجزا دارد و این مراحل به صورت سلسله‌وار منتج به ساخت دیزاین سیستم‌ها می‌شوند. این مراحل به شرح زیر است:
۱- اتم‌ها: المان‌ها و ماژول‌های کوچکی هستند که سنگ‌بنای ساخت محصول به شمار می‌آیند.
۲- مولکول‌ها: مجموعه‌ای به هم پیوسته از اتم‌ها هستند که دارای عملکردی مشخص بوده و کوچکترین واحدهای عملکردی به شمار می‌آیند.
۳- ارگانیسم‌ها: مجموعه‌ای از مولکول‌ها در کنار هم هستند که تشکیل دهنده بخش مجزا و نسبتا پیچیده از صفحه هستند.
۴- قالب‌ها: اغلب متشکل از مجموعه‌ای از ارگانیسم‌ها هستند که به یکدیگر چسبیده و صفحه‌ای را تشکیل داده‌اند. در این مرحله شمای کلی یک صفحه قابل مشاهده است.
۵- صفحات: قالب‌های ساخته شده با در بر گرفتن محتوای قابل نمایش، صفحات را تشکیل می‌دهند.
در مجموع چارچوب‌هایی مثل دیزاین اتمی روشی مشخص را برای ساخت دیزاین سیستم‌ها معرفی می‌کنند و به ما کمک می‌کنند فکر خود را متمرکز کرده و بر روی هدف خود دقیق شویم. دیزاین اتمی به طراحان کمک می‌کند تفکری نقّادانه در مورد هریک از بخش‌های دیزاین داشته و باعث ایجاد همدستی و یکپارچگی در دیزاین شوند.
برای آشنایی بیشتر با مفهوم دیزاین اتمی و بخش‌های آن مقاله را در اینجا مطالعه کنید.
