Коллекция годных примеров интерактивной анимации элементов сайта

На сайте Web Interactions Gallery собраны хорошие примеры реализации переходов между страницами, индикаторов загрузки, появления секций и меню сайта. Сейчас в коллекции порядка 120 примеров, они разбиты на типы и сопровождаются коротким видео

webinteractions.gallery

#awd_web #awd_site #awd_collection #awd_ui

#цитата_дня

Мы рано перестаем удивляться, рано утрачиваем способность, которая побуждает интересоваться вещами, не затрагивающими непосредственно нашего существования... Вода была бы, без сомнения, самым удивительным веществом в природе, а Луна — наиболее поразительным зрелищем на небе, если бы то и другое не попадалось на глаза слишком часто

Яков Перельман, статья «Что такое занимательная наука»

Визуальные исследования материалов и сред

Ребята из студии Максима Жесткова Media.Work делают ролики, в которых с помощью 3D-анимаций визуально исследуют поведение различных текстур, предметов и процессов в виртуальной среде

Все работы отличаются высоким уровнем графики и анимаций

Смотреть проекты: awdee.ru/visual-examinations-of-materials-and-media

#awd_video #awd_motion #awd_3D via media.work

Логотип лондонского стейк-хауса Zelman Meats

Классный пример работы с контрформой. В знаке одновременно чётко считываются и поварские ножи, и первая литера названия ресторана

Больше картинок: awdee.ru/the-logo-of-london-steakhouse-zelman-meats

#awd_logo via logodesignlove.com/zelman-meats

#цитата_дня

По мере того как живописцы, а затем и ученые, все более четко разграничивали цвета на «главные» и «второстепенные», зеленый понемногу стал превращаться в одного из антагонистов красного. А поскольку красный с давних пор воспринимался как символ запрета, его антагонист, зеленый, со временем стал символом дозволенности. Один из первых примеров использования такого принципа — двухцветная сигнализация в некоторых портах Северного и Балтийского морей, установленная в 1760–1780-х годах: зеленый бакен означал, что корабли могут заходить в порт, красный — что заход запрещен

«Зеленый. История цвета», Мишель Пастуро

Стиль кофейни Lodetto

Заведение находится в Эль-Равале, оживлённом районе Барселоны. Вдохновлённые фэнзинами хардкора и панк-рока 80-х и 90-х годов, дизайнеры пытались найти баланс между экспрессией и элегантностью

В результате их идея превратилась в стильную айдентику с контрастной цветовой палитрой, харизматичными размашистыми иллюстрациями и размашистым же леттерингом

Больше картинок: awdee.ru/lodetto-cafe-identity

#awd_logo #awd_identity via behance.net/gallery/155839005/Lodetto

Свежая серия изометрических домиков Штефана Гроссе Хальбуера из Германия

Больше картинок: awdee.ru/a-fresh-series-of-isometric-lodges-by-stefan-grosse-halboer-from-germany

#awd_illustration via behance.net/gallery/191317095/Curious-Cabins-3

#цитата_дня

Вот 10 главных принципов быстрого приобретения навыка.
1. Выберите привлекательный проект
2. Сосредоточьтесь на каком-то одном навыке
3. Определите целевой уровень мастерства
4. Разбейте навык на элементы
5. Приготовьте все необходимое для занятий
6. Устраните препятствия для занятий
7. Выделите специальное время для занятий
8. Создайте быстрые петли обратной связи
9. Занимайтесь по расписанию, короткими интенсивными интервалами
10. Уделяйте внимание количеству и скорости

«Первые 20 часов. Как быстро научиться... чему угодно», Джош Кауфман

Плакаты Димы Пантюшина из Москвы

Больше плакатов: awdee.ru/posters-by-dima-pantyushin-from-moscow

#awd_poster via instagram.com/d.pantyushin

Наши лучшие материалы за май

Рубрика «Мнения»:
— Как защищать свои дизайн-решения перед требовательными клиентами
— Как находить визуальные образы для передачи сложных идей и смыслов

Рубрика «Личные правила в дизайне»:
— Олег Пащенко
— Илона Саркисова
— Серёжа Мекрюков
— Ольга Коваленко

Рубрика «Пять вопросов дизайнеру»:
— Леонид Ивахов
— Денис Золотарёв

Дизайн-приёмы:
— Намеренный бардак в презентации дизайна
— Блюр на тексте

Тренды:
— Корявые рукописные шрифты

Статьи:
— Короткая, но яркая жизнь журнала Eros из 60-х: дизайн Герба Любалина
— Как учиться UX-дизайну бесплатно, без онлайн-курсов и без пиратства
— Проектируем избранное в e-com приложении

Плакаты:
— Плакаты французского графического дизайнера Михала Батори

Логотипы:
— Логотип лондонского стейк-хауса Zelman Meats

Дизайн упаковки:
— Воздушный, как облачко: упаковки перуанских десертов Tarta De Queso
— Дизайн молотого кофе 7 A.M.

Иллюстрации:
— Брутальные работы Паши Бумажного из Питера

Обложки:
— Аппетитные обложки кулинарного журнала Crumbs

Инструменты:
— Adobe выпустил открытую бету Project Neo: браузерного 3D-редактора для создания трёхмерной графики из 2D-фигур
— Шесть инструментов для работы с цветами в пространстве OKLCH

Бесплатные исходники:
— 10 бесплатных Figma-библиотек с шаблонами страниц и UI-элементами

#цитата_дня

… многие расценивают беседу с заказчиками как возможность поговорить о себе и похвастаться своими умениями и достижениями. Как правило, это те же, кто жалуется, что их работы часто отвергают или что им не дают «делать то, что хочется». И неудивительно. Они виновны в самом страшном преступлении, которое только может совершить графический дизайнер: демонстрируют зацикленность на себе и собственный ограниченный кругозор. Для амбициозного дизайнера эта ошибка фатальна. Чтобы побороть инстинкт саморекламы, на время встречи с клиентами я следую такому правилу: не говорить о себе, пока не попросят. Вместо этого я даю клиентам возможность высказаться, расспрашиваю об их бизнесе, держу их в центре внимания. И тогда происходит небольшое чудо — они (как правило) смотрят мне в лицо и говорят: «Хорошо, а теперь расскажите о себе»

«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси

Студенческий проект айдентики шоколадного фестиваля «Плитка»

Авторы использовали простой, но очень точный графический код — формы случайных сколов и крошек шоколада

Больше картинок: awdee.ru/plitka-festival-identity

#awd_identity via worldbranddesign.com/student-brand-design-concept-for-chocolate-festival-plitka

#цитата_дня

Задача дизайна — дать нам понять, каков возможный набор действий, какое из них предпринять и как это сделать. Когда мы что-то делаем, мы хотим иметь представление о ходе процесса, а по его завершении понимать, что изменилось

«Дизайн вещей будущего», Дональд Норман

Плакаты Стаса Полякова из Барселоны

Больше плакатов: awdee.ru/plakaty-stasa-polyakova

#awd_poster via behance.net/plkv

#цитата_дня

Есть ли в вашем расписании время, которое вы уделяете только себе? Если да, то сколько времени? Если вы не уделяете себе времени, то вы никогда не узнаете, кто вы, что вам нужно для счастья и что вам необходимо сделать, чтобы реализовать свою мечту. Если вы не находите времени (или его очень мало), чтобы побыть в одиночестве и подумать, вы саботируете себя

«Самосаботаж. Преодолеть себя», Карен Берг

🇬🇧 Что такое закон Эшби и как применить его в UX-дизайне

Деян Благич написал статью о том, как проектировать любые интерфейсы, чтобы пользователь без труда научился ими управлять

Когда человек хранит информацию об интерфейсе в долговременной памяти, он помнит только его общие характеристики, а не все детали. То есть наш мозг стремится к экономии усилий и упрощению. Поэтому, чтобы людям было легче взаимодействовать с интерфейсом, он должен соответствовать их ментальной модели

Эта мысль раскрывает главную идею закона Эшби в контексте UX-дизайна — «сложность интерфейса должна соответствовать ментальной модели человека»

Для более простых приложений необходим более низкий уровень когнитивной сложности, чтобы пользователи могли легко ориентироваться и взаимодействовать с интерфейсом

Но есть более сложные инструменты, такие как Github, Blender или Photoshop. Они требуют более высокого уровня когнитивной сложности, но при этом могут испугать и оттолкнуть начинающих пользователей своей сложностью

Чтобы решить эту проблему, дизайнеры могут либо упростить сложный интерфейс, либо обучить пользователей, чтобы помочь им освоить инструмент

Правильного баланса между упрощением и обучением можно достичь, если исследовать ментальные модели пользователей. В слишком простом интерфейсе может быть недостаточно необходимых инструментов и опций для экспертов. А слишком сложный интерфейс может отпугнуть новичков от работы с инструментом

Читайте статью полностью: uxdesign.cc/what-is-ashbys-law-and-how-does-it-relate-to-ux-design-e5a51cdf803

#awd_article #awd_ux