طراحی اتمی Atomic Design چیست؟

طراحی اتمی که توسط براد فراست ایجاد شده است، یک روش طراحی محصول است که بر اساس سلسله مراتبی از اجزای متفاوت پیچیده طبقه‌بندی شده و شامل 5 مرحله است.  تغییر در هر مرحله بر تمام مراحل بعد از آن تأثیر می گذارد. بنابراین اگر یک مولکول را تغییر دهید، روی ارگانیسم‌ها، قالب‌ها و صفحات تأثیر می‌گذارد.

این روش یک دیدگاه جدید در طراحی UI  است. در این دیدگاه برعکس روش‌های شناخته شده، طراحی از جزیی‌ترین مرحله یک صفحه صورت می‌گیرد و این جزییات بزرگ و بزرگ‌تر می‌شود تا کل صفحه طراحی شود.

 اجزا تشکیل دهنده طراحی اتمی شامل پنج سطح است:

• اتم (Atoms)
• مولکول (Molecules)
• اورگانیسم (Organisms)
• قالب  (Templates)
• صفحات (Pages)

پروسه‌ی طراحی اتمی بدین گونه است: اتم به مولکول، مولکول به اورگانیسم، اورگانیسم به قالب و قالب به صفحات.

این روش ممکن است بارها توسط طراحان رابط کاربری مورد استفاده قرار گرفته باشد اما ندانند که به صورت استاندارد و تعریف شده در دانش رابط کاربری وجود دارد. هدف از اتمیک دیزاین: افزایش سرعت، کاهش اصلاحات گرافیکی و صرفه جویی در زمان و هزینه خواهد شد.