чтобы сделать уникальный контент для главной страницы, мы генерили картинки с помощью ии. о деталях и тонкостях рассказывает 🫖 лева ловушка:

использовали в основном krea: flux, krea 1, nano banana. за рефы брали креативную рамку, которую создали superdesigners. дальше дообучали модельку и уточняли итерационно промпт. основной сложностью было отсутствие четких гайдов для новых иллюстраций и ограниченность креативной рамки. очень многое приходилось делать наощупь, постоянно сверяясь с командой сбера и уточняя, туда ли идем. все остальные сложности были стандартными для таких проектов: большое количество иллюстраций и абстрактных смыслов, которым нужно было дать объект. отдельной проблемой было то, что мы сначала подключили генеративщика, но за неделю проекта поняли, что это не супер эффективно. для клевых генераций важно было сильно погрузиться в продукт и смыслы. передавать это человеку со стороны было утомительно. составляя для генеративщицы тз, мы, по сути, сами собирали промпт. поэтому генерации отдали вебдизам, я их сам подучил, и все полетело! ну и как обещали, делимся примером промпта: Tall modern apartment building in the center of a composition. Building is made from a different materials. Scene is light, made from a few fluid shapes from various materials. Colors are diverse – we can see a shades of green, light warm gray and white walls. Soft lightning with gobo shadows. Minimalistic isometric composition. Elegant, clean 3D render. (наши промпты работали в связке со стилями, на которые мы дообучали нейронку, и рефами, а это секрет, сорри) 🟢 подробнее про весь процесс работы над главной читайте в статье

📚 40 элементов интерфейса для начинающих дизайнеров

Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Иб Камара запустил собственное агентство Raw Materials — креативную платформу полного цикла, которая объединяет стилистов, дизайнеров, фотографов, видеографов и саунд-дизайнеров. Об этом сообщают WWD.
По словам Камары, цель проекта заключается в том, чтобы создать гибкое пространство, где команда может адаптироваться под задачи каждого клиента. Он описал агентство как пространство свободы без границ и подчеркнул, что хочет работать с разными идеями и людьми. Камара также отметил, что название Raw Materials (англ. исходные материалы) отражает суть творчества — текстуры, цвета, звуки и эмоции, из которых рождается искусство. Он добавил, что сам он начинал как стилист, но со временем расширил свою практику до дизайна, фотографии и музыки. 🔹The Blueprint News
Изображение поста
Material Design 2: от "цифровой бумаги" до готовой дизайн-системы — серия из 6 частей
Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья
Изображение поста
Material Design 2: от "цифровой бумаги" до готовой дизайн-системы — серия из 6 частей
Начинается серия статей о Material Design 2: философия и глубокие знания основ интерфейсов для создания лучших продуктов Читать на дизайнерс | #статья
Изображение поста
Material Theme Builder — инструмент, который генерирует динамическую палитру для светлой и темной темы на основе выбранного изображения или цвета.
material-foundation.ghub.io/material-theme-builder
Сайт CCUS Experience
Цифровой проект о работе Heidelberg Materials с технологиями улавливания, использования и хранения углерода. #3D #сайт #минимализм #здоровье Посмотреть сайт 👨‍💻
Material Palette — выбираете 2 цвета и инструмент сгенерирует для вас палитры
Изображение поста
Почему T&M-формат — это честно и гибко
Статья рассматривает основные преимущества и недостатки моделей сотрудничества Fixed Price и Time & Material при работе с дизайн-студиями и digital-агентствами Читать на дизайнерс | #статья
Изображение поста
Material Theme Builder — инструмент, который генерирует динамическую палитру для светлой и темной темы на основе выбранного изображения или цвета.
material-foundation.ghub.io/material-theme-builder 🎆 Вебдизайнерская
Приятный шоурил из элементов Material Design 3.
Гайдлайны Google Material и Apple Human Interface.
Коллекция бесплатных интерфейсных компонентов
Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma Ссылка #materials_nd TOP Tutorial
Изображение поста
Make a Mesh Material Substance Painter Tutorial
Быстрый способ создания сетчатого материала в Substance Painter. 🖼 Смотреть #Substance
Библиотека иконок "Phosphor Icons 1.4" by Evano Pescatore Большой набор плоских иконок со сглаженными краями, есть 18 разных категорий.
Изображение поста
Бесплатные шрифты
На онлайн-генераторе цветовых палитр есть раздел с бесплатными шрифтами и удобным фильтром Ссылка #materials_nd TOP Tutorial
Изображение поста
Плагин в Google Come
SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты Ссылка #materials_nd
Изображение поста