Многие фронтендеры, мобильные разработчики, проджекты и UI/UX-дизайнеры сталкиваются с неразберихой в работе над крупными проектами. Конечно же, многие из них слышали и даже начали использовать дизайн-системы. Как раз для вас — юбилейный десятый выпуск «Магнитного Поля», гостем которого стал Виталий Симанов, хранитель дизайн-системы Магнита
Виталий рассказал:
— зачем нужна дизайн-система
— какие задачи она решает
— какие продукты её используют
— чем их подход отличается от фреймворков других компаний
— что такое токенизация
— какие инструменты и стеки используются для поддержания и работы дизайн-системы
— как организован контрибьют в неё
— и многое-многое другое!
Это уже десятый выпуск подкаста «Магнитное Поле», который совместно записывают Завтракаст и IT-команда ритейлера Магнит. В предыдущих выпусках обсуждали: Data Governance, современные облачные решения и микросервисы, IT HR, ecom, зачем нужен agile, geo BI, облачные архитектуры, InnerSource, создание внутренних продуктов, ecommerce и многое другое с кучей классных спикеров
Послушать: https://pc.st/e/64u5vwFMDKS
Посмотреть: https://youtu.be/fOz9BIORahc
Посмотреть вакансии:
https://magnit.tech
Реклама Сейфельмлюков Тимур Алиевич, ИНН 771672614871, erid: Kra23h1fN
Нейронка точно и правдоподобно дорисовала картинки по отражению в воде
Пользователь реддита сгенерировал изображения в Midjourney и отрезал их часть, оставив только отражения в воде удалённых с картинки объектов. Потом с помощью инструмента InPaint в Photoshop ему удалось восстановить отсутствующую часть картинки. В итоге новое изображение получилось очень похожим на оригинал
Больше примеров: awdee.ru/the-ai-accurately-and-believably-finished-the-pictures-based-on-the-reflection-in-the-water
#awd_techno via reddit.com/r/midjourney/comments/16w5dla/restore_objects_from_reflections_generated_images
Ривьера — бесплатная выразительная антиква с кириллицей
Плавный шрифт с высоким контрастом и декоративным характером. Доступно одно начертание. Содержит только заглавные литеры, цифры, знаки препинания и специальные символы. В составе есть кириллица и латиница
Отлично подойдёт для заголовков, плакатов или обложек
Доступен бесплатно для личного использования. Цена для коммерческих проектов — по запросу у автора
Скачать: behance.net/gallery/181520675/Riviera-font
Больше картинок: awdee.ru/riviera-is-a-free-expressive-antiqua-with-cyrillic-characters
#awd_font #awd_free_download
Леттеринг для коллекции одежды, стилизованный под работу баллончиком
Проект под названием Little Creative Factory выполнил Алекс Трошут из Бруклина
Больше картинок: awdee.ru/lettering-for-a-collection-of-clothes-stylized-as-spray-can-work
#awd_lettering via behance.net/gallery/131304033/Little-Creative-Factory
Ретро-иллюстрации Ромена Бийо из Лиона
Больше иллюстраций: awdee.ru/retro-illustrations-by-romain-billaud-of-lyon
#awd_illustration via behance.net/billaudromain
The Forester — оптимистичная короткометражка о зелёном и светлом будущем
Последние годы для восстановления лесов во всем мире широко используют дроны. Авторов ролика вдохновил такой подход, и они придумали дружелюбного робота-лесовода, который c помощью симпатичного дрона озеленяет бесплодную землю
Получилась красочная и немного сюрреалистичная анимационная короткометражка с мастерским сочетанием 2D и 3D-анимаций
Ролик сделала команда тайваньской студии моушен-дизайна MixCode
📹 vimeo.com/871555915
Проект полностью: stashmedia.tv/the-future-is-bright-in-mixcodes-pause-original-short-film-the-forester
Больше кадров: awdee.ru/the-forester-is-an-optimistic-short-film-about-a-green-and-bright-future
#awd_video #awd_motion #awd_3D
В России стали недоступны для оплаты такие сервисы как Midjourney, Canva, Netflix, Spotify и другие 💸
Есть удобный бот в телеграм для оплаты заграничных сервисов, которые невозможно оплатить из России.
В Cashinout вы можете завести свою виртуальную карту для оплаты онлайн-сервисов и перевода денежных средств на иностранные карты.
Ссылка на канал сервиса:
👉🏻 CASHINOUT 👈🏻
Смотри гайд, как оплатить Midjorney:
👉🏻 ГАЙД 👈🏻
Реклама Ekvarta Group, ИНН 5263622670, erid: Kra23wYEp
Айдентика бразильского кафе-мороженого La Mia
Понятное цветовое кодирование, игра с визуальным весом шрифтов и силуэтные иллюстрации — оригинальное сочетание элементов стиля, которые в целом выглядят очень круто!
Больше картинок: awdee.ru/the-branding-of-the-brazilian-ice-cream-cafe-la-mia
#awd_identity #awd_pack via behance.net/gallery/181433281/La-Mia
Glif — браузерный генератор изображений с готовыми стилями
Платформа объединяет несколько генеративных ИИ-моделей — GPT 3 и 4, SDXL, Kandinsky 2.2 и Controllism v1
На сайте есть картинки с готовыми стилями и промтами, которые создали и опубликовали пользователи. На базе любой из них можно сгенерировать собственное изображение
Есть режим Remix, чтобы генерировать похожие картинки. С нашумевшей функцией Controlnet можно вписывать слова прямо в изображения, а при помощи img2img — преобразовывать уже готовые иллюстрации
glif.app/glifs
#awd_tool #awd_webtool
🙂️️ Приводность вёрстки
Статья Игоря Штанга с советами о приводности и выборе интерлиньяжа
awdee.ru/privodnost-verstki
#awd_article
Восемь свежих крутых примеров книжного дизайна
Больше обложек: awdee.ru/eight-fresh-cool-examples-of-book-design
#awd_cover via instagram.com/the.book.design
Cайт швейцарской полиграфической компании Setaprint
Флюидный градиент, который реагирует на курсор, отсылает к смешению красок в полиграфии и придаёт сайту динамику
При этом внутренние страницы сохраняют некоторую строгость за счёт утилитарной вёрстки и монохромных блоков, символизирующих чёрно-белую печать
setaprint.ch/en
Больше скриншотов: awdee.ru/cajt-shvejtsarskoj-poligraficheskoj-kompanii-setaprint
#awd_web #awd_site
🙂️️ Книжный дизайн русского авангарда
Егор Цеманек написал статью о том, как оформляли книги в 1910-20 гг. Это был период авангарда в книжном дизайне, когда художники и графики смело экспериментировали с вёрсткой, типографикой, материалами, иллюстрациями и формой книг
В статье автор показывает обложки и развороты самых разных изданий. Там и футуристическая книга с примитивистскими иллюстрациями и нарушением всех правил типографики. Есть развороты с экспериментальной типографикой авангардного типа. Можно увидеть примеры книжного конструктивизма, в котором преобладают композиции из простейших геометрических форм. Есть и варианты с использованием приёмов фотомонтажа, а также книга с текстом в качестве главного формообразующего элемента
А ещё автор показал примеры разворотов нескольких детских книг, которые иллюстрировали лучшие графики того времени
awdee.ru/book-design-of-the-russian-avant-garde
#awd_article #awd_retro
Neue Montreal Squeezed — нейтральный вариативный гротеск с кириллицей
Зауженный шрифт с низким контрастом. Доступно 56 начертаний: 7 вариантов насыщенности для каждого из 4 вариантов ширины + курсивы. Есть вариативная версия
Поддерживает расширенную латиницу и кириллицу. Содержит строчные и прописные буквы, цифры, дроби, индексы, навигационные элементы и многое другое
Отлично подойдёт для плакатов, музыкальных и журнальных обложек
Доступен бесплатно для личных проектов. Коммерческие лицензии начинаются от 30 $ за отдельные начертания, 320 $ за подсемейства с вариативной версией и 1200 $ за всю коллекцию
Скачать: off-type.com/products/neue-montreal
Больше картинок: awdee.ru/neue-montreal-squeezed
#awd_font #awd_free_download
Обновление айдентики платформы монетизации контента Patreon
Отличный пример динамической айдентики, когда диджитал-бренд заявляет о себе через анимацию, интерактивность и цветовые трансформации
Новый вариативный логотип Patreon в виде трёхмерной буквы «P» двигается, меняет текстуру и цвет. Но при этом его текучая абстрактная форма остаётся моментально считываемой и узнаваемой
Также идентичность задают вариативная типографика и цвета, которые адаптируются под контекст
Через такой стиль дизайнеры хотели показать свободу самовыражения самых разных авторов на Патреоне и одновременно продемонстрировать уникальность каждого из них
Больше картинок и анимаций:
#awd_identity via news.patreon.com/articles/patreon-redesigned
Роскошный дизайн лимитированной серии австралийского виски Gallus
Минималистская силиконовая лента со слепым тиснением названия геометрическим гротеском — крутейшая идея. Она выглядит оригинально, свежо и одновременно подчёркивает премиальный характер напитка
Больше картинок: awdee.ru/luxury-design-of-the-limited-edition-of-australian-whisky-gallus
#awd_pack via packagingoftheworld.com/2023/10/gallus-whisky-bold-design-denomination.html
+GP Agency ищет SMM-менеджера в команду бренда одежды для детей и подростков.
Подробнее по ссылке
#вакансия
Плакаты Анны Кулачёк из Нью-Йорка
Больше плакатов: awdee.ru/posters-anna-kulachek-new-york-united-states
#awd_poster via typographicposters.com/anna-kulachek
Плакаты Шеллтента Лина из Гонконга
Стильная серия с оригинальными псевдотрёхмерными иероглифами и цифрами
Больше плакатов: awdee.ru/the-posters-by-shelltent-lina-from-hong-kong
#awd_poster via behance.net/gallery/153509443/_
📖 Манифест вавилонской рыбки — Журналус № 376
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Комментарий Лебедева про его назначение директором по дизайну ВК
— Цитаты из книги Элис Тибо и Тима Калкинса «Сильный бренд. От стратегии и бренд-дизайна до статуса и лидерства»
— Книжный дизайн русского авангарда
— Как переделать набор текстов на мобильных, чтобы стало удобно
— Большое сравнение DALL-E 3 и Midjourney
— Главные новинки с конференции Adobe MAX
— Новая айдентика Patreon
— Тренды в мультимедиа дизайне 2024
— Туториалы по эффектам в Blender 3D
— В чём смотреть вариативные шрифты
— Новые генеративные инструменты
— Полезные скрипты для Иллюстратора
— Почему эффект Даннинга—Крюгера — ерунда
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
🙂️️ Проверяем METRO на прочность
Станислав Хрусталёв прошёл клиентский путь в приложении доставки продуктов Metro, нашёл в нём 200 аспектов, которые можно улучшить, и поделился ими в статье
Результаты автор разбил на следующие этапы клиентского пути:
— Призыв к скачиванию на сайте
— Страница приложения в App Store
— Онбординг и активация
— Ввод адреса доставки
— Выбор магазина
— Главный экран
— Просмотр сторис
— Раздел акций
— Ознакомление с каталогом
— Поиск с помощью строки
— Карточки товаров в листинге
— Фильтрация и сортировка
— Полные карточки товаров
— Избранное
— Авторизация и оформление карты
— Работа с корзиной
— Оформление заказа
— Оплата заказа
Для большей наглядности каждую точку роста сопровождает скриншот из приложения
awdee.ru/testing-metro-for-durability
#awd_article #awd_ux #awd_cx
Плакаты Кая Дамиана Маттисена из Лондона
Больше плакатов: awdee.ru/posters-by-kai-damian-matthiesen-from-london
#awd_poster via typographicposters.com/kai-matthiesen/65143a35b45e004dd2691a73
Красочные иллюстрации Лучано Циана из Рио-де-Жанейро
Больше иллюстраций: awdee.ru/vibrant-illustrations-by-luciano-cian-from-rio-de-janeiro
#awd_illustration via behance.net/lucianocian
По-настоящему крутые и востребованные курсы создают не просто профессионалы, а те разработчики, которые следят за трендами и используют современные фишки.
Кемп от Академии iSpring - лучшее место, чтобы отточить навыки создания курсов под смартфон и попасть в крутое комьюнити.
Что в программе?
✅ Принципы разработки курсов под мобильные устройства.
✅ UX и UI дизайн обучающего контента под мобильные устройства. Визуальная иерархия контента.
✅ Настройка тестов, интерактивностей, диалоговых тренажеров в курсах для мобильных устройств.
✅ Воркшоп по разработке курса с экспертами отрасли.
✅ Хайкинг-тур в «Роза Хутор»
По окончании Кемпа в вашей копилке будет готовый электронный курс, созданный специально под смартфон.
Авторы лучших работ, созданных в ходе воркшопа, получат награды и признание экспертов и коллег.
Подробности и регистрация здесь: https://bit.ly/3ZOavdm
Реклама: ООО "Академия iSpring"
Erid: Kra245e5Z
Девять плакатов Кариллы Карахана из Стамбула
Больше плакатов: awdee.ru/nine-posters-by-karilla-karahan-from-istanbul
#awd_poster via typographicposters.com/carilla-karahan
erid: LjN8Kag8a
Для чего дизайнерам нужно юзабилити-тестирования?
Отвечаем на этот вопрос вместе с Татьяной Чернявской, руководителем продуктовых исследований Авито. Она поделилась рецептом эффективного юзабилити-тестирования, которое поможет сделать интерфейс удобным, а пользовательский опыт приятным.
Самое основное рассказали в карточках, а в полном видео рассказываем подробно и с примерами и кейсами из приложения Авито.
А в канале AvitoTech сможете найти ещё больше кейсов и познакомиться с командой.
Реклама ООО "АВИТО ТЕХ", ИНН 9710089440
Айдентика линейки солодового молока вьетнамского производителя Malto
Целевая аудитория Malto — подростки. Поэтому кавайные персонажи, красочная палитра и дружелюбные шрифты как нельзя кстати соответствуют тематике проекта
Больше картинок и gif: awdee.ru/identity-of-the-malted-milk-range-of-vietnamese-producer-malto
#awd_identity via underconsideration.com/brandnew/archives/new_logo_identity_and_packaging_for_malto_by_m_n_associates.php
Онлайн-архив снимков пионера цветной фотографии Прокудина-Горского (1863-1944)
Сергей Михайлович Прокудин-Горский — русский фотограф, который снимал преимущественно дореволюционную Россию 20 века. Из своих фотографий он составил альбомы по темам и географическому принципу
На сайте архива все альбомы представлены в цифровом формате: prokudin-gorsky.org/gallery/album
📼️️️️️️ А ещё рекомендуем посмотреть замечательный документальный фильм Леонида Парфёнова «Цвет нации», посвящённый Прокудину-Горскому
#awd_collection #awd_retro
Мечтаете развиваться в сфере дизайна, но не знаете, с чего начать? Посетите бесплатный мини-курс Skillbox по цифровому дизайну, попробуйте себя сразу в нескольких профессиях и выберите ту, которая вам по душе!
Подробности и регистрация: 👉 https://epic.st/Zkc1O
Мини-курс отлично подойдёт как начинающим дизайнерам, так и тем, кто думает сменить специальность!
За 5 дней вебинаров вы:
✔️ Познакомитесь с UX, веб-, motion-, графическим дизайном и коммерческой иллюстрацией
✔️ Проанализируете тренды цифрового дизайна в 2023 году и поймёте, почему дизайнеры нужны в любой отрасли
✔️ Изучите графические редакторы Figma и Adobe Illustrator
✔️ Создадите 4 крутых кейса для личного портфолио: первый экран для мобильного приложения для любой бизнес-ниши, базовую айдентику или фирменный стиль, дизайн упаковки и дизайн-проект для малого и среднего бизнеса
✔️ Узнаете, как эффектно презентовать свою работу заказчикам, куда двигаться, где искать вдохновение и первые проекты
Смотрите видео в удобное время — за 4 занятия вы изучите видеоматериалы в записи. Мы сделали акцент на практике, поэтому в роликах много подробных примеров работы. В последний день занятий проведём прямой эфир с экспертом, где он даст обратную связь и ответит на все вопросы.
Спикеры:
— Дмитрий Матвеев — арт-директор в Wildberries и специалист по UX/UI, графическому и веб-дизайну
— Максим Чистов — основатель и арт-директор студии Nine Squares. Работал со СберМаркетом, с ВКонтакте, Disney, AliExpress, Ростехом, Кофеманией
— Юлия Свобода — графический дизайнер, иллюстратор и спикер Skillbox
🎉 Всех участников мини-курса ждут ценные подарки: 5 полезных материалов по дизайну, электронная книга издательства МИФ, бессрочный доступ к материалам, чтобы вы всегда смогли вернуться к ним, а также сертификат на скидку 10 000 рублей на любой курс Skillbox.
Ждём только вас!
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
Почему важно помогать другим, чтобы быть успешным
Большинство высокоэффективных сотрудников страдают от микрострессов. И лишь малой части таких людей удаётся хорошо справляться с напряжением
В ходе исследований выяснилось, что они чувствуют себя более счастливыми, потому что поддерживают других людей. То есть высокоэффективные люди, которые ощущают внутреннюю гармонию, смещают фокус с достижения собственных целей на помощь другим людям. В их жизни, помимо гедонистических целей, которые преследует большинство людей, есть ещё и эвдемонистические
Гедонистическая деятельность направлена вовнутрь и связана с сиюминутным закрытием собственных потребностей. Это может быть заключение нового контракта на продажу, приобретение нового телефона или стремление есть изысканную еду
Кайф от таких целей быстро сходит на нет по двум причинам:
— Мы быстро привыкаем к новой одежде, машине, дому, телефону, компьютеру и стремимся покупать всё новые и новые вещи, чтобы снова испытать удовольствие от их приобретения. Исследователи называют этот эффект «гедонистической беговой дорожкой»
— Постоянное сравнение себя с другими людьми заставляет нас следить за тем, что у них есть, и хотеть этого, будь то большой дом, отпуск или должность в ведущих компаниях
То есть когда мы концентрируемся на гедонистических целях, то получаем краткосрочный эффект от их достижения
Эвдемонистическая деятельность направлена вовне и заключается в том, чтобы помогать другим. Это может быть благотворительность, признание вклада другого человека, проявление сочувствия и участия. Даже в малой степени эвдемонистическая деятельность создаёт ощутимое чувство цели и помогает преодолеть давление гедонистического образа жизни
Это подтверждают и нейрологические исследования. Их результаты показывают, что люди, которые находят смысл жизни за пределами материального успеха, и стремятся помогать и отдавать, хорошо справляются со стрессами и в долгосрочной перспективе более успешны, чем гедонисты
freethink.com/health/hedonic-vs-eudaimonic
#awd_career