Що таке атомарна система дизайну: коротке і доступне пояснення

Системи дизайну, такі як , стають дедалі важливішими в сучасному світі швидкого зростання та потреби в цілісних продуктах. Вони дозволяють командам швидше створювати кращі продукти, зрозумілі для користувачів, оскільки мова узгоджується в кожній точці взаємодії.

Cистема дизайну – це сукупність багаторазових компонентів, керованих чіткими стандартами, які можуть бути зібрані разом для створення будь-якої кількості продуктів. Системи дизайну є методом перекладу послідовного досвіду та візуальної мови у продукті при роботі над різними важливими пунктами.

Думайте про ваші елементи дизайну, як про коробку Lego, не просто як про готові до використання частинки, а й про те, що є нескінченні можливості їх комбінувати.

Одразу треба прояснити, що системи дизайну – це не керівництво зі стилю, хоча важливо не тільки розуміти шматки вашої системи дизайну, а й контекст їх використання…

Атомарна система дизайну ()

Так само, як ви можете подумати про систему дизайну як набір Lego, ви можете розглянути свою систему дизайну як атоми. Методологія Atomic Design Systems розглядає всі подробиці, що полягають у створенні та підтримці надійних систем дизайну, одночасно забезпечуючи досить послідовний спосіб пояснення, використовуючи хімію.

Атоми: в хімії атоми є основними будівельними блоками всіх речовин. Кожен хімічний елемент має відмінні властивості, і вони не можуть бути подрібнені далі, не втрачаючи своєї ідентичності.

Коли ми зв’язуємо це з нашими системами дизайну, атоми є основними активами нашого продукту. Вони є фундаментальними будівельними блоками, які містять усі наші користувацькі інтерфейси, такі як шрифт, іконки, кольори та інтервали.

Молекули: Молекули – це групи атомів, з’єднаних між собою для отримання нових властивостей або для виконання певної функції. У системах дизайну ми можемо думати про наші молекули як про будівельні блоки або “атоми”, які ми з’єднуємо, щоб сформувати функціональний елемент.

Можливо, ми об’єднуємо заголовок зображення з заголовком для молекули профілю або робимо щось більш складне, наприклад, побудувавши функцію кошика з використанням атомів для утворення молекули.

Організми: атоми і молекули у наших системах дизайну є простими функціональними формами, які можуть бути використані повторно на продукті. Організми трохи складніші й утворюють більші фрагменти нашого продукту. Ми можемо думати про ці організми у наших системах розробки як про групи молекул.

Щоб сформувати функцію пошуку, молекула може поєднуватися з іншою молекулою, яка формує навігацію по сторінках, щоб зробити організм – повну навігацію по сторінках з функцією пошуку. Вони будуть використовуватися в якості чіткого шаблону в продукті.

Шаблони: ми розглянули основну структуру системи дизайну за допомогою атомів, молекул та організмів, і тепер настав час побачити, як ми можемо використовувати їх для створення послідовного продукту. Організми можуть бути використані для створення різних шаблонів більших макетів, які можуть містити декілька функцій.

Ці шаблони потім використовуються для складання більшості точок взаємодії з продуктом.

За матеріалами uxplanet.org

Вам також буде КОРИСНО почитати:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь