36450
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
#цитата_дня
Мне очень нравится концепция психолога Эда Динера. Он утверждает, что наша удовлетворенность зависит не от интенсивности позитивных переживаний, а от их частоты. Когда мы думаем, что подняло бы нас на вершину блаженства, то обычно представляем что-то «большое»: свидание с кинозвездой, присуждение Пулитцеровской премии или покупку яхты. Но Динер и его коллеги это опровергают. Человек, в жизни которого ежедневно происходит десяток приятных вещей, скорее всего, будет счастливее, чем тот, у кого в жизни произошло лишь одно событие, зато грандиозное. Так что носите удобные ботинки, чаще целуйте жену, ешьте картофель фри. Да, это мелочи. Но мелочи имеют огромное значение
«Как оставаться человеком на работе», Дэниел Гоулман
Как выравнивать текст в сетке по базовой линии шрифта: руководство для 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
#цитата_дня
Я могу проиллюстрировать применение в дизайне науки о поведении на примере «стиральной машины на игровой плащадке». Бесполезно строить усовершенствованные игровые площадки в районах трущоб, где у женщин нет времени на то, чтобы присматривать за детьми во время игры. Вместо этого мы построили детскую площадку, где центральный застекленный наблюдательный павильон был оборудован стиральными машинами и сушилками. При этом женщины могли присматривать за своими детьми и одновременно заниматься стиркой, а также разговаривать друг с другом.
Виктор Папанек «Дизайн для реального мира»
📼 Уроки по анимации и рендерингу товаров в 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