31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Обложки»: awdee.ru/tag/cover
#цитата_дня
Компьютеры позволили создавать шрифты кому угодно, и это привело к сильнейшему визуальному загрязнению в истории. Чтобы привлечь внимание к этому вопросу, я устроил выставку работ, созданных нами за многие годы с помощью всего 4 гарнитур: Garamond, Bodoni, Century Expanded и Helvetica. Целью выставки было показать, что, экономя шрифты, можно с успехом создать великое множество печатных материалов. Другими словами, важен не шрифт, а то, что ты с ним делаешь
“The Vignelli Canon”, Массимо Виньелли
Новый год мчится! 🎄
Выбор профессии – не то, с чем стоит торопиться, но с Креативным маршрутом вы точно сэкономите время.
Креативный маршрут – это подборка материалов от экспертов индустрии, которые помогут определиться с будущей работой мечты:
– 6 гайдов о профессиях
– 4 теста на профориентацию, чтобы понять свои сильные и слабые стороны
– видео-уроки о профессиях в дизайне
Бесплатная карьерная консультация в подарок!
Регистрируйтесь по ссылке и забирайте материалы на почте: https://go.contented.ru/erid_2Vtzqv5anpS
Реклама ООО "Скилфэктори", erid 2Vtzqv5anpS
#цитата_дня
Книга с квадратными иллюстрациями будет квадратной, книга с прямоугольными иллюстрациями будет прямоугольной (портретной или альбомной ориентации), в соответствии с наиболее подходящей формой демонстрации материала. Содержание определяет форму — это фундаментальная истина и в книжном дизайне. Рекомендуется строить модульную сетку в соответствии с пропорциями большинства изображений, чтобы свести к минимуму необходимость кадрирования
“The Vignelli Canon”, Массимо Виньелли
Вариативные шрифты
Вариативные шрифты произвели революцию в типографике. Они дают дизайнерам большую свободу для творчества и дополнительный инструмент выразительности, а также позволяют обеспечить максимальное удобство восприятия текста и более быструю загрузку контента
В статье мы рассказываем о том, что такое вариативные шрифты, какие преимущества у них есть и как применять их в работе. Также вы найдёте реальные примеры их использования, подборку из 10 классных бесплатных вариативных шрифтов для скачивания и множество сайтов, где собрана более подробная информация на эту тему и сами шрифты
🙂️️️️ awdee.ru/variativnye-shrifty
#awd_article #awd_typo #awd_font
#цитата_дня
Мне очень нравится концепция психолога Эда Динера. Он утверждает, что наша удовлетворенность зависит не от интенсивности позитивных переживаний, а от их частоты. Когда мы думаем, что подняло бы нас на вершину блаженства, то обычно представляем что-то «большое»: свидание с кинозвездой, присуждение Пулитцеровской премии или покупку яхты. Но Динер и его коллеги это опровергают. Человек, в жизни которого ежедневно происходит десяток приятных вещей, скорее всего, будет счастливее, чем тот, у кого в жизни произошло лишь одно событие, зато грандиозное. Так что носите удобные ботинки, чаще целуйте жену, ешьте картофель фри. Да, это мелочи. Но мелочи имеют огромное значение
«Как оставаться человеком на работе», Дэниел Гоулман
Как выравнивать текст в сетке по базовой линии шрифта: руководство для 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
Яндекс Музыка выкатила большое обновление и новый логотип
Обновление айдентики приурочили к освежению интерфейса и улучшению алгоритмов рекомендаций
На место банальной ассоциации первого уровня — ноты, пришёл яркий псевдообъёмный импульс. Он удачно взаимодействует с новым контрастным шрифтом. В направлении, куда «смотрит» импульс, шрифт — широкий, а с его обратной стороны — узкий. Это задаёт знаку и надписи общую динамику
Динамика, кстати, выбрана «позитивная» — вправо-вверх, в соответствии с матрицей эмоций
А ещё импульс отлично укладывается в музыкальный ассоциативный ряд: движение, энергия, вспышка, звёзды, и много чего ещё
Больше картинок: awdee.ru/yandex-music-rolled-out-a-big-update-and-a-new-logo
#awd_identity via music.yandex.ru/home
Как уберечь пользователя от потери данных по ошибке: проектирование «удаления» и «отмены»
Пять рекомендаций от UX Movement по проектированию действий, ведущих пользователя к удалению каких-либо данных.
🙂️️️️ awdee.ru/actions-that-prevent-data-loss
#awd_article #awd_ui
Логотипы, разработанные Полом Рэндом и его биография
Влияние Рэнда на индустрию дизайна огромно. Благодаря его работе в области рекламы и графики профессия дизайнера стала значимой и ценной для бизнеса, дизайнеры перестали восприниматься как обычные оформители. Он был одним из первых коммерческих дизайнеров в Штатах, кто принял, практиковал и распространял Швейцарский стиль
🙂️️ awdee.ru/paul-rand
#awd_article #awd_person
Советы для новичков на фрилансе: 29 вещей, которые я хотел бы знать, когда начинал фрилансить
Перевод рекомендаций Бруклина Нэша начинающим фрилансерам. Автор рассказывает, как устанавливать стоимость за услуги и повышать цены, находить клиентов и договариваться с ними. Он также объясняет, почему важно общаться с другими фрилансерами и никогда не работать бесплатно
Из нетривиальных советов — открывайте ссылку на Google Docs сразу при получении для проверки доступов, чтобы не оконфузиться после того, как вы откроете её через две недели, или отдавайте другим фрилансерам свои проекты, чтобы поддерживать work-life balance и не выгорать
🙂️️ awdee.ru/advice-for-new-freelancers-29-things-i-wish-i-knew-when-i-started-freelancing
#awd_article #awd_career
Азбука графического дизайнера и художника Ника Теплова из Лейпцига
Больше букв: awdee.ru/azbuka-2
#awd_illustration #awd_typo #awd_retro
📼 Уроки по анимации и рендерингу товаров в 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, до того, как услышит вопрос». Когда я берусь за новый проект, то веду себя так, будто это мой первый опыт, и исследую основы бизнеса клиента.
Дэвид Эйри, «Дизайн для души, бизнес для денег. Ответы на самые распространенные вопросы о запуске и ведении дизайнерского бизнеса»