🙂️️️️ Практическое руководство по анимации переходов в интерфейсах
Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать плавные и уместные анимации в любом дизайне интерфейсов:
1. Плавное появление и затухание с изменением прозрачности
2. Масштабирование
3. Постоянное направление движения
4. Баланс скорости
5. Приоритеты, порядок и группировка элементов
6. Ориентация в пространстве
Суть всех принципов автор раскрывает на наглядных примерах. К тому же он подчёркивает, что все их можно сразу же применять в любом дизайн-проекте
awdee.ru/transition-animations-a-practical-guide
#awd_ux #awd_article
8 плакатов «великих швейцарцев»
Работы Армина Хоффмана, Йозефа Мююлера-Брокманна, Карла Герстнера и других выдающихся представителей швейцарского стиля, датированные 1958–65 годами
Больше плакатов: awdee.ru/8-plakatov-velikih-shvejtsartsev-raboty-armina-hoffmana-jozefa-myuyulera-brokmanna-karla-gerstnera-i-drugih-vydayushhihsya-predstavitelej-shvejtsarskogo-stilya-datirovannye-1958-65-godami
#awd_poster #awd_swiss via posterhouse.org/blog/exhibition/the-swiss-grid
Коллекция книжных обложек лейпцигского издательства Insel-Bücherei
Просто охренительный (извините) пример того, что такое «формат» и как он работает. Все обложки совершенно разные: разные шрифты, разные цвета и фактуры. Но, благодаря единой конструкции и пропорциям, наклейке с названием и автором и рамке на ней, получается легко запоминающийся и моментально узнаваемый стиль
Без сомнений, если когда-нибудь вам попадется на глаза одна из этих книг, вы сразу подумаете «Ааа, это то самое немецкое издательство!»
Больше обложек смотрите по ссылке: awdee.ru/kollektsiya-knizhnyh-oblozhek-lejptsigskogo-izdatelstva-insel-bucherei
#awd_collection #awd_print #awd_cover
🙂️️️️ Управление цветом: что это и как настроить свои инструменты
Перевод подробного материала компании Bjango Pty Ltd.
— Что такое цветовые пространства
— Какие они бывают и в чём разница между ними
— Цветовой охват, глубина цвета, гамма, преобразование цветов
— Настройка софта: Sketch, Photoshop, Illustrator, Adobe XD, Affinity Designer, Figma, InVision Studio
awdee.ru/color-management
#awd_article #awd_color
Упаковка средств по уходу за кожей российского бренда AlorColor
Компания стремится продемонстрировать профессиональный и фундаментальный подход к производству косметики. Авторы постарались передать эту философию с помощью стилизации под рецепт — моноширинный шрифт и рукописная надпись делают упаковку похожей на рецептурный бланк
«Мазки кистью» в логотипе и на отдельных упаковках, а также разнообразие цветовой палитры добавляют дизайну яркости и жизнерадостности
Больше картинок: awdee.ru/packaging-of-skin-care-products-by-russian-brand-alorcolor
#awd_pack via packagingoftheworld.com/2023/10/alorcolor-cosmetics.html
🙂 Проектируем сортировку листинга в приложении
Новая статья Станислава Хрусталёва о нюансах дизайна сортировки в e-com приложениях. На первый взгляд функция сортировки кажется довольно простой. Но автор проанализировал порядка двухсот приложений и нашёл много интересных деталей в её дизайне, о чём и поделился в статье
Согласно этапам клиентского пути он разбил статью на следующие блоки:
— Размещение кнопки сортировки
— Внешний вид кнопки
— Сортировка по умолчанию
— Появление карточки сортировки
— Внешний вид карточки
— Типы сортировки
— Активация сортировки
— Закрытие карточки
awdee.ru/designing-the-listing-sorting-in-the-application
#awd_article #awd_ux #awd_cx
15 плакатов Йозефа Мюллера-Брокманна
Йозеф Мюллер-Брокманн (1914–1996) — графический дизайнер и преподаватель, пионер швейцарского графического дизайна и один из самых известных его представителей, изменивший лицо графического дизайна.
Больше плакатов: awdee.ru/15-josef-muller-brockmann-posters
#awd_poster #awd_retro #awd_best
Как продавать креатив, что на самом деле важно в дизайне интерфейсов, почему дизайнеры разучились делать концепты и как с этим жить. Шрифтовые пары: когда они нужны и как их подбирать. Что делать арт-директору, который не умеет выстраивать коммуникацию с командой. Чем болеет каждый дизайнер и как это лечить, как создавать эффективную айдентику, не тратя время впустую — с этими и другими темами на форумах в Москве и Питере выступили 24 профессионала в сфере дизайна.
Часть лекций с осенних событий традиционно выйдет на нашем YouTube-канале на старте нового форума. Другие придется подождать. Но получить выжимку полезной информации и вдохновиться крутыми проектами можно уже сейчас из презентаций спикеров события.
Влад Воркель начал работать дизайнером в Яндексе в 20 лет
С тех пор поработал в 2 продуктах, а сейчас разрабатывает личный кабинет отельеров в Яндекс Путешествиях
Помимо работы в Яндексе, основал InternSheep, коммьюнити для дизайнеров, агрегатор стажировок и школу
За последние полгода на 17 из 40 появившихся стажировок для дизайнеров вышли ребята из этого коммьюнити
У Влада есть телеграм-канал, где он рассказывает о своем пути, как попал и работает в Яндексе, как зарабатывает на личных проектах, как строит личный бренд, ну, и как попасть на стажировку и начать карьеру
Подписаться на канал
#промо
🙂️️️️ Фотомонтаж советского авангарда
Егор Цеманек рассказывает о том, как в 1920-е годы в дизайне СССР появился фотомонтаж. В статье автор делится мыслями о том, что в фотографии доступные художнику акценты и комбинации смыслов часто оказывались недостижимы. Зато прибегая к фотомонтажу, дизайнеры-графики могли создавать собственные композиции, управлять пропорциями, перспективой и тем самым преодолевать ограничения статичной фотографии
В статье вы найдёте множество примеров использования фотомонтажа в плакатах, книгах, журналах и открытках
awdee.ru/fotomontazh-sovetskogo-avangarda
#awd_article #awd_retro
erid:2VtzqxJmWdC
На ближайшей лекции Digital Лектория Газпромбанка расскажут, чем занимаются дизайнеры в продукте.
Спикер: Михаил Капустянский, главный дизайнер в Департаменте экспертизы цифрового бизнеса Газпромбанка
Когда: 27 октября в 17:00 (по МСК)
О чем: Михаил расскажет, как подружить задачи бизнеса и паттерны дизайна, какие бывают ошибки в макетах и что делать с вечным желанием обновлять и улучшать.
Ребята из Газпромбанка ждут тебя на лекции «Симфония в мире Диджитала и продуктовой работы»!
Подписывайтесь на tg-канал Digital Лекторий Газпромбанка, ссылка на вебинар будет там. Включите уведомления, чтобы не пропустить
Реклама Банк ГПБ (АО), ИНН: 7744001497
Сайт сервиса страхования покупок на маркетплейсах Clyde
Clyde работает на Amazon, eBay, Wayfair и в тысячах других интернет-магазинов. Когда люди оформляют заказ или покупают товары, сервис защищает их интересы. Он даёт им расширенную гарантию, страхует доставку с отслеживанием, гарантирует возврат товаров и многое другое
Сайт выглядит свежо за счёт анимированных подсветок, эффекта матового стекла на плашках и объёмных градиентных иллюстраций
joinclyde.com
Больше скриншотов: awdee.ru/website-of-clyde-insurance-service-for-purchases-on-marketplaces
#awd_web #awd_site
Айдентика мексиканской пиццерии Pazzesca
Заведение находится в самом центре Мехико. Здесь интересен кастомный рукописный логотип с размашистыми росчерками и угловатыми штрихами. На некоторых носителях он сильно прижат к краям, что создаёт интересное напряжение
Больше картинок: awdee.ru/identity-of-mexican-pizzeria-pazzesca
#awd_identity via behance.net/gallery/181193971/Pazzesca
Серия картин «Сожительство» Синты Видаль из Барселоны
В работах художница заполняет частные комнаты и общественные пространства персонажами, явно нарушая законы гравитации
#awd_illustration #awd_art via thisiscolossal.com/2023/10/cinta-vidal-cohabit
🙂 Оформление заказа: выбор адреса и времени доставки
В статье Станислав Хрусталёв рассказывает, как сделать выбор адреса доставки, пункта выдачи заказов, даты и времени удобными для пользователя
Детально и на примерах российских интернет-магазинов автор разбирает следующие аспекты:
— Общие требования к карте
— Выбор пункта самовывоза
— Выбор адреса на карте
— Текстовый ввод адреса
— Сохранённые адреса
— Дата и время доставки
— Управление предпочтениями
awdee.ru/order-placement-selection-of-address-and-time-of-delivery
#awd_article #awd_ux #awd_cx
Концепты кроссовок Денниса Йоханна Мюллера из Франкфурта-на-Майне
Больше картинок: awdee.ru/dennis-johann-muller-sneaker-concepts-from-frankfurt-am-main
#awd_prom via instagram.com/dennis_johann_mueller
Заяви о себе и усиль своё дизайн-портфолио под руководством лидеров креативной индустрии!
Простор — это креативная платформа от VK, где научишься работать с коммерческими заказами, поймёшь, как воплотить дизайн с экрана компьютера в реальном мире, и сможешь реализовать свои самые смелые творческие идеи.
Кураторы программы
— Владимир Лифанов, основатель брендингового агентства «Супрематика», которое входило в шорт-лист «Каннских львов» и получило сотни других наград.
— Борис Шилин, создатель крупнейшего сообщества дизайнеров ЩЁЛОЧЬ и одноимённой студии, которая успела поработать с крупнейшими корпорациями: VK, Яндекс, Сбер и Melon Fashion Group.
— Виолетта Силенина, бренд-директор VK и её команда, которая создаёт и запускает продукты для миллионной аудитории.
Что в программе?
Ориентируются на практику: ты узнаешь, что такое корпоративная айдентика, разберёшь реальные кейсы, узнаешь, как общаться с заказчиком, как пройти через этап правок без жертв и реализовать свой проект.
Финалисты получат возможность отправиться на дизайн-кэмп и поработать с бренд-командой VK.
Как присоединиться?
Подай заявку до 29 октября, прикрепи своё портфолио и выполни тестовое задание. Всему твоё время — создавай: https://vk.me/prostor_design
#промо
Бесплатные Иконки Чикина
Сергей Чикин год рисовал минимум по иконке в день. А потом опубликовал их все бесплатно для всех, кроме юридических лиц. И продолжает добавлять новые
На данный момент там уже 2031 иконка. Все они с тегами, в формате SVG
Скачать: sergeychikin.ru/365
Больше примеров иконок: awdee.ru/besplatnye-ikonki-chikina-2
#awd_free_download #awd_icons
Что такое «Нобельфайк»
В презентациях шрифтов и книгах о типографике встречается слово «Нобельфайк». Некоторые думают, что это какой-то хитрый специальный термин. На самом деле нет. Это слово не имеет специального значения, а шрифтовики используют его просто потому, что оно содержит достаточно характерных знаков, позволяющих понять рисунок шрифта. В латинице аналогом нобельфайка является слово Handgloves
#awd_note #awd_typo
Айдентика американского производителя промышленных томографов Lumafield
Компания разработала первый в мире промышленный рентгеновский компьютерный томограф Neptune. Его применяют для исследования и контроля качества внутренней структуры различных устройств: от микросхем до двигателей внутреннего сгорания
С помощью томографа можно получить скан трёхмерного изображения объекта в высоком разрешении, а затем сравнить с идеальной моделью на предмет соответствия состава, размеров, наличия трещин и других скрытых дефектов
Двумерный логотип из трёхмерных осей XYZ и слоган «Смотри внутрь» отлично отражают деятельность компании. А семейство гротесков Monument Grotesk выглядит довольно технологично
Больше картинок: awdee.ru/identity-for-lumafield-a-us-manufacturer-of-industrial-tomography-scanners
#awd_identity via behance.net/gallery/158373621/Lumafield
📖 Никаких правил, кроме экономии шрифтов — Журналус № 378
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Перевод цитат из «Канона Виньелли»
— Как дизайнеру правильно задавать вопросы
— Новый подход в дизайне адаптивности веб-сайтов
— Что такое дисперсия контента и в чём её плюсы и минусы
— Пример упрощения сложной диаграммы
— Интервью с Карри Саариненом, сооснователем Linear
— Что такое суперлинейная отдача и как её добиться
— Что уничтожает все цивилизации в космосе
— Запись выступлений на дизайн-конференции Тинькофф FFDD2D
— Большая подборка онлайн-архивов музеев типографики
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Презентации спикеров Design Prosmotr s18e29,30 2023/2
• Москва (23-24 сентября 2023):
1-й день
«Очень Affordable» — Евгений Филатов
«ИИ культ или последняя религия людей» — Влад Ситников
«Проектируй медленно… загружай быстро» — Артем Белов
«Лопни свой социальный пузырь» — Данила Шорох
«Творец — Борец. Или как продавить свое виденье» — Роман Крихели
«Как продавать креатив» — Олег Баринбойм
2-й день
«Шрифт как чёрный ящик» — Геннадий Фридман
«Дизайнеры разучились делать концепты» — Александр Лыгин
«Тревога - как агент изменений» — Екатерина Артеменко
«Эмоциональный дизайн» — Евгений Кузьмин
«Не_логичный дизайн» — Борис Шилин
«Что было после» — Вова Лифанов
• Питер (7-8 октября 2023):
1-й день
«Чему я научился, залипая в Тиктоке» — Женя Арутюнов
«Changeneering. Развитие дизайн-лидера и команды» — Леонид Ивахов
«Хобби-проекты для дизайнеров на максималках» — Юрий Ветров
«Вся правда о шрифтовых парах» — Александра Королькова
«Открытый дизайнер» — Михаил Кучин
«О смыслах дизайна и эффективности айдентики» — Митя Осадчук
2-й день
«Всё ***ня, переделывай! Работа не для нежных» — Андрей Дансков
«Выделить, скопировать, вставить» — Максим Гамма
«33 правила выживания в Дизайнленде» — Артем Кожевников
«Невидимый дизайн. Идиоматические интерфейсы» — Сергей Гуров
«Профессиональные заболевания дизайнера» — Егор Мызник
«Новая Визуальная Культура» — Покрас Лампас
🙂️️️️️️ Эклектичный голландский плакатный дизайн: сочетание строгих правил и бунтарского духа
Если вы хотели погрузиться в тему плакатного дизайна Нидерландов, то мы написали обзорную статью на эту тему. В ней мы расскажем, что повлияло на формирование голландской графической культуры, кратко обрисуем отличительные черты графического дизайна Нидерландов и покажем работы лучших голландских плакатистов
Предупреждение: в статье очень много плакатов :–)
awdee.ru/eclectic-dutch-poster-design
#awd_poster #awd_article #awd_retro
Обновление стиля сиднейского детского театра Monkey Baa
Тон айдентике задают простые и игривые персонажи. Они транслируют эмоции, которые вызывают спектакли
Очертания тел персонажей служат ещё и масками, и фонами для фотографий и иллюстраций
Больше картинок и видео: awdee.ru/style-update-for-sydney-childrens-theater-monkey-baa
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_monkey_baa_by_universal_favourite.php
Обновленный стиль сиднейского гриль-бара Gowings
Главный приём в айдентике — гармоничное сочетание четырёх, на первый взгляд, несочетаемых шрифтов. Благодаря мощному контрасту между ними они становятся узнаваемым и стильным визуальным решением
Также хорошо смотрятся оригинальные цветовые сочетания и эксперименты с вёрсткой. А слепое тиснение и гигантские литеры в оформлении меню — вообще топ
Больше картинок: awdee.ru/the-updated-style-of-sydneys-gowings-grill-bar
#awd_identity via behance.net/gallery/154488553/Gowings-Bar-Grill
🙂️️️️️️ Дизайн-системы для чайников: статьи, книги, примеры, инструментарий
Подборка толковых материалов, которые помогут понять, что такое дизайн-системы, зачем они нужны (и когда не нужны) и как их создавать
awdee.ru/design-systems
#awd_article #awd_ui #awd_design_system
🙂️️️️️️ Люди не читают в интернете, они сканируют. Вот как правильно писать для них
Перевод статьи Риты Кайнд-Энви о том, как оформлять тексты в интернете, чтобы люди быстро извлекали из них полезную информацию
Автор приводит 9 паттернов сканирования информации взглядом, описанных Nielsen Norman Group, и даёт 10 рекомендаций, чтобы улучшить восприятие текстов
awdee.ru/people-dont-read-onlinethey-scan-this-is-how-to-write-for-them
#awd_article
671 работа Эшера
Кстати, у нас на сайте есть коллекция из почти 700 работ Маурица Эшера. В своих картинах этот знаменитый нидерландский художник-график исследовал аспекты понятий бесконечности, симметрии и особенности психологического восприятия сложных трёхмерных объектов: awdee.ru/esher
#awd_illustration #awd_art
Новая упаковка белорусской сети ресторанов быстрого питания Mak.by
Пример удачной локализации ушедшего бренда, когда и на свой лад сделали, и преемственность сохранили. В тысячу раз лучше «Вкусно и точки»
Больше картинок: awdee.ru/new-packaging-of-the-belarusian-fast-food-restaurant-chain-mak-by
#awd_identity via mak.by/ru/naslazhdajtes-lyubimyimi-produktami-teper-i-v-nashej-novoj-brendirovannoj-upakovke!.html
Интернет-магазин верхней одежды Rains
Отличный референс стильного e-commerce сайта c атмосферными фотографиями и видео, крупными заголовками и в буквальном смысле всесторонней демонстрацией товаров
rains.com
Больше скриншотов: awdee.ru/rains-outerwear-online-store
#awd_web #awd_site