Перевод подробного чек-листа Энтони Хобдея для создания качественного интерфейса. Автор включил в него 15 крупных направлений веб-дизайна: контекст, UX-копирайтинг, коммуникацию с пользователем, навигацию, последовательность, элементы интерфейса, мобильный дизайн и многое другое
awdee.ru/the-interaction-design-syllabus
#awd_article #awd_ux #awd_edu
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Чек-лист по проектированию опыта взаимодействия с пользователем — Оди. О дизайне
Перевод подробного чек-листа Энтони Хобдэя, который поможет создать качественный интерфейс. Автор включил в него 15 крупных направлений веб-дизайна: контекст, UX-копирайтинг, коммуникацию с пользователем, навигацию, последовательность, элементы интерфейса…
👍10🔥5
«Географический атлас мира: Композиция среды, окружающей человека» 1953 года
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
🇬🇧 Больше информации об атласе и его авторе: codex99.com/design/the-world-geographical-atlas.html
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥6🆒1
Forwarded from Рациональные числа
Наглядная визуализация движения электронов вокруг атома (minutephysics)
Автора видео не устраивали существующие модели, так как упрощённые не отражают реальную природу электронов, а научно достоверные слишком сложны для восприятия. Поэтому он на основе волновых функций срендерил собственные модели, которые одинаково достоверны и наглядны
На картинках — примеры разных электронов. Каждый шарик — возможное положение электрона, а всё множество шариков — волновая функция. Чем выше плотность шариков, тем выше вероятность нахождения там электрона
Можно заметить, что у некоторых атомов облака больше — всё дело в том, что чем больше энергия электрона, тем дальше он может находиться от ядра атома
Также важно понимать, что движения шариков показывают не траекторию электрона, а ток вероятности, то есть перемещение областей, где может находиться электрон согласно волновой функции
📼 Версия на русском языке
Другие интересные примеры визуализаций:
— Трёхмерная визуализация масштабов объектов во Вселенной
— Анимированная визуализация всего объёма воды на Земле
— Визуализация полезных ископаемых, добытых из различных месторождений
— Визуализация того, как Юпитер и его гравитация «удерживают» наш пояс астероидов
Автора видео не устраивали существующие модели, так как упрощённые не отражают реальную природу электронов, а научно достоверные слишком сложны для восприятия. Поэтому он на основе волновых функций срендерил собственные модели, которые одинаково достоверны и наглядны
На картинках — примеры разных электронов. Каждый шарик — возможное положение электрона, а всё множество шариков — волновая функция. Чем выше плотность шариков, тем выше вероятность нахождения там электрона
Можно заметить, что у некоторых атомов облака больше — всё дело в том, что чем больше энергия электрона, тем дальше он может находиться от ядра атома
Также важно понимать, что движения шариков показывают не траекторию электрона, а ток вероятности, то есть перемещение областей, где может находиться электрон согласно волновой функции
Другие интересные примеры визуализаций:
— Трёхмерная визуализация масштабов объектов во Вселенной
— Анимированная визуализация всего объёма воды на Земле
— Визуализация полезных ископаемых, добытых из различных месторождений
— Визуализация того, как Юпитер и его гравитация «удерживают» наш пояс астероидов
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥28👍5❤2🔥2🦄1
Егор Цеманек написал новую статью о бунтарском стиле гранж в типографике. История гранжа началась в 1992 году с появления рок-журнала «Ray Gun», который выпускал американский графический дизайнер Дэвид Карсон
Он оформлял «Ray Gun» в технике «разрывания, измельчения и перекройки букв» с «преднамеренными ошибками в вёрстке». Использовал текстуры, стилизованные под царапины и подтёки, искажал, растягивал и искривлял отдельные буквы, слова и строки
В результате стиль гранж стал одной из модных тенденций 90-х. А в конце 2010-х, после временного затишья, вновь вернулся в графический дизайн в ответ на упрощение и минимализм
awdee.ru/typographic-grunge
#awd_article #awd_typo #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Типографический гранж — Оди. О дизайне
В Сиэтле 80-х годов формируется новое поколение музыкантов. В их тесных гаражах мешается панк-рок и хэви-метал, расцветает андеграунд. Однажды вокалист Марк Арм пишет письмо в журнал, в котором описывает музыку своей группы словами: «Полная грязь (grunge)!…
🔥12
Дизайн бутылки водки Nan Madol
При контакте с водой на этикетке появляются символы, которые «рассказывают» историю о загадочном архипелаге в Микронезии — Нан Мадоле
На этом кайфовый дизайн не заканчивается: необычная форма бутылки и пробки, а также текст, нанесённый на плечо, отлично дополняют образ
Больше картинок: awdee.ru/nan-madol-packaging
#awd_pack via packagingoftheworld.com/2022/11/nan-madol.html
При контакте с водой на этикетке появляются символы, которые «рассказывают» историю о загадочном архипелаге в Микронезии — Нан Мадоле
На этом кайфовый дизайн не заканчивается: необычная форма бутылки и пробки, а также текст, нанесённый на плечо, отлично дополняют образ
Больше картинок: awdee.ru/nan-madol-packaging
#awd_pack via packagingoftheworld.com/2022/11/nan-madol.html
❤30🔥14👎1
Media is too big
VIEW IN TELEGRAM
Перевод статьи Люка Вроблевски, в которой он на разных примерах разбирает базовые сценарии применения дополненной реальности. В ней автор рассказывает, как реализовать взаимодействие с объектами реального мира при помощи AR
awdee.ru/augmented-reality-ui-speculation
#awd_article #awd_techno
Please open Telegram to view this post
VIEW IN TELEGRAM
👎19👍15❤🔥1🔥1
Станислав Хрусталёв написал новую статью, в которой протестировал приложение Магнит Доставка с позиции клиента
Автор прошёл весь путь пользователя приложения и на каждом шаге проанализировал его функции и интерфейс. В результате он выявил 160 точек для улучшения сервиса в разрезе следующих этапов:
— Узнавание о приложении
— Страница в App Store
— Онбординг
— Поиск товаров
— Каталог и листинг товаров
— Фильтрация и сортировка
— Просмотр карточек товаров
— Авторизация
— Работа с корзиной
— Оформление заказа
— Ожидание доставки
— Оценка заказа
— Получение поддержки
— Повторное использование
В статье вы найдёте множество пруфов в виде скриншотов и gif-изображений, которые помогут наглядно разобраться в том, «что не так» в приложении Магнит Доставка
awdee.ru/testing-the-power-of-magnetism
#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Проверяем силу магнетизма — Оди. О дизайне
Сегодня мы пройдемся по всему клиентскому пути приложения Магнит Доставка и проверим, насколько хорошо оно притягивает и удерживает своих пользователей. В статье – 160 точек роста.
❤11👍4🔥4🤔1
Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно посмотреть, как устроен вход в систему в приложении Reddit или процесс оформления заказа в Starbucks
awdee.ru/8-libraries-with-examples-of-userflows
#awd_webtool #awd_tool #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
8 библиотек с примерами юзерфлоу — Оди. О дизайне
Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно…
👍17🔥8🤷♂1
Айдентика ресторана YouTube Shorts
В 2021 году YouTube запустил платформу для обмена короткими видеороликами YouTube Shorts
Год назад представители YouTube Shorts открыли в Калифорнии ресторан в стиле 90-х, который работает в режиме drive-thru. В качестве логотипа они поставили логотип сервиса YouTube Shorts в виде буквы «S». А в партнерстве с 18 лучшими создателями шортсов выпустили 18 уникальных закусок. Дизайн упаковки каждой из них отсылает к стилю и шуткам одного из исполнителей, понятным только его поклонникам
Стиль получился сочным и эклектичным. Просто всплеск веселья и ярких красок!
Больше картинок: awdee.ru/youtube-shorts-restaurant-identity
#awd_identity #awd_pack via underconsideration.com/brandnew/archives/new_identity_and_packaging_for_youtube_shorts_drive_thru_activation.php
В 2021 году YouTube запустил платформу для обмена короткими видеороликами YouTube Shorts
Год назад представители YouTube Shorts открыли в Калифорнии ресторан в стиле 90-х, который работает в режиме drive-thru. В качестве логотипа они поставили логотип сервиса YouTube Shorts в виде буквы «S». А в партнерстве с 18 лучшими создателями шортсов выпустили 18 уникальных закусок. Дизайн упаковки каждой из них отсылает к стилю и шуткам одного из исполнителей, понятным только его поклонникам
Стиль получился сочным и эклектичным. Просто всплеск веселья и ярких красок!
Больше картинок: awdee.ru/youtube-shorts-restaurant-identity
#awd_identity #awd_pack via underconsideration.com/brandnew/archives/new_identity_and_packaging_for_youtube_shorts_drive_thru_activation.php
❤16🔥4🤔3🌚1👀1
В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде Behance, Dribbble, Awwwards и Pinterest
Некоторые представленные галереи специализируются на отдельных типах сайтов, например выкладывают только интернет-магазины или сайты агентств. Другие публикуют сайты в одном стиле, например, брутальные или минималистичные
Есть разнообразные коллекции с тысячами примеров разных сайтов, где их можно отфильтровать по цвету, шрифтам, стилю, отрасли, платформе и другим параметрам
awdee.ru/unbroken-sources-of-inspiration-for-ux-ui-designers-20-galleries-with-collections-of-websites-and-apps
#awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Неизбитые источники вдохновения для UX/UI-дизайнеров: 20 галерей с коллекциями сайтов и приложений — Оди. О дизайне
В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде Behance, Dribbble, Awwwards и Pinterest. Некоторые представленные галереи специализируются на отдельных типах сайтов, например выкладывают…
❤20👍6🔥2🤔1
Lithium — бесплатная выразительная антиква с кириллицей
Вытянутый шрифт с декоративным характером, ярко выраженными засечками и острыми выносными элементами. Хорошо подойдёт для плакатов, айдентики и музыкальных обложек
Одно начертание. Есть кириллица, латиница, нумерация и несколько специальных символов
Шрифт доступен бесплатно
Скачать: design.hse.ru/system/uploads/files/000/000/261/original/Lithium_tf.otf
Смотреть: portfolio.hse.ru/Project/141890
Больше картинок: awdee.ru/lithium-font
#awd_font #awd_free_download
Вытянутый шрифт с декоративным характером, ярко выраженными засечками и острыми выносными элементами. Хорошо подойдёт для плакатов, айдентики и музыкальных обложек
Одно начертание. Есть кириллица, латиница, нумерация и несколько специальных символов
Шрифт доступен бесплатно
Скачать: design.hse.ru/system/uploads/files/000/000/261/original/Lithium_tf.otf
Смотреть: portfolio.hse.ru/Project/141890
Больше картинок: awdee.ru/lithium-font
#awd_font #awd_free_download
👍14❤🔥6🔥2😱1
Яркие миниатюрные рисунки в винтажных буклетах с образцами красок
Английская художница Рейчел Спеллинг покупает буклеты на распродажах и блошиных рынках, а затем рисует прямо на их поверхности
Она признаётся, что её увлекает взаимосвязь между взрывом оттенков и разнообразием повседневных вещей, которые уравновешивает и упорядочивает строгая сетка
Больше картинок: awdee.ru/rachel-spelling-color-charts
#awd_art via thisiscolossal.com/2023/05/rachel-spelling-color-charts
Английская художница Рейчел Спеллинг покупает буклеты на распродажах и блошиных рынках, а затем рисует прямо на их поверхности
Она признаётся, что её увлекает взаимосвязь между взрывом оттенков и разнообразием повседневных вещей, которые уравновешивает и упорядочивает строгая сетка
Больше картинок: awdee.ru/rachel-spelling-color-charts
#awd_art via thisiscolossal.com/2023/05/rachel-spelling-color-charts
❤🔥18🔥3❤1