📚 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
Изображение поста
Levelup Digital - Creating a Smart Fur Material | QiYu Dai
Узнайте, как создать реалистичный настраиваемый материал меха с помощью Substance Designer и преобразовать его в смарт-материал Substance Painter, где вы сможете управлять текстурой и направлением меха. В этом уроке старший художник Ubisoft Цию Дай (он же Эйден) покажет вам весь процесс создания меха, делясь своими секретами. 🗣Язык: ENG 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Substance_Designer #3d #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Изображение поста