 |
«АТОМНЫЙ» Веб-дизайн
Для создания оптимизированных систем дизайна возможно использовать концепцию программирования и разработки Атомный дизайн – это новый метод построения эффективных пользовательских интерфейсов снизу вверх, которая основана на аналогии с химией. Шаг 1 Создание «Атомов» Шаг 2 Создание «Молекул» Шаг 3 Создание «Организмов» Шаг 4 Создание Шаблонов Шаг 5 Создание Страниц
Далее мы рассмотрим модель и строение атомного дизайна.
В ее состав входит 5 элементов, которые в свою очередь, состоят из групп компонентов, представленных ранее. Все они создают понятную и логичную систему дизайна интерфейсов.
1. Атомы – это основные HTML элементы: кнопки, ярлыки, поля форм, к ним относятся: шрифты, цвета, разрешения и другие CSS правила.
2. Молекулы – это строка поиска или рекомендованные посты в правой панели, следующий элемент иерархии атомного дизайна, состоящие из групп атомов. Их основная функция – поддержание и дополнение друг друга.
3. Организмы – более сложные компоненты, к ним относятся: хедер, футер и боковая панель. Состоят из разных типов молекул.
4. Шаблоны – составляющие страницы без финального контента. Основная функция – представление итогового варианта продукта.
5. Страницы. На данном этапе, шаблоны приобретают вид конечного интерфейса. Страницы позволяют дизайнерам тестировать готовый интерфейс, для оценки эффективности различных метрик.
Стоит отметить, что для создания эффективного UI, необходимо разработать и протестировать различные варианты шаблонов.
Суть концепции « Атомного дизайна» — построение иерархии от простого к сложному. В результате получается полноценная система элементов, которая создает единый интерфейс.
Контактное лицо: Александра (написать письмо автору)
Компания: ATOM Media (все новости этой организации)
Добавлен: 09:48, 20.05.2017
Количество просмотров: 687
| «1С‑Рарус» ускорил бюджетирование на Ижевском радиозаводе с 1С:Корпорация, 1С-Рарус, 23:24, 14.04.2026, Россия |
131 |
| Ижевский радиозавод и «1С-Рарус» завершили внедрение централизованной системы бюджетирования и финансового планирования. Система создана на базе комплекса решений «1С:Корпорация». Проект охватил 10 юрлиц предприятия с автоматизацией 500 рабочих мест. Внедрение на 10% ускорило ежегодный процесс бюджетирования. |
|
| Выручка GreenData за 2025 год превысила 1,8 млрд рублей, GreenData, 23:24, 14.04.2026, Россия |
104 |
| Компания GreenData, российский разработчик low-code-платформы, объявила финансовые результаты за 2025 год. Несмотря на возросшую налоговую нагрузку и сложность проектов, выручка компании увеличилась на 25%, а прибыль (EBITDA) выросла более чем в 5 раз. |
 |
| Minervasoft: Спрос на ИИ-базы знаний вырос втрое, Minervasoft, 23:24, 14.04.2026, Россия |
104 |
| По итогам 2025 года спрос на базы знаний с искусственным интеллектом увеличился в три раза. На динамику рынка повлияла синергия факторов: глобальный тренд на внедрение ИИ-ассистентов и острая потребность бизнеса в оптимизации работы линейного персонала. |
 |
| «Группа Астра» представила неизменяемый режим Astra Linux Server для растущего рынка контейнеризации, Группа Астра, 23:22, 14.04.2026, Россия |
101 |
| «Группа Астра», ведущий российский разработчик инфраструктурного ПО, представила неизменяемый (immutable) режим работы Astra Linux Server. Новый режим предназначен для запуска прикладного ПО в контейнерах с использованием Docker, Podman или Kubernetes. Он позволяет организовать инфраструктуру как код, снизить затраты на развертывание и обновление ОС, а также повысить удобство администрирования. |
|
| «Группа Астра» представила неизменяемый режим Astra Linux Server для растущего рынка контейнеризации, "Группа Астра", 23:13, 14.04.2026, Россия |
107 |
| «Группа Астра», ведущий российский разработчик инфраструктурного ПО, представила неизменяемый (immutable) режим работы Astra Linux Server. Новый режим предназначен для запуска прикладного ПО в контейнерах с использованием Docker, Podman или Kubernetes. Он позволяет организовать инфраструктуру как код, снизить затраты на развертывание и обновление ОС, а также повысить удобство администрирования. |
|
|
 |