 |
«АТОМНЫЙ» Веб-дизайн
Для создания оптимизированных систем дизайна возможно использовать концепцию программирования и разработки
Атомный дизайн – это новый метод построения эффективных пользовательских интерфейсов снизу вверх, которая основана на аналогии с химией.
Шаг 1 Создание «Атомов»
Шаг 2 Создание «Молекул»
Шаг 3 Создание «Организмов»
Шаг 4 Создание Шаблонов
Шаг 5 Создание Страниц
Далее мы рассмотрим модель и строение атомного дизайна.
В ее состав входит 5 элементов, которые в свою очередь, состоят из групп компонентов, представленных ранее. Все они создают понятную и логичную систему дизайна интерфейсов.
1. Атомы – это основные HTML элементы: кнопки, ярлыки, поля форм, к ним относятся: шрифты, цвета, разрешения и другие CSS правила.
2. Молекулы – это строка поиска или рекомендованные посты в правой панели, следующий элемент иерархии атомного дизайна, состоящие из групп атомов. Их основная функция – поддержание и дополнение друг друга.
3. Организмы – более сложные компоненты, к ним относятся: хедер, футер и боковая панель. Состоят из разных типов молекул.
4. Шаблоны – составляющие страницы без финального контента.
Основная функция – представление итогового варианта продукта.
5. Страницы. На данном этапе, шаблоны приобретают вид конечного интерфейса.
Страницы позволяют дизайнерам тестировать готовый интерфейс, для оценки эффективности различных метрик.
Стоит отметить, что для создания эффективного UI, необходимо разработать и протестировать различные варианты шаблонов.
Суть концепции « Атомного дизайна» — построение иерархии от простого к сложному. В результате получается полноценная система элементов, которая создает единый интерфейс.
Контактное лицо: Александра (написать письмо автору)
Компания: ATOM Media (все новости этой организации)
Добавлен: 09:48, 20.05.2017
Количество просмотров: 696
| Быстрее самолётов: в аэрогавани «Нерюнгри» увеличили скорости 4G, МегаФон, 23:01, 30.06.2026, Россия |
193 |
| Пассажирам и сотрудникам аэропорта «Нерюнгри» в Чульмане стал доступен более быстрый мобильный интернет МегаФона. Техническая служба оператора запустила в воздушной гавани базовую станцию с поддержкой LTE. Благодаря проведённым работам скорости передачи данных теперь достигают 75 Мбит/с. |
|
| От «умного дома» до прогулок у озера — в Тюмени улучшили связь для тысяч новосёлов, МегаФон, 23:01, 30.06.2026, Россия |
196 |
| МегаФон запустил новые базовые станции в семи жилых комплексах областного центра Тюменской области: «Юнион», «Централь», «Новый», «Дивный квартал у озера», «Опера», «Мотивы», «Ново Комарово». Новостройки находятся в разных точках города, в общей сложности в них уже проживают несколько тысяч человек, ещё столько же готовятся к новоселью. |
|
| МегаФон увеличил покрытие на региональной трассе в Удмуртии, МегаФон, 23:00, 30.06.2026, Россия |
200 |
| МегаФон запустил новые базовые станции в населённых пунктах, прилегающих к региональной автодороге, соединяющей Сарапул и Камбарку: теперь жители сёл Мазунио и Тарасово будут на связи с близкими и друзьями, смогут пользоваться цифровыми сервисами. Для автомобилистов в этих локациях стали доступны голосовые вызовы, загрузка карт, использование навигационных сервисов. |
|
| «ПрограмБанк» внедрил нейросетевую верификацию лиц, Компания ПрограмБанк, 22:58, 30.06.2026, |
200 |
| Технология не только снижает риски мошенничества, но и исключает дублирование записей в базе данных при изменении клиентом ФИО, документа, удостоверяющего личность, или номера телефона. |
|
|
|
