36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
📼 Уроки по анимации и рендерингу товаров в Blender
Девять коротких уроков, с помощью которых вы научитесь моделировать коммерческие продукты, анимировать их и делать 3D-рендеринг в Blender
Темы:
— Моделирование и анимация баночки средства по уходу за кожей с нуля
— Анимация распаковки кроссовок
— Моделирование чашки и нанесение на неё графических деталей с тиснением и эффектом глянца
— Полный процесс моделирования и анимации камеры наблюдения
— Моделирование и рендер губной помады
— Создание капель на банке
— Фотореалистичный рендер бутылки
— Рендер банки с напитком
— Анимация ноутбука Microsoft Surface
#awd_edu #awd_3d
Анимированный 3D-леттеринг для титров к фильму Thor: Love and Thunder
Режиссёр хотел, чтобы музыка «передавала ощущение безумного приключения, показанного на экране» и «напыщенную, шумную, цветастую палитру» фильма. Поэтому в нём звучат песни рок-групп 80-х годов
Соответственно, титры дизайнеры стилизовали под логотипы рок-групп той эпохи, а фон наполнили разнообразием цветов, неоном и электрическими разрядами
Надписи разработала дизайн-студия Perception. Шесть из них сделала Ольга Коваленко из Черногории
Больше картинок и анимаций: awdee.ru/animated-3d-lettering-for-the-credits-for-thor-love-and-thunder
#awd_lettering #awd_3D via experienceperception.com/work/thor-love-and-thunder
Иллюстрации Габриэля Бромбина из Милана
Пустынные одинокие миры с обязательным присутствием геометрических форм — главные темы, которые формируют стиль художника. Через них он предлагает зрителю рассматривать человеческую жизнь, как пространство поиска, в котором есть вход, выход и тайна, требующая разгадки
Иллюстрации Габриэль рисует карандашом на бумаге, а затем дорабатывает в графических редакторах
В 2012 году он опубликовал научно-фантастический графический роман «Песчаное море и плато зеркал» (The Sand Sea and the Plateaux of Mirrors), который создавал в течение двух лет
В качестве художника Габриэль сотрудничает с Nike, The North Face, разработчиками игр и музыкальными исполнителями
Больше иллюстраций: awdee.ru/illustrations-by-gabriel-brombin-of-milan
#awd_illustration via portfolio.gabrielebrombin.com
#цитата_дня
Исследователи обнаружили, что организм человека вырабатывает больше всего гормонов стресса в первые минуты после пробуждения. Почему? Потому что размышления о предстоящем дне запускают наш инстинкт «бей или беги», и в нашу кровь поступает кортизол. После пробуждения потратьте две минуты на простое осознание своего дыхания. Если вы отвлекаетесь на мысли о работе, отпускайте их и возвращайтесь к своему дыханию
«Как оставаться человеком на работе», Дэниел Гоулман
Коллекция настоящих монограмм знати 19 века
Больше монограмм: awdee.ru/kollektsiya-nastoyashhih-monogramm-znati-19-veka
#awd_type #awd_collection #awd_retro via letterology.com/2013/06/monogram-collecting.html
🙂️️ Принцип якорения в UX-дизайне
Перевод статьи об элементах страницы, которые влияют на принятие решения
awdee.ru/anchoring-principle-in-ux
#awd_article #awd_ui
🙂️️ 19 наших лучших материалов за ноябрь
Тренды:
— Тренд: сайты с эффектом свечения в стиле Linear
— Визуальный тренд: пикселизация
— Тренд: огромные CTA-кнопки
Статьи:
— Тонкости UI-дизайна больших таблиц с данными
— Как отличать сгенерированные ИИ изображения
— Журнальные обложки эпохи конструктивизма
— Как сократить объём текста в интерфейсе без потери смысла
— Секретная формула скруглённых углов Apple
— Проектируем фильтрацию листинга товаров в приложении
Айдентика:
— Cтиль британского форума о телевидении и развлечениях Too Much To Watch
— Новая айдентика Максима Ильяхова
Дизайн упаковки:
— Новый дизайн упаковки кофейной марки Royal Armenia
Иллюстрации:
— Японские духи и милые персонажи в повседневной обстановке
— Визуальное исследование кошачьих повадок Поля Рабо из Парижа
Инструменты:
— 14 малоизвестных нейронок для дизайнеров
— Типографская раскладка Бирмана
Образование:
— Все лекции и интервью шрифтового дизайнера Дениса Машарова
— 10 принципов Артёма Горбунова
— Видеоуроки по созданию анимаций в After Effects с реальными примерами
📼️️️️️️ Туториалы по текстовым анимациям в 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
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе
Как правило, чтобы выровнять текстовые элементы по сетке, дизайнеры используют границы текстового контейнера. Но чтобы среди остальных элементов дизайна текст выглядел более аккуратным, лучше выравнивать его так, чтобы с сеткой совпадали не края контейнера, а базовые линии текста
Проблема в том, что сделать это вручную в Figma довольно трудно. Поэтому автор нашёл решение. Он предлагает использовать компоненты на auto-layout вместо обычных шрифтовых стилей. Для этого нужно обрезать шрифт по верхней и нижней границе, а затем обернуть его в auto-layout. После этого в auto-layout можно добавить вертикальные паддинги, или внутренние отступы, и сместить текст так, чтобы его базовая линия всегда совпадала с сеткой
Макет Figma с примерами из статьи
🙂️️️️ awdee.ru/ultimate-guide-to-baseline-alignment-using-figmas-auto-layout
#awd_article #awd_ui
#цитата_дня
По результатам исследований, рекомендации дальних знакомых полезнее, чем подсказки близких друзей. Именно идеи мало заинтересованных в вас людей подтолкнут к поиску новых возможностей. В своём знаменитом исследовании Марк Грановеттер из Стэнфордского университета обнаружил, что из всех людей, устроившихся на работу благодаря личным контактам, лишь 16,7% нашли её через тех, с кем они виделись не меньше двух раз в неделю. Среди респондентов 55,6% вышли на новое место с помощью знакомых, с которыми виделись не реже раза в год. А 27,8% человек нашли работу через дальних знакомых, с которыми встречались не чаще раза в год: бывших сокурсников, коллег или людей, с которыми они познакомились через профессиональные объединения. Другими словами, у вас больше шансов найти работу через людей, с которыми вы сталкиваетесь не более раза в год, чем через тех, с кем видитесь дважды в неделю или чаще
«Как оставаться человеком на работе», Дэниел Гоулман
3D-миниатюры Николь Блендер из Испании
Ники создаёт уютные пространства, наполненные множеством деталей. Она начала осваивать Blender в конце 2020 года, и за это время сформировала собственный узнаваемый стиль
А одна из её работ стала заставкой Blender 3.5 на их официальном сайте: blender.org/download/releases/3-5
Больше картинок: awdee.ru/3d-miniatures-by-nicole-blender-from-spain
#awd_illustration via instagram.com/nicky.blender
Алгоритм вёрстки
Статья Игоря Штанга о том, какого алгоритма нужно придерживаться, превращая текст в готовый макет
🙂️️ awdee.ru/algoritm-verstki
#awd_article #awd_edu
📖 11 принципов мышления стохастических трудоголиков — Журналус № 383
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Кэт Холмс Mismatch: How inclusion shapes design (с переводом на русский)
— Почему трудоголизм — всегда ошибка
— Как мыслить как дизайнер
— Процесс работы продуктового дизайнера в российском бигтехе
— Как делать айдентику для цифровых продуктов
— Качества грамотной визуализации данных
— Победители премии по визуализации данных
— Как оптимизировать компоненты в Фигме для более быстрой и приятной работы с ними
— Нужна ли чересполосица в таблицах
— Несколько новых генеративных нейросетей
— Документалка о нейронках (сгенерирована нейронками, разумеется)
— И много чего ещё!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Интернет-магазин дизайн-концепций для Web3-компаний от Embacy.
Дизайн-студия Embacy разместила у себя на сайте 26 бренд-дизайн концепций для Web3 компаний на продажу. Каждую можно купить за 1 ETH. После оплаты покупателю передается во владение файл в Figma, где собраны элементы концепции: 3D и 2D-иллюстрации, цвета, шрифты, уникальные графические паттерны, носители веб и коммуникационного дизайна. Некоторые концепции даже содержат маскота.
Перед покупкой команда Embacy может продемонстрировать Figma файл интересующей концепции со всем содержимым. Адаптация концепции и платные шрифты не входят в стоимость, а оплачиваются отдельно при необходимости.
Ознакомиться с дизайн-концепциями и отправить запрос на покупку можно здесь или написать ребятам на почту hello@embacy.io.
Реклама, ИП Орлов Вадим Сергеевич, ИНН 502731209260, erid: 2SDnjdjwXAp
#цитата_дня
Мне нравится размещать у себя в блоге чужие работы. Кое-кто спрашивает, не вредит ли это моему бизнесу, не опасаюсь ли я, что потенциальные клиенты обратятся к тому, кого я продвигаю, а не ко мне. Но я вижу это так: мои клиенты разумны. Если они считают, что другой дизайнер или студия подходят им больше, велика вероятность, что так оно и есть. С другой стороны, работа найдется для каждого из нас. Размещение произведений, которые вызвали мое восхищение, не только мотивирует меня улучшить свой дизайн, но и удерживает внимание читателей моего блога, потому что так он превращается в источник вдохновения и для них
Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»
🙂 Проектируем рейтинг и отзывы о товарах в приложении
Новая статья Станислава Хрусталёва о том, что следует учитывать в дизайне рейтинга и отзывов о товарах. Автор проанализировал российские приложения, нашёл лучшие практики и составил 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