31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Прогресс-кнопки: кнопки, совмещенные с прогресс-баром
Элегантное обозначение обратной связи без лишних модальных окон и оверлеев. По ссылке это решение представлено в 18 разных стилях
Интерактивная демонстрация: tympanus.net/Development/ProgressButtonStyles
Статья и исходники: tympanus.net/codrops/2013/12/12/progress-button-styles
Скачать: ProgressButtonStyles.zip
#awd_free_download #awd_web #awd_ui
Книга «Метамоушн» о фундаментальных основах моушн-дизайна
Илья Евсеев пишет книгу, в которой на основе анализа тысяч рекламных роликов и собственного опыта делится знаниями о моушн-дизайне. Информация в книге будет полезна моушн-дизайнерам любого уровня
В книге будет шесть глав. Две главы уже опубликованы и находятся в свободном доступе. Из них вы узнаете:
— Как делать рекламу не просто красивой, а сформировать рекламное сообщение и определиться с тем, кому именно оно адресовано
— Как правильно выстраивать композицию, внутрикадровую динамику и логику, которая связывает все сцены между собой
— Как работают базовые выразительные средства в моушн-дизайне
— Как креативные схемы формируют рекламное сообщение зрителю
— Каковы особенности создания рекламы физических продуктов
— Чем отличается статичная реклама от моушн-рекламы
— Каковы критерии хорошей моушн-рекламы
— Насколько важно делать разнообразную моушн-рекламу
— Как сформировать собственный визуальный стиль
Канал Ильи на YouTube с разборами примеров моушн-дизайна
Страница книги: metamotion.site/i
#awd_book #awd_edu #awd_motion
Аэрофотоснимки французского фотографа Дамьена Гуйо
#awd_art #awd_photo via behance.net/gallery/117404721/Vues-du-ciel
Фирменный стиль и каталог выставки «Органическое искусство. Авангард в Петрограде»
«Органически несовершенный» шрифт, преобладание зелёного цвета в палитре и свободная модульная верстка отражают главную идею выставки о том, что искусство — синтетическое (собирательное) явление, которое тесно связано с природой
#awd_print #awd_identity via behance.net/gallery/149721345/Organic-Art-The-Avant-garde-in-Petrograd
🙂 Обновление коллекции плакатов знаменитой рекламной кампании XX века Volkswagen Beetle
Недавно мы собрали и опубликовали серию плакатов, которые компания Volkswagen выпускала в рамках своей знаменитой рекламной кампании «Volkswagen Beetle» («Фольксваген Жук»)
Мы нашли ещё 18 плакатов и добавили их в нашу подборку
Полная коллекция: awdee.ru/volkswagen-beetle
#awd_poster #awd_retro #awd_collection #awd_article
Это красиво, а это нет
Легко дать оценку дизайну. Легко сказать, красивое что-то или некрасивое. Но объяснить, почему, да ещё избежать вкусовщины и пристрастности, гораздо сложнее
Поэтому в интернете очень мало мест, где объясняют, почему что-то красивое, а что-то уродское
Телеграм-канал @thisisfinethisisnot — одно из таких мест
Женя Арутюнов и Тайная Маша показывают всякие штуки из реального мира и доходчиво и обстоятельно рассказывают, почему они красивые или наоборот
Каналу нет и месяца, так что приглашаем вас подписаться в первых рядах, пока это ещё не стало мейнстримом
#промо
🙂 11 оттенков размытия
Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат
В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику
В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах
awdee.ru/11-ways-of-blurring
#awd_article #awd_web #awd_ui #awd_figma
Дизайн эквадорской фигурки Watcher и оформление упаковки для неё
В Эквадоре работает более 300 тысяч ремесленников. Низкая стоимость товаров, которые они производят и незначительное общественное признание приводит к стагнации в этой отрасли
Чтобы поддержать развитие культурного наследия, бренд Picaia занимается продвижением и продажей оригинальных изделий, сделанных эквадорскими ремесленниками вручную. Picaia сотрудничает с талантливыми эквадорскими мастерами, разрабатывает для их изделий дизайн упаковки и выпускает ограниченным тиражом
По заявлению бренда они стремятся интегрировать справедливую торговлю и дать возможность мастерам заявить о себе на мировом рынке
Watcher (Наблюдатель) — одна из таких фигурок, к которой прилагается маска птицы, возможно, пеликана или тукана. Она сделана из глины и стилизована под эстетику изделий, которые производили 4000 лет назад на территории современного Эквадора
Picaia выпустили фигурку ограниченным тиражом в 100 штук и поставляют её в коробке с чёрно-белыми иллюстрациями древних скульптур, нанесёнными методом шелкографии
#awd_pack via packagingoftheworld.com/2023/01/picaia-the-watcher-packaging.html
10 свежих книжных обложек токийского интернет-магазина North East
На сайте North East представлены книги по графическому дизайну, искусству, фотографии и другим направлениям визуальной культуры
#awd_cover via northeastshop.com/collections/new-arrivals
«Самурай в туалете» — шутка 1970-го года авторства Такеши Китано
#awd_humor
Talbica — шикарная интерактивная таблица Менделеева
Это интерактивный справочник по элементам периодической таблицы и по химическим реакциям. Внутри:
— Фотки почти всех элементов таблицы в чистом виде
— Визуализации их параметров: радиус атома, атомная масса, температура плавления и кипения, плотность, электроотрицательность, содержание элемента в Земле и земной коре
— Наглядная классификация элементов в разрезе: металлов, полуметаллов и неметаллов; s-, p-, d- и f-элементов; элементов, оксидов и гидроксидов
— Полная информация о химическом элементе, включая все его свойства
— База химических соединений с формулами
— 6000 химических реакций с поиском по ним
Очень круто, советуем не пропустить: talbica.com
Проект делает Андрей Маркелов, который недавно публиковал у нас статьи о дизайне сложных таблиц и графиков
#awd_infografic #awd_dataviz
📖 Ложные дедлайны для Шаурмонстра — Журналус № 339
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Алексея Башука и Максима Ильяхова «Своровали? Накажи! Книга о защите интеллектуальных прав»
— Как отвечать на неудобные вопросы на собеседовании
— Выбираем правильное размытие для дизайна приложения
— Что такое потребности пользователей, как их определить и как с ними работать
— Как развивались способы хранения информации
— Краткий обзор дизайн-трендов 2023 от Adobe
— Как выявить ложный дизайн и как развиваться спустя годы в дизайне
— Большая методичка по внедрению стандартов доступности в продукте и в команде
— Серия уроков по новой системе симуляции огня и дыма в Cinema 4D
— Как использовать Midjourney бесплатно
— Как выгодно презентовать 3D-модель
— Фундаментальная книга о моушн-дизайне. Две первых главы
— Новый опенсорсный плагин Stable Diffusion для Photoshop
— Онлайн-коллекция из 1200+ сториз от различных брендов
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Упаковка венгерского крафтового пива Brew Your Mind
В оформлении дизайнеры использовали невозможные фигуры по типу треугольника Пенроуза. Они отлично сочетаются со слоганом «Brew your mind», где «brew» имеет сразу два значения: «варить» (пиво) и «поразмышляй, напряги» (свой мозг)
Так дизайнеры не только поясняют, что внутри банки пиво, но и предлагают потребителю внимательно рассмотреть оптические иллюзии фигур
#awd_pack via behance.net/gallery/64931633/Brew-Your-Mind-Brewery
🙂 Быстрое программное обеспечение, лучшее программное обеспечение
Мы перевели статью Крейга Мода о преимуществах быстрого программного обеспечения. На примерах нескольких приложений автор показал, насколько важна молниеносная и бесшовная работа компьютеров и телефонов. Ведь если система тормозит, пользователи не смогут быстро выполнять свои задачи и будут испытывать раздражение
Из статьи вы узнаете, как софт влияет на восприятие продукта пользователями, помогает улучшить его юзабилити и в целом может стать значительным коммерческим активом для бизнеса
awdee.ru/fast-software-the-best-software
#awd_article #awd_ux #awd_web
Плакаты графического дизайнера под псевдонимом Wild Cloud
#awd_poster via instagram.com/cloud.cb
Леттеринг и каллиграфия Никиты Бауэра из Батуми
#awd_lettering #awd_calligraphy via behance.net/nikitabauer
Обложки серии книг «Science Fiction (1970’s)» издательства Penguin Books
В 1970-х годах Penguin Books выпустило одни из своих самых знаковых и знаменитых обложек. Большинство иллюстраций для этой серии о научной фантастике создал художник и креативный директор Дэвид Пелхэм. Вы, вероятно, сразу узнаете его стиль по культовой шестерёнке на обложке «Заводного апельсина»
#awd_cover via visualmelt.com/Penguin-Science-Fiction-Covers-Part-2
Серия 3D-объектов «Parametric» Алекса Мальцева, CG-художника из США
Для создания артов автор использовал Photoshop, Cinema 4D и After Effects
#awd_3D via behance.net/gallery/90326969/Parametric
🙂 14 типов оптических иллюзий по Рудеру
В своей «Типографике» швейцарский типограф и графический дизайнер Эмиль Рудер кроме прочего подробно пишет об оптических иллюзиях, применимых к шрифту. И так как они применимы далеко за пределами шрифтового дизайна, мы предлагаем вам ознакомиться с его классификацией и взять эти иллюзии вооружение
awdee.ru/14-types-of-optical-illusions-according-to-ruder
#awd_edu #awd_typo
Серия иллюстраций филиппинца Джона Патрика Ганьясo
#awd_illustration #awd_art via behance.net/gallery/157958935/ATLA-Styles-Series
Стиль студии брендинга и дизайна NOT Wieden+Kennedy
Креативное агентство Wieden+Kennedy London открыло отдельную дизайн-студию и придумало для неё довольно смелое название — NOT Wieden+Kennedy
В основе стиля новой студии — настраиваемый дизайн, который можно менять бесконечное количество раз, чтобы демонстрировать каждому отдельному клиенту индивидуальный подход к его проектам. Для этого команда NOT W+K разработала цифровой генератор The NOT Machine. Он позволяет создавать кастомные логотипы из любого изображения или иконки и анимировать их в один клик. Это означает, что любой член команды может в считанные минуты сделать анимированный логотип, соответствующий его личному стилю или определённому проекту
Они также разработали бесплатный веб-инструмент, который без регистрации позволяет нарисовать или написать что угодно, выбрать фон, настроить из иконок контур линий, анимировать готовую работу и скачать её
На этой страничке вы можете протестировать работу The NOT Machine: notwk.london/machine
#awd_identity via underconsideration.com/brandnew/archives/new_name_logo_and_identity_for_not_wiedenkennedy_done_in_house.php
Sci-Fi иллюстрации Марселя Денёва из Москвы
Для создания иллюстраций художник использовал Blender, Photoshop, MoI3D, Substance 3D Designer, Substance 3D Painter, Octane Render и Gaea
#awd_illustration #awd_art via artstation.com/marceldeneuve
Первый дизайнерский — медиа для дизайнеров, где редакция канала выбирает главные новости дизайна каждый день. Обзоры, тренды, обновление софта и нелепые ситуации.
Уже на канале:
— Итоги 2022 года для дизайнеров (все печально);
— ИИ сделал первый интерфейс сайта;
— Новогодние обновления от FIGMA
Всем кто устал от каналов с мокапами, плагинами, шрифтами и уроками — MUST HAVE.
Самые важные и свежие новости, без душноты и рекламы: @design_news
#промо
Плакаты Михаила Лычковского из Минска
#awd_poster via lychkovskiy.com
Плакаты Богдана Чаушеску из Бухареста
#awd_poster via instagram.com/bogdan.ceausescu
👨🎨 Ещё 17 Figma-инструментов для создания градиентов
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете cоздавать градиентные сплайны и зернистые градиенты, управлять насыщенностью и плавностью градиентов, выбирать цвета градиентов и многое другое
Мы также добавили библиотеки с готовыми градиентами, которые позволяют в один клик делать градиентные заголовки, использовать градиенты с эффектом блюра и быстро добавлять градиенты на UI-элементы
awdee.ru/17-figma-tools-for-creating-gradients-more
Первая часть: awdee.ru/10-figma-plugins-gradients
#awd_figma #awd_tool #awd_color #awd_gradient
Фотопроект «Lux Noctis II» Рубена Ву
Под влиянием научной фантастики и идей освоения планет Рубен сделал серию фотографий «космических» пейзажей
С помощью дрона он освещал горы и снимал их на длинной выдержке, а затем готовые снимки обрабатывал в Lightroom и Photoshop
#awd_art #awd_photo via behance.net/gallery/62725807/Lux-Noctis-II
Новый дизайн дорожных знаков Ильи Бирмана и Сергея Чикина
Дорожные знаки не обновляли уже более сорока лет. За это время прогресс и дизайн ушли далеко вперёд, и их дизайн морально устарел. Поэтому Илья и Сергей решили обновить дизайн дорожных знаков
Они использовали актуальные приёмы графического дизайна, чтобы сделать знаки максимально понятными и визуально привлекательными. Они отказались от некоторых бесполезных знаков, например, знака «STOP» и объяснили, почему он не работает. На некоторых знаках появились текстовые пояснения, чтобы водители моментально считывали их обозначение. Очертания транспортных средств на знаках стали выглядеть современно: поезд занял место паровоза, а «копейку» дизайнеры заменили на актуальную модель автомобиля
Рассказ о проекте: ilyabirman.ru/road-signs
Также советуем ознакомиться с дискуссией в канале Ильи. Там разобраны типичные для таких проектов возражения, вроде того, что нельзя менять дизайн привычных знаков (можно) или что Венская конвенция запрещает круглый STOP и менять знак запрета парковки (нет)
#awd_nav #awd_infographic
Набор образцов дизайнерской бумаги Mohawk Keaykolour
В образцы можно вставлять карточки разных цветов, через отверстия смотреть, как они сочетаются, и подбирать удачные цветовые комбинации
#awd_print #awd_color via behance.net/gallery/68374717/Mohawk-Keaykolour
🙂 17 лекций по продуктовому и веб-дизайну
В подборку вошли выступления дизайнеров, арт-директоров и основателей студий, в которых они рассказали о сути работы UX/UI-дизайнера и дизайнера продуктов, об инструментах, создании Customer Journey Map, взаимодействии с разработчиками, элементах геймификации, адаптивном дизайне, анимации в интерфейсах и многом другом
awdee.ru/17-lectures-on-product-and-web-design
#awd_edu #awd_lecture #awd_ux #awd_ui #awd_web