25 наших лучших материалов за июнь
Статьи:
— Коллекция «бритв»: крутых ёмких принципов и жизненных правил
— Принципы дизайна интерфейсов для Apple Vision Pro + UI kit для Figma
— Проверяем силу магнетизма
— Пэйволлы: прокачиваем насмотренность
— История цифрового дизайна
— История айдентики Макдональдс
— Декоративное искусство: история ар-деко
— История ар-нуво и Альфонс Муха
— Шпаргалка по доступным областям нажатия
— Чтобы быть креативным, практикуйся
— Манифест медленного дизайна
— Чек-лист по проектированию опыта взаимодействия с пользователем
— Типографический гранж
— Возможности интерфейса дополненной реальности
Плакаты:
— Китайские плакаты к фильмам
— Серия плакатов для Brockmann Font
— Плакаты Виктора Коваленко из Астаны
Айдентика:
— Ребрендинг российского детского издательства Росмэн
Иллюстрации:
— Атмосферные концепты к мультфильму Entergalactic от Netflix
— Иллюстрации Даниила Илиминского из Воткинска
Инструменты:
— Обновление Recraft — бесплатного ИИ-генератора векторных и 3D-иллюстраций
— 8 библиотек с примерами юзерфлоу
— Неизбитые источники вдохновения для UX/UI-дизайнеров: 20 галерей с коллекциями сайтов и приложений
Гайды:
— Промт для ChatGPT в 3 шага
— Гайды по размерам UI-элементов в мобильных приложениях
📖 Как быстро износится виртуальный костюм банана, если он сделан в Китае — Журналус № 361
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Вторая часть цитат из книги Мэтью Болла «Метавселенная: как она меняет наш мир»
— Почему нужно ставить под сомнение работу ИИ-инструментов
— Теория сложности в дизайне
— Два противоположных взгляда на будущее цифровых технологий
— История цифрового дизайна
— Приемы оформления контента внутри таблиц
— Особенности китайского интернета
— Сравнение плагина Stable Diffusion и нейросети Adobe Firefly
— Руководство по использованию новых переменных в Figma
— Записи выступлений с дизайн-конференции Figma Config 2023
— Библиотека удачных изображений от Midjourney с указанием промтов
— Видео, которое должен посмотреть каждый дизайнер
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
🙂 Берлинские граффити: коллекция исчезнувшего искусства, которое осталось только в соцсетях (18+)
Ребята из дизайн-студии «Магвай» написали статью об истории происхождения граффити и рассказали, как путешествовали по берлинским районам в поисках впечатляющего стрит-арта
Авторы выложили фотографии самых интересных берлинских граффити, поделились историями их появления и рассказали о популярных стрит-арт-локациях
awdee.ru/berliner-graffiti
#awd_streetart #awd_art #awd_article
Дизайн упаковки питерской кофейной марки Verlé
В основе минималистичного стиля — стильный гротеск на однотонном фоне и много-много «воздуха»
Упаковка отлично подходит интерьеру кофейни, который также выполнен в ультраминималистичном стиле
Больше картинок: awdee.ru/packaging-design-for-verle
#awd_pack via thedieline.com/blog/2023/6/16/verl-espresso-blends-packaging
Яркие миниатюрные рисунки в винтажных буклетах с образцами красок
Английская художница Рейчел Спеллинг покупает буклеты на распродажах и блошиных рынках, а затем рисует прямо на их поверхности
Она признаётся, что её увлекает взаимосвязь между взрывом оттенков и разнообразием повседневных вещей, которые уравновешивает и упорядочивает строгая сетка
Больше картинок: awdee.ru/rachel-spelling-color-charts
#awd_art via thisiscolossal.com/2023/05/rachel-spelling-color-charts
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
🙂 8 библиотек с примерами юзерфлоу
Мы нашли сайты с референсами удачных юзерфлоу (user flow), которые используют популярные бренды и реальные бизнесы в приложениях и на сайтах. Вы увидите разные примеры и сможете взять на заметку рабочие решения для собственных проектов. Например, там можно посмотреть, как устроен вход в систему в приложении Reddit или процесс оформления заказа в Starbucks
awdee.ru/8-libraries-with-examples-of-userflows
#awd_webtool #awd_tool #awd_ux
Мифы о фрилансе:
Миф 1. Фриланс - это не работа
Представление многих о фрилансерах - это гамак, ноутбук и вид на Бали.
Иногда оно так и есть, но все же фриланс - полноценная работа над проектами, общение с клиентами, правки и конкуренция.
Миф 2. Трудно найти заказчиков
Данный миф разбивается об одно слово - портфолио. Пройти конкуренцию на фрилансе поможет опыт и наличие кейсов, и конечно, желание получить заказ. Реально же заказы для новичка поможет найти ментор, который уже находится в сфере.
Миф 3. На фрилансе нет карьерного роста.
Нет. Повышая свою квалификацию и навыки, можно не только повысить заработок, но и выйти на руководящие должности вне компании, на фриланс площадках. Все зависит от желания, знаний и репутации.
А теперь немного правды:
ProductStar запустил курс по дизайну интерфейсов. Всем будущим фрилансерам на заметку:
— обучат делать эстетичные и удобные интерфейсы на реальных кейсах
— возможность оплатить частями
— уже с первых месяцев помощь с заказами на фриланс-биржах
Кстати, английский на Бали пригодится! Узнать про курс Английского в подарок и дату старта курса можно по ссылке: https://go.productstar.ru/odi
Не забудьте указать промокод ОДИ, он даст вам скидку 50%
Реклама ООО "Тривиум", ИНН 7806297293, erid: LjN8Jvi2T
#промо
🙂 Проверяем силу магнетизма
Станислав Хрусталёв написал новую статью, в которой протестировал приложение Магнит Доставка с позиции клиента
Автор прошёл весь путь пользователя приложения и на каждом шаге проанализировал его функции и интерфейс. В результате он выявил 160 точек для улучшения сервиса в разрезе следующих этапов:
— Узнавание о приложении
— Страница в App Store
— Онбординг
— Поиск товаров
— Каталог и листинг товаров
— Фильтрация и сортировка
— Просмотр карточек товаров
— Авторизация
— Работа с корзиной
— Оформление заказа
— Ожидание доставки
— Оценка заказа
— Получение поддержки
— Повторное использование
В статье вы найдёте множество пруфов в виде скриншотов и gif-изображений, которые помогут наглядно разобраться в том, «что не так» в приложении Магнит Доставка
awdee.ru/testing-the-power-of-magnetism
#awd_article #awd_ux #awd_cx
Дизайн бутылки водки Nan Madol
При контакте с водой на этикетке появляются символы, которые «рассказывают» историю о загадочном архипелаге в Микронезии — Нан Мадоле
На этом кайфовый дизайн не заканчивается: необычная форма бутылки и пробки, а также текст, нанесённый на плечо, отлично дополняют образ
Больше картинок: awdee.ru/nan-madol-packaging
#awd_pack via packagingoftheworld.com/2022/11/nan-madol.html
Наглядная визуализация движения электронов вокруг атома (minutephysics)
Автора видео не устраивали существующие модели, так как упрощённые не отражают реальную природу электронов, а научно достоверные слишком сложны для восприятия. Поэтому он на основе волновых функций срендерил собственные модели, которые одинаково достоверны и наглядны
На картинках — примеры разных электронов. Каждый шарик — возможное положение электрона, а всё множество шариков — волновая функция. Чем выше плотность шариков, тем выше вероятность нахождения там электрона
Можно заметить, что у некоторых атомов облака больше — всё дело в том, что чем больше энергия электрона, тем дальше он может находиться от ядра атома
Также важно понимать, что движения шариков показывают не траекторию электрона, а ток вероятности, то есть перемещение областей, где может находиться электрон согласно волновой функции
📼 Версия на русском языке
Другие интересные примеры визуализаций:
— Трёхмерная визуализация масштабов объектов во Вселенной
— Анимированная визуализация всего объёма воды на Земле
— Визуализация полезных ископаемых, добытых из различных месторождений
— Визуализация того, как Юпитер и его гравитация «удерживают» наш пояс астероидов
Рейтинг лучших курсов для дизайнеров с реальными отзывами учеников
Tutortop — образовательный маркетплейс №1, где представлено больше 5000 курсов от более чем 300 школ и все их можно сравнить по рейтингу, цене и отзывам, а еще купить дешевле, чем напрямую 🔥
Подборка из топовых курсов для дизайнеров от tutortop:
— Профессия «Веб-дизайнер + стажировка в студии» от дизайн-студии Логомашина. Рейтинг 4.9 из 5.
— Курс «UX/UI: дизайнер цифровых продуктов» от школы креативных дисциплин Bang Bang Education. Рейтинг 4.8 из 5.
— Профессия «Графический дизайнер с нуля до PRO» + Английский для дизайнеров в подарок от онлайн-школы дизайна Contented. Рейтинг 4.8 из 5.
И бонусом бесплатный курс от Video Smile «Быстрый старт в After Effects».
⚡️Получите скидку до 10 000 ₽ на сотни курсов по дизайну на маркетплейсе tutortop
#промо
Вдохновляющая коллекция фотографий Антона Реппонена
Крутейшие видовые кадры со всего мира с шикарной постобработкой
Больше фото: awdee.ru/repponen-photography
#awd_art #awd_photo via work.repponen.com/Photography
Портфолио аниматора Клемана Морена из Нормандии
Больше анимаций: awdee.ru/clement-morin
#awd_motion #awd_3D via instagram.com/clementmor1
Айдентика Ботанического сообщества Káktos в барселонском районе Эшампле
Káktos — некоммерческая культурная ассоциация для людей, которые разделяют любовь ко всему, что связано с природой. Авторы проекта проводят мастер-классы по приготовлению натуральных коктейлей, росписи по керамике, созданию собственного террариума. Они предоставляют помещение ассоциации в аренду для проведения мероприятий и могут позаботиться о растениях, когда их владельцы уезжают из города
Стиль бренда построен на экспериментах с типографикой и вёрсткой, которые создают ощущение структурированного хаоса
Особенно круто смотрится наложение текстовых блоков, а также вкрапление мелких надписей и рисунков в основной текст
Больше картинок: awdee.ru/kaktos-botanical-society-identity
#awd_identity via behance.net/gallery/173602817/Kaktos-Botanical-Society
Кстати, если вы тоже пишете о дизайне, и хотели бы публиковаться на Оди, пишите в личку @kirillgreen или на inbox@awdee.ru
Мы с удовольствием познакомим аудиторию нашего сайта и соцсетей с вашими полезными и интересными статьями, эссе и заметками обо всём, что связано с профессией дизайнера
Магия эшеровской графики в интерпретации Синты Видаль из Барселоны
Кстати, на нашем сайте есть большая коллекция из почти 700 работ самого Маурица Эшера: awdee.ru/esher
Больше иллюстраций: awdee.ru/cinta-vidal-portfolio
#awd_illustration #awd_art via cintavidal.com/portfolio
Ребрендинг французской марки рыбных консервов L’Atelier du Poissonnier
В логотипе-ромбе «живёт» симпатичная рыбка, узоры на его основе символизируют изобилие рыбы в составе, а этикетки в форме ромба отлично завершают образ
Изящная типографика подчёркивает аутентичный характер бренда
Больше картинок: awdee.ru/rebranding-the-french-canned-fish-brand-latelier-du-poissonnier
#awd_identity #awd_pack via yorgo.co/work_client_atelier-du-poissonnier_visual-identity-292
Цифровой журнал Lunatum Mag
Новый проект Наташи Климчук и Оли Морозовой, соосновательниц школы Bang Bang Education — медиа об искусстве, философии и самоиронии.
В телеграм-канале журнала @lunatummag — статьи, записи бесед, тизеры будущего фильма про дизайн стула и философию.
Все посты на английском, но для тех, у кого это может вызвать трудности, у телеграма есть функция автоматического перевода.
Несколько материалов для ознакомления:
→ Статья промышленного дизайнера Мартина Хюдеполя о будущем с нейросетями
→ Беседа с Лукой Ло Пинто, директором музея современного искусства MACRO в Риме
→ Подборка необычных стульев
Присоединяйтесь к публичному исследованию современного мира вместе с художниками и мыслителями, чтобы попытаться найти точку опоры в вихре сегодняшнего дня.
#ad
🙂 Неизбитые источники вдохновения для UX/UI-дизайнеров: 20 галерей с коллекциями сайтов и приложений
В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде 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
Айдентика ресторана 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
Мифы о фрилансе:
Миф 1. Фриланс - это не работа
Представление многих о фрилансерах - это гамак, ноутбук и вид на Бали.
Иногда оно так и есть, но все же фриланс - полноценная работа над проектами, общение с клиентами, правки и конкуренция.
Миф 2. Трудно найти заказчиков
Данный миф разбивается об одно слово - портфолио. Пройти конкуренцию на фрилансе поможет опыт и наличие кейсов, и конечно, желание получить заказ. Реально же заказы для новичка поможет найти ментор, который уже находится в сфере.
Миф 3. На фрилансе нет карьерного роста.
Нет. Повышая свою квалификацию и навыки, можно не только повысить заработок, но и выйти на руководящие должности вне компании, на фриланс площадках. Все зависит от желания, знаний и репутации.
А теперь немного правды:
ProductStar запустил курс по дизайну интерфейсов. Всем будущим фрилансерам на заметку:
— обучат делать эстетичные и удобные интерфейсы на реальных кейсах
— возможность оплатить частями
— уже с первых месяцев помощь с заказами на фриланс-биржах
Кстати, английский на Бали пригодится! Узнать про курс Английского в подарок и дату старта курса можно по ссылке: https://go.productstar.ru/odi
Не забудьте указать промокод ОДИ, он даст вам скидку 50%
Реклама ООО "Тривиум", ИНН 7806297293, erid: LjN8Jvi2T
Цифровой журнал Lunatum Mag
Новый проект Наташи Климчук и Оли Морозовой, соосновательниц школы Bang Bang Education — медиа об искусстве, философии и самоиронии.
В телеграм-канале журнала @lunatummag — статьи, записи бесед, тизеры будущего фильма про дизайн стула и философию.
Все посты на английском, но для тех, у кого это может вызвать трудности, у телеграма есть функция автоматического перевода.
Несколько материалов для ознакомления:
→ Статья промышленного дизайнера Мартина Хюдеполя о будущем с нейросетями
→ Беседа с Лукой Ло Пинто, директором музея современного искусства MACRO в Риме
→ Подборка необычных стульев
Присоединяйтесь к публичному исследованию современного мира вместе с художниками и мыслителями, чтобы попытаться найти точку опоры в вихре сегодняшнего дня.
#ad
🙂 Возможности интерфейса дополненной реальности
Перевод статьи Люка Вроблевски, в которой он на разных примерах разбирает базовые сценарии применения дополненной реальности. В ней автор рассказывает, как реализовать взаимодействие с объектами реального мира при помощи AR
awdee.ru/augmented-reality-ui-speculation
#awd_article #awd_techno
🙂 Типографический гранж
Егор Цеманек написал новую статью о бунтарском стиле гранж в типографике. История гранжа началась в 1992 году с появления рок-журнала «Ray Gun», который выпускал американский графический дизайнер Дэвид Карсон
Он оформлял «Ray Gun» в технике «разрывания, измельчения и перекройки букв» с «преднамеренными ошибками в вёрстке». Использовал текстуры, стилизованные под царапины и подтёки, искажал, растягивал и искривлял отдельные буквы, слова и строки
В результате стиль гранж стал одной из модных тенденций 90-х. А в конце 2010-х, после временного затишья, вновь вернулся в графический дизайн в ответ на упрощение и минимализм
awdee.ru/typographic-grunge
#awd_article #awd_typo #awd_retro
«Географический атлас мира: Композиция среды, окружающей человека» 1953 года
Выпускник Баухауса, дизайнер Герберт Байер (1900–1985) составил и разработал географический атлас мира, который хотел превратить в повествование о человеке и географии
Чтобы найти нужные данные и карты, Байер много путешествовал по Европе. При сотрудничестве с другими дизайнерами он создал модернистский графический язык, который никогда ранее не применяли в картографии. При работе над книгой он использовал теории цвета Эгберта Якобсена, статистические представления демографических и социальных данных Отто Нейрата и основы динамичного дизайна Мохой-Надя
Окончательный макет сверстали в виде двухстраничных разворотов для целостного восприятия информации
🇬🇧 Больше информации об атласе и его авторе: codex99.com/design/the-world-geographical-atlas.html
Больше картинок: awdee.ru/the-world-geo-graphical-atlas
#awd_infographic #awd_retro
🙂 Чек-лист по проектированию опыта взаимодействия с пользователем
Перевод подробного чек-листа Энтони Хобдея для создания качественного интерфейса. Автор включил в него 15 крупных направлений веб-дизайна: контекст, UX-копирайтинг, коммуникация с пользователем, навигация, последовательность, элементы интерфейса, мобильный дизайн и многое другое
awdee.ru/the-interaction-design-syllabus
#awd_article #awd_ux #awd_edu
Иллюстрации Суканто Дебната из Венгрии
Больше иллюстраций: awdee.ru/sukanto-debnath-illustrations
#awd_illustration #awd_art via behance.net/gallery/171842245/Untitled-Personal-Project
Figma вместо кода. Если вы хотите работать в IT, но с визуальными образами — похоже, в душе вы дизайнер интерфейсов. Освойте эту профессию в Яндекс Практикуме и создавайте удобный и красивый облик приложений.
Три факта о профессии:
— Дизайнеры интерфейсов работают на стыке IT и креативной сферы.
— Им не обязательно уметь рисовать, важнее работать с композицией, типографикой и колористикой.
— По данным Хабр Карьеры, начинающий UX/UI-дизайнер получает в среднем 47 050 ₽ в месяц, а опытный — 98 988 ₽ в месяц.
Четыре факта о курсе:
1) Учёбу можно совмещать с работой: в приложении можно учиться 24/7, даже в метро или в очереди к врачу.
2) Много практики: вы соберёте портфолио из шести сайтов и приложений и можете попробовать себя в коммерческом проекте.
3) На курсе работает команда поддержки: кураторы мотивируют не дают всё бросить, наставники объясняют сложные темы, ревьюеры проверяют проекты.
4) Готовим к трудоустройству в два этапа: сначала работаем вместе с вами над резюме и портфолио, потом — составляем план поиска работы, предлагаем вакансии и сопровождаем до оффера.
→ Оставьте заявку и сделайте первый шаг к карьере в IT
#промо