31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
📼️️️️️️ Туториалы по текстовым анимациям в After Effects
Мы выбрали 10 уроков по After Effects, которые научат анимировать текстовые элементы. Длительность роликов не превышает 15 минут
Анимация:
— Текстовых элементов
— Вращения 3D-текста
— Искажённого текста
— Растянутого текста
— С эффектом разрыва слова на буквы
— Нарисованного вручную заголовка
— С эффектом отскока букв
— Текста по траектории
— Текста с эффектом плавления
— Смещения текстовых частей
#awd_edu #awd_ae #awd_video
👨🎨 5 новых бесплатных Figma-плагинов #3
Новая подборка с актуальными плагинами. Каждый из них мы сопроводили скринкастом, чтобы вы могли быстрее разобраться в том, как они работают
— Hue Shifter — позволяет пакетно менять оттенок, насыщенность и яркость у неограниченного количества векторных слоёв и компонентов
— 3D Vector — преобразует векторные фигуры или текст в 3D
— Fast Isometric — располагает изображения и компоненты в изометрической проекции
— MingCute — библиотека из 2700+ векторных иконок, созданных по 24-пиксельной сетке. Каждая иконка нарисована в двух стилях: линиями и с заливкой
— Status Bar 1-click — вставляет строку состояния (Status Bar)/панель уведомлений (Notification Bar) в верхнюю часть фрейма и панель «Домой» (Home Bar) в нижнюю
awdee.ru/5-new-free-figma-plugins-3
#awd_figma #awd_tool
#цитата_дня
Приведу цитату американского графического дизайнера Боба Гилла: «Дизайнер, имеющий представление о том, как должно выглядеть решение, ещё не зная задачу, так же смешон, как математик, который знает, что ответ — 112, до того, как услышит вопрос». Когда я берусь за новый проект, то веду себя так, будто это мой первый опыт, и исследую основы бизнеса клиента.
Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
🙂️️ Тренд: огромные CTA-кнопки
Мы подметили тренд на громадные кнопки. Выглядит свежо и стилёво, плюс не промахнёшься
Вот примеры: awdee.ru/trend-huge-cta-buttons
#awd_web #awd_site #awd_ui #awd_trend
🙂️️ Плакаты времен ГДР — креативная агитация по-немецки
Магвай посетили берлинский музей ГДР и захотели показать нам плакаты времён ГДР. Они написали статью, в которой рассказали о влиянии СССР на формирование визуальной культуры ГДР, об отличительных особенностях плакатов ГДР и выдающихся представителях плакатного искусства того времени
В то время дизайнеры ГДР использовали простые и прямолинейные образы, чёткие линии, яркие цвета и крупные лозунги. В их плакатах заметно влияние как строгого швейцарского стиля, так и советского с его узнаваемыми красочными иллюстрациями и красным цветом
awdee.ru/gdr-posters-creative-campaigning-in-the-german-way
#awd_poster #awd_article #awd_retro
Оформление премиальной линейки итальянских соусов Collezione Casa Marrazzo 1934
Бренд существует уже почти 90 лет, и в дизайн важно было добавить ностальгическую нотку. Поэтому силуэтные иллюстрации старинных предметов мебели на баночках отсылают к прошлому
Они хорошо смотрятся на прозрачном стекле, где в качестве фона выступают яркие цвета самих соусов
Больше картинок: awdee.ru/design-of-the-premium-line-of-italian-sauces-collezione-casa-marrazzo-1934
#awd_pack via thedieline.com/blog/2023/3/29/collezione-casa-marrazzo-1934
🙂️️️️️️ Как полосы в таблицах влияют на скорость работы с ними
Продуктовый дизайнер Иван Емелюшкин написал статью о том, когда стоит делать таблицы полосатыми, а когда достаточно ограничиться разделительными линиями или вообще не разлиновывать таблицу
Он опирался на результаты трёх исследований. Они показали, что полосы немного помогают ускорить поиск нужной информации в таблице. К тому же большинству пользователей нравятся именно полосатые таблицы
В конце автор поделился рекомендациями по выбору правильного оформления таблицы для каждого конкретного случая. Например, если таблица широкая, то без «зебры» не обойтись, а в случае маленьких таблиц лучше не добавлять ни полос, ни линий
А ещё он посоветовал подсвечивать строку при наведении курсора, чтобы пользователь точно не ошибся при выборе
awdee.ru/how-stripes-in-tables-affect-the-speed-of-working-with-them
#awd_article #awd_tables
chaosMachine — генератор рандомной графики, этакий бесплатный Иронов на минималках
Поиграться онлайн: chaosmach.com
#awd_tool #awd_ml
#цитата_дня
Когда я чувствую, что выискиваю недостатки в других, то просто пытаюсь понять, что же тот или иной человек делает лучше меня. И я всегда что-то нахожу. Надо признать, что у одних найти эти особенности проще, чем у других, но всегда находится что-то, что этот человек делает лучше меня
Майкл Джанда «Сожги свое портфолио! То, чему не учат в дизайнерских школах»
#цитата_дня
Если вы жалуетесь одному клиенту на другого клиента, он может предположить, что вы так же жалуетесь и на него
Майкл Джанда «Сожги свое портфолио! То, чему не учат в дизайнерских школах»
#цитата_дня
Странности в начале работы над проектом почти всегда чреваты странностями по ходу проекта и в его конце
Майкл Джанда «Сожги свое портфолио! То, чему не учат в дизайнерских школах»
Генератор цветовых палитр от Figma
Гибкий инструмент, в котором на поверхности цветового круга можно создавать гармоничные палитры прямо в Figma
Типы палитр, которые предлагает генератор:
— Комплементарная: основной цвет и контрастный дополнительный
— Триадная: три одинаково контрастных цвета
— Аналоговая: три цвета, которые расположены рядом на цветовом круге
— Квадратная: четыре цвета, два из которых резко контрастируют с двумя другими
— Сплит-палитра: основной цвет и два дополнительных цвета. Дополнительные находятся на одной стороне круга и резко контрастируют с основным
— Монохромная: более светлая и более тёмная версия основного цвета
Цвета можно получать в форматах RGB, CMYK, HEX и HSL
figma.com/color-wheel
#awd_tool #awd_webtool #awd_color
#цитата_дня
Хороший способ застраховаться от банальности – вообще не сочинять, не придумывать, но только давать форму, повинуясь неповторимым данностям материала.
Владимир Кричевский «Идеальный дизайн. Книга без картинок, но с примечаниями»
100 бесплатных многоцветных градиентов
Сотня приятно искаженных градиентов от LStore Graphics. Форматы Sketch, AI, EPS, JPG и PNG
Тут их можно скачать все сразу либо по отдельности: lstore.graphics/meshgradients
#awd_free_download #awd_color
#цитата_дня
Мне нет необходимости отделять дизайнеров от заказчиков: и те, и другие (вместе с печатниками и распространителями) делают сообща одно и то же дело и, заметьте, почти всегда достойны друг друга.
Владимир Кричевский «Идеальный дизайн. Книга без картинок, но с примечаниями»
🙂 Проектируем рейтинг и отзывы о товарах в приложении
Новая статья Станислава Хрусталёва о том, что следует учитывать в дизайне рейтинга и отзывов о товарах. Автор проанализировал российские приложения, нашёл лучшие практики и составил 200 гайдлайнов
Для удобства восприятия материал он разбил на части в соответствии с этапами клиентского пути:
— Карточки товаров в листинге
— Сортировка листинга
— Фильтрация листинга
— Индикатор в карточке товара
— Rating summary
— Список отзывов
— Карточки отзывов
— Медиаконтент в отзывах
awdee.ru/design-rating-and-product-reviews-in-the-app
#awd_article #awd_ux #awd_cx
💚 Чёрная пятница у Журналуса!
«Журналус» — медиа о дизайне, которое фильтрует инфошум, выбирая самое ценное, важное и полезное. Он помогает развиваться в профессии и быть в курсе трендов, но при этом не тратить часы на скроллинг лент. Там можно собирать коллекцию крутых референсов, важных инструментов и годных образовательных материалов.
В честь «Чёрной пятницы» действуют три спецпредложения:
— скидка 50% на годовую подписку
— 30% на месячную
— и пожизненная подписка по специальной цене (их только 200 штук)
Вводите промо-код BLACKHELL тут: zhurnalus.artlebedev.ru
Промо-код действует и для продления существующих подписок.
Не откладывайте, акция действует только до 30 ноября!
Реклама ИП Олейниченко Кирилл Александрович, ИНН 781697320774, erid: 2SDnjcaSPPN
Айдентика австралийского интернет-магазина органических продуктов Wholesome
Логотип существует и в полной версии, и в виде курсивной «w», которая служит самостоятельным знаком
Больше картинок: awdee.ru/the-identity-of-australian-online-organic-grocery-store-wholesome
#awd_identity via behance.net/gallery/184404163/Wholesome
После 15 лет в иллюстрации студия Bang! Bang! расширяется — сейчас команда также занимается дизайном и анимацией.
В телеграм-канале студии появляются новые тематические материалы:
• расшифровка лекции про шрифты и иллюстрацию от Саши Корольковой из студии Paratype;
• экспериментальная рубрика «в мебельном» с графическим дизайнером и арт-директором Вовой Аюевым;
• обзор минималистичных обложек серии ливанского издательства «Муассаса аль-Арабийа»;
• подборка анимаций для японского Mc’Donalds.
Подписывайтесь на @bangbangstudio, чтобы узнать, что еще придумают ребята, и следить за проектами по новым направлениям.
Главное не путайте студию с теперь уже бывшим проектом Наташи и Оли — школой BBE🤫
Реклама, ООО «Студия Бэнг-бэнг», ИНН 7728663366, erid: 2SDnjcHUutC
#цитата_дня
Я рекомендую вам встречаться с клиентами на их территории. Это поможет им сосредоточиться на проекте, ведь обстановка им знакома — никаких отвлекающих факторов, которые дают о себе знать в новом пространстве (новые картины на стенах и т.п.), — концентрация на работе
Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
🙂️️ Тонкости UI-дизайна больших таблиц с данными
Перевод статьи Эндрю Койла о том, как правильно оформлять интерфейсные таблицы, которые содержат много данных
В материале он делится следующими практическими советами:
— Располагайте столбцы по важности и визуально выделяйте ключевые столбцы
— Закрепляйте столбцы c данными, задающими контекст
— Закрепляйте заголовки столбцов
— Позволяйте менять порядок столбцов и скрывать/отображать отдельные столбцы
— Подумайте, как настраивать плотность отображения информации
— Внедряйте фильтрацию поиском
— Добавляйте готовые фильтры
awdee.ru/ui-considerations-for-designing-large-data-tables
#awd_article #awd_tables
#цитата_дня
Я могу проиллюстрировать применение в дизайне науки о поведении на примере «стиральной машины на игровой плащадке». Бесполезно строить усовершенствованные игровые площадки в районах трущоб, где у женщин нет времени на то, чтобы присматривать за детьми во время игры. Вместо этого мы построили детскую площадку, где центральный застекленный наблюдательный павильон был оборудован стиральными машинами и сушилками. При этом женщины могли присматривать за своими детьми и одновременно заниматься стиркой, а также разговаривать друг с другом.
Виктор Папанек «Дизайн для реального мира»
🙂 Плакаты известного немецкого графического дизайнера Уве Леша
Его работы отличаются запоминающимися образами, оригинальными идеями и нестандартными композициями
В начале 1980-х годов Уве Леш создал множество плакатов, которые сделали
его всемирно известным. Персональные выставки этого плакатиста прошли в более чем 30 странах мира
Он получил множество первых призов на Международных плакатных биеннале, преподавал коммуникационный и медиа-дизайн в университетах Германии и по сей день является членом Международного графического альянса
Больше плакатов смотрите у нас на сайте: awdee.ru/uwe-loesch
#awd_poster
Альтернативы RGB
Александр Кароза рассматривает альтернативные цветовые пространства на примерах реальных задач. Коротко и по делу
awdee.ru/rgb-alts
#awd_article #awd_color
Упаковка средств по уходу за полостью рта американской марки Twice
Потрясающая коллаба Ленни Кравица с семьёй стоматологов из Нью-Йорка
Вместе они захотели бесплатно оказать стоматологическую помощь жителям родного острова Ленни — Элеутера, который входит в состав Багамских островов
Команда успешно реализовала задуманное. А по следам этого проекта они решили создать линейку продуктов по уходу за полостью рта Twice. За основу они взяли тесную связь между физическим и эмоциональным здоровьем, потому что видели, насколько счастливыми становились люди после того, как им вылечили зубы
Поэтому упаковки выглядят настолько солнечными, воздушными и дружелюбными
Больше картинок: awdee.ru/packaging-of-oral-care-products-of-the-american-brand-twice
#awd_pack via thedieline.com/blog/2023/3/15/twice
📖 Капсула отдыха в центре бурана эмерджентных свойств — Журналус № 382
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги «Как оставаться человеком на работе»
— Хронология и возможные причины драмы в OpenAI
— Удивительные штуки, которые умеет современный веб
— Серия материалов про технологии ИИ в творческой сфере
— Как разработать карьерный путь для дизайнеров в компании
— Тонкости проектирования больших таблиц в интерфейсах
— 253 гайдлайна для проектирования фильтрации листинга товаров
— Подробное руководство по Midjourney с советами по написанию промтов
— Почему дизайн-системы развиваются медленнее, чем продукт
— Что нового в Blender 4.0
— Все лекции и интервью шрифтового дизайнера Дениса Машарова
— Короткое пошаговое руководство по созданию реалистичного персонажа в Metahuman
— Подборка винтажной графики художника Сергея Чехонина
— Обновлённый шрифт Inter
— И много чего ещё!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Рукотворные информационные вывески японского охранника Шуэцу Сато
Шуэцу Сато работает в службе охраны японского метро. При помощи скотча он создаёт временные указатели для пассажиров в собственной уникальной технике
В 2004 году, во время частичной реконструкции восточного выхода станции Синдзюку, Сато назначили ответственным за ориентирование на станции. В то время она представляла собой лабиринт из стоящих повсюду стен из стальных листов. И поскольку ориентировать пассажиров только голосом было затруднительно, Сато начал создавать информационные таблички. Буквы Сато наносил с помощью клейкой ленты и режущего ножа. Так родился его метод леттеринга — «Шуэцу Санс»
Спустя три года его вновь направили создавать указатели на время строительства, но теперь уже на другую станцию — Ниппори. Помимо обычных строительных вывесок, он изготовил ещё и несколько рекламных объявлений
Стиль Сато привлёк внимание тех, кто интересуется рукотворными иероглифами в эпоху цифровых шрифтов. Ведь с помощью указателей автору удавалось поддерживать «живую» атмосферу в метро — каждый день по мере строительства появлялись и исчезали новые информационные знаки
Освещение в СМИ привлекло большое внимание к деятельности Сато. Его буквы начали появляться в названиях фильмов, на обложках музыкальных дисков и в качестве временных информационных табло на станциях
📼️️️️️️ Процесс создания его вывески: youtube.com/watch?v=08AHXqES2F4
📼️️️️️️ Учебник Шуэцу Сато: youtube.com/watch?v=Z4WuamaHC9E
Больше вывесок: awdee.ru/handmade-informational-signs-by-japanese-security-guard-shuetsu-sato
#awd_dessert
🙂 Краткий гид по аналоговым видам печати
Обзорная статья о популярных видах печати, их особенностях и ограничениях. Автор — Александр Суворов, дизайнер и со-основатель типографии Funky Press, автор канала о печати @press_on
Все примеры в статье — работы типографии Funky Press
awdee.ru/printing-guide
#awd_article #awd_print
🙂️️ 10 лучших примеров визуализации данных из прошлого и настоящего
Перевод статьи, где автор рассматривает некоторые наиболее заметные, интересные и показательные примеры инфографики:
— Движение войск Наполеона
— Вспышка холеры на Броад Стрит в 1854
— Причины смертности в Крымской войне
— Новая карта истории
— Интерактивный государственный бюджет
— После Вавилона
— Будущая Америка
— Кинодиалог (гендерная разбивка)
— Селфикация
— Все будущие затмения Солнца (до 2080)
awdee.ru/10-best-data-visualizations
#awd_article #awd_infographics
Визуальное исследование кошачьих повадок Поля Рабо из Парижа
Больше рисунков: awdee.ru/cats-painting-studies
#awd_illustration via paulrabaud.artstation.com/projects/QXWxGr