31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Акцидентная типографика польского шрифтового дизайнера Петра Лапы из Кракова
#awd_typo via instagram.com/lapa_piotr
Designstripe Mockup Creator — бесплатный набор редактируемых мокапов
Мокапы гаджетов, упаковки и полиграфии, в которые можно загрузить ваш дизайн прямо в браузере. Там же можно скачать готовую картинку в размере до 2400×2400 px
designstripe.com/mockups
#awd_mockup #awd_webtool
The Spark — вдохновляющий короткометражный фильм о молодом боксёре, который выходит на ринг
Давление трибун, натиск соперника и страх заставляют его сомневаться в своих способностях. Но через духовную связь с предками он находит силы для борьбы
Короткометражка выглядит красиво и круто за счёт высокого уровня графики и шикарного монтажа
📹 Этот ролик на Вимео: vimeo.com/766362124
#awd_3D #awd_video #awd_motion
Бесплатный курс «Как сделать шрифт с нуля в Fontlab за 1 день»
На примере гарнитуры «Журнальная Рубленая» Александр Капуста показывает все этапы создания шрифта с нуля
Курс включает 39 уроков, каждый из которых длится ≈10-20 минут
В результате вы сделаете шрифт с одним начертанием, разберётесь с настройками программы Fontlab 8 (актуально для Fontlab 6 и 7), основами создания букв и различными техниками рисования контуров
youtube.com/playlist?list=PLNgYWGvPybOmNE0BTGMRvJuJniK6PIYw_
У FontLab 8 есть пробный триал на 10 дней
#awd_edu #awd_font #awd_typo #awd_tool
Рейчел — нейросеть, генерирующая 3D-композиции
С мая 2020 года Рейчел каждый день генерирует и публикует в своей социальной сети новую картинку без вмешательства человека. Авторы обучили её создавать в Unreal Engine 4 трёхмерные «эвридейки» на основе самых залайканных подобных изображений
Статья про проект: mwinckelmann.com/rachaelisnotreal
Больше композиций: instagram.com/rachaellic
#awd_illustration #awd_3D #awd_neuralart #awd_techno
Обновление дизайна флаконов мыла с оливковым маслом австралийского бренда Saardé
Источником вдохновения для создания минималистичного флакона послужил кусок мыла. Дизайнеры намеренно создали впечатление необработанных краёв и придали бутылке естественные очертания
Сочетание необычной формы флакона телесного цвета с приглушённой палитрой этикеток формирует ощущение натуральности продукта
#awd_pack via behance.net/gallery/154632773/Saard-Olive-oil-soap
🙂 12 бесплатных мастер-классов по каллиграфии
Уроки будут полезны как новичкам, так и опытным каллиграфистам
Автор даёт советы по выбору кистей и материалов для каллиграфии, рассказывает, как стилизовать буквы под разные тематики, создавать эскизы татуировок и писать готические буквы. Также вы узнаете, как рисовать паттерны с 3D-эффектом, сделаете обложку для книги в готическом стиле, буквенный коллаж и праздничную открытку с пожеланиями на Новый год
awdee.ru/12-calligraphy-lessons
#awd_edu #awd_lettering #awd_calligraphy
Айдентика кофейной марки Coffee Punch
Яркие иллюстрации с элементами коллажа и симпатичная антиква в логотипе разбавляют строгость черно-белой упаковки и формируют позитивный образ бренда
#awd_identity #awd_pack via behance.net/gallery/148025811/Coffee-Punch
Что думают нейросети о крупных пурпурных заказчиках — Журналус № 328
Вышла свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Саймона Гарфилда «Пурпурный. Как один человек изобрёл цвет, изменивший мир»
— Что же такое метавселенная на самом деле
— Как проводить встречи с крупными клиентами
— Что такое натуральная ретушь и как её сделать
— Фундаментальные принципы проектирования интерфейсов
— Как нейросети помогают художникам
— Плюсы и минусы работы в крупной IT-компании
— Как сделать хорошую мобильную навигацию
— Почему совместный брейншторм не эффективен
— Как правильно оформлять сообщения об ошибках
— Как структурировать заметки
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
💻 25 Figma-плагинов для работы с цветом
Плагины для работы с цветом предоставляют огромный выбор готовых цветовых палитр, помогают создавать собственные цветовые схемы, сделать в пару кликов тёмную тему на базе цветов светлой темы, сгенерировать цветовую палитру на основе изображения, быстро составить цветовую схему для дизайн-системы, а также узнать цвета, которые используют мировые бренды
https://awdee.ru/25-figma-plugins-colors/
#awd_figma #awd_tool #awd_article #awd_color
Сайт OG.Art — платформы для коллекций NFT
Антон Реппонен разработал сайт для OG.Art. Он выглядит лёгким и аккуратным за счёт продуманной сетки, системы карточек с контентом, минималистичной вёрстки, плавных анимаций и грамотной работы с цветом
og.art
#awd_web #awd_site
Аскетичная упаковка натурального шоколада Mellow
В оформлении обёрток дизайнер использовала природные цвета, а на их лицевой стороне разместила белую этикетку с процентом содержания какао, составом и рассказом о процессе производства шоколада
#awd_pack via verliebt.dk/cases/mellow1
Оформление и айдентика московского кинофестиваля Beat Film Festival 2020
Beat Film Festival 2020 — масштабное культурное событие, которое знакомит горожан с документальными фильмами о музыке, современном искусстве, медиа, уличной культуре, спорте и новых технологиях
Над фирменным стилем 2020 года работали графический и моушн-дизайнер Рикардо Д'Авила и художник Тима Радя. А типографику разработала шрифтовая студия Pangram Pangram
#awd_identity via ricardodavila.net/beatff2020
62 сцены из популярных фильмов и сериалов, со спецэффектами и без
Визуальные эффекты в современной киноиндустрии используют повсеместно. Например, тигр в фильме «Жизнь Пи» был ненастоящим (мы все это знаем, верно?). И большая часть из того, что мы видели во «Мстителях» или «Алисе в стране чудес», тоже графика
Автор статьи собрала фотографии со спецэффектами и без из фильмов, которые подвергались цифровым манипуляциям самыми неожиданными способами
boredpanda.com/before-and-after-visual-effects-movies-tv
#awd_fun
Дизайн-телега — самый большой склад бесплатных дизайн-материалов в телеграме. Мокапы, шрифты, figma-плагины и исходники. Уже более 3000 материалов.
Учебник дизайнера — бесплатные выжимки самой полезной информации с популярных платных курсов по дизайну. Авторы собирают все в удобные карточки без воды и публикуют на закрытом канале.
🤌 Подписывайся, пока доступ открыт
#промо
Айдентика кофейни Sunday Coffee House, расположенной в Мехико
В логотипе дизайнеры использовали интересное решение — кофейные чашки с глазами — символом, который олицетворяет бодрствование
В основе визуального стиля — линейные иллюстрации, элегантная типографика и сдержанная цветовая палитра
#awd_logo #awd_identity via behance.net/gallery/155701825/Sunday-Coffee-House
FlowBite — дизайн-система Figma на основе Tailwind CSS
Набор компонентов интерфейса FlowBite упрощает процесс интеграции со служебными классами из Tailwind CSS. Отличный инструмент для тех дизайнеров, которые знают, что команда frontend-разработчиков будет использовать фреймворк Tailwind. В этом случае эта дизайн-система упростит и ускорит процесс разработки
FlowBite включает:
— Более 1000 стилей, в том числе цвета, сетки, шрифты, отступы, аватары, иконки, иллюстрации, обводки, тени
— Более 220 настраиваемых компонентов на автолейаутах, в том числе модальные окна, таблицы, аккордеоны, хлебные крошки, группы кнопок, анимированные прелоадеры, навигационные панели, ползунки диапазонов, слайдеры и многое другое
— Адаптивные шаблоны страниц
— Тёмную тему
Дизайн-система постоянно обновляется и пополняется
Бесплатный файл включает базовый набор компонентов и разделов сайта. Цена полной версии FlowBite начинается от 149 $
🇬🇧 Ссылка на обзор FlowBite: youtube.com/watch?v=mTAupMv-3t8
Ссылка на дизайн-систему: flowbite.com/figma
#awd_figma #awd_tool
Бесплатный курс «Как сделать шрифт с нуля в Fontlab за 1 день»
На примере гарнитуры «Журнальная Рубленая» Александр Капуста показывает все этапы создания шрифта с нуля
Курс включает 39 уроков, каждый из которых длится ≈10-20 минут
В результате вы сделаете шрифт с одним начертанием, разберётесь с настройками программы Fontlab 8 (актуально для Fontlab 6 и 7), основами создания букв и различными техниками рисования контуров
youtube.com/playlist?list=PLNgYWGvPybOmNE0BTGMRvJuJniK6PIYw_
У FontLab 8 есть пробный триал на 10 дней
#awd_edu #awd_font #awd_typo #awd_tool
10 книжных обложек с типографикой в роли главного выразительного средства
#awd_cover via awdee.ru/10-knizhnyh-oblozhek-s-tipografikoj-v-roli-glavnogo-vyrazitelnogo-sredstva
Плакаты Александра Валиевски из Польши
#awd_poster via instagram.com/walijewskiart
🇬🇧 Пошаговое руководство Эдварда Чечика по наведению порядка в макетах, которые достались вам от другого дизайнера
Если дизайнер использовал в Figma-файле компоненты, стили для текста и цветов и передал вам такой макет для дальнейшей работы, то вам повезло. Но иногда приходится начинать работу с файлом, где царит полный хаос
Почему следует содержать Figma-файлы в порядке:
— Без структуры вам будет трудно ориентироваться в макете
— Над файлом будут работать другие люди, у которых возникнут сложности при взаимодействии с неупорядоченным макетом
— Работа в хаосе приведёт к ошибкам, которые могут стать причиной для трений с программистами и замедлить процесс разработки
— Без использования стилей и компонентов на внесение любого изменения потребуется много времени
— Беспорядок в макете говорит о том, что дизайнер не владеет навыками работы в Figma
Если вам передали плохо организованный макет, следуйте следующим рекомендациям:
— Сосредоточьтесь на наведении порядка в файле вместо того, чтобы жаловаться на другого дизайнера. Это поможет сохранить позитивный настрой
— Перед началом работы сообщите команде, что вам нужно время для организации макета
— Обсудите с менеджером проекта чёткие критерии того, как должен выглядеть Figma-файл
— Автоматизируйте каждую задачу, чтобы сделать процесс быстрым и точным
— Прежде, чем начать работу, сделайте дубликат файла. Возможно, информация из него вам еще понадобится
— Исключите из основного файла всю лишнюю информацию
— Для наведения порядка в типографике автор использует плагины Style Organizer и Similayer. Чтобы узнать, как он это делает, смотрите Видео 1
— Для организации цветов автор использует плагин Automate Color Styles. Процесс он показывает в Видео 2
— Создайте компоненты. Вы узнаете, как это сделать, из Видео 3
📓 Статья полностью: uxplanet.org/organize-figma-files-af6202b29d21
#awd_article #awd_figma #awd_tool
Айдентика польского стритфуда Combo
Combo находится рядом с легендарной Гданьской судоверфью. Поскольку заведение расположено в гавани, там подают национальные блюда разных стран мира
Экспериментальная типографика логотипа отражает разнообразие меню Combo, а чёрно-белая палитра хорошо приглушает общую экспрессивность дизайна
#awd_identity via behance.net/gallery/88478611/Combo-street-food-spiced-up-in-good-taste
Плакаты японского графического дизайнера Мицуо Кацуи
#awd_poster via sabukaru.online/articles/the-artist-who-invented-a-new-language-without-words-mitsuo-katsui
Детализированная графика и мрачный сеттинг в трейлере игры The First Descendant
📹 Этот ролик на Вимео: vimeo.com/761265457
Проект полностью: stashmedia.tv/the-first-descendant-cinematic-trailer-by-jeff-han-and-elastic
#awd_3D #awd_video #awd_motion
Дизайн упаковки BEANIST — нового бренда южнокорейской кофейной компании Ediya
В утилитарной упаковке дизайнеры умело сочетают графические элементы, минималистскую типографику и винтажные оттенки
На коробке вся необходимая информация находится на своём месте за счёт строгой визуальной иерархии. Название бренда занимает чуть менее 50% лицевой стороны, далее идёт наименование напитка и в последнюю очередь — дополнительные детали
#awd_pack via studiofnt.com/EDIYA-BEANIST
Editor X — браузерный конструктор мощных адаптивных сайтов
Можно собрать разные сайты, от статичных лендингов до сложных сайтов с собственной CMS: интернет-магазинов, площадок для бронирования, блогов, подписных сервисов и многого другого
Есть широкие возможности для интеграции сторонних модулей и API, кастомного кода и различных автоматизаций
Дизайн можно создавать с нуля или на основе готового шаблона. Редактор довольно мощный и удобный. Среди прочего, есть возможность одновременной совместной работы
Цена платных тарифов с подключением домена — от 17 евро в месяц
editorx.com
#awd_tool #awd_webtool #awd_nocode
10 «некомфортных» вещей из проекта The Uncomfortable
#awd_fun via theuncomfortable.com
Генеративные 3D-анимации Закари Корзина из Портленда для Google
В ролике автор показывает серию экспериментов с разными материалами. В работе он использовал такие инструменты, как Houdini, C4D, а для рендеринга — RNDR Network от Otoy
📹 Этот ролик на Вимео: vimeo.com/755196207
Проект полностью: stashmedia.tv/google-generative-branding-expressions-by-zachary-corzine
#awd_3D #awd_video #awd_motion
Трёхмерные иллюстрации Шир Пакман из Израиля
Шир рисует схематичные монохромные иллюстрации в Procreate. Затем она создаёт 3D-модели в Maya и рендерит в Cinema 4D и Octane. А после рендеринга Шир возвращает изображения в Procreate, чтобы еще раз детально проработать их и придать им более живописный вид
Интервью с автором
#awd_illustration #awd_3D #awd_art #awd_CG via instagram.com/shirpakman