📚 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
Video is not supported
Изображение канала: Минутка веб-дизайна
Сайт CCUS Experience
Цифровой проект о работе Heidelberg Materials с технологиями улавливания, использования и хранения углерода. #3D #сайт #минимализм #здоровье Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Retro Figma
Material Palette — выбираете 2 цвета и инструмент сгенерирует для вас палитры
Install
Изображение поста
Изображение канала: Веб дизайн в Figma
Почему T&M-формат — это честно и гибко
Статья рассматривает основные преимущества и недостатки моделей сотрудничества Fixed Price и Time & Material при работе с дизайн-студиями и digital-агентствами Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Material Symbols
💾 Скачать и использовать https://www.figma.com/communy/plugin/1088610476491668236">https://www.figma.com/communy/plugin/1088610476491668236 🔎 Посмотреть описание https://www.figma.com/communy/plugin/1088610476491668236">https://www.figma.com/communy/plugin/1088610476491668236 #icons #figma
Изображение поста
Изображение канала: Вебдизайнерская
Material Theme Builder — инструмент, который генерирует динамическую палитру для светлой и темной темы на основе выбранного изображения или цвета.
material-foundation.ghub.io/material-theme-builder 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Вебдизайнерская
Приятный шоурил из элементов Material Design 3.
Video is not supported
Изображение канала: DESIGN HUB
Гайдлайны Google Material и Apple Human Interface.
Смотреть урок 🏛DESIGN HUB
Video is not supported
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Коллекция бесплатных интерфейсных компонентов
Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma Ссылка #materials_nd TOP Tutorial
Изображение поста
Изображение канала: IT Cloud | Курсы по 3D Blender | Houdini | Zbrush | Maya | Photoshop | Unreal Engine | Unity и т.д.
Make a Mesh Material Substance Painter Tutorial
Быстрый способ создания сетчатого материала в Substance Painter. 🖼 Смотреть #Substance
Video is not supported
Изображение канала: Figma и точка
Библиотека иконок "Phosphor Icons 1.4" by Evano Pescatore Большой набор плоских иконок со сглаженными краями, есть 18 разных категорий.
🌀Посмотреть иконки🌀 #materials 💚 Figma и точка
Изображение поста
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Бесплатные шрифты
На онлайн-генераторе цветовых палитр есть раздел с бесплатными шрифтами и удобным фильтром Ссылка #materials_nd TOP Tutorial
Изображение поста
Изображение канала: TOP Tutorial | Бесплатные уроки по дизайну
Плагин в Google Come
SVG Grabber - расширение для Google Come, которое выводит на отдельную страницу все SVG-обеъекты Ссылка #materials_nd
Изображение поста
Изображение канала: CG Курсы
Levelup Digital - Creating a Smart Fur Material | QiYu Dai
Узнайте, как создать реалистичный настраиваемый материал меха с помощью Substance Designer и преобразовать его в смарт-материал Substance Painter, где вы сможете управлять текстурой и направлением меха. В этом уроке старший художник Ubisoft Цию Дай (он же Эйден) покажет вам весь процесс создания меха, делясь своими секретами. 🗣Язык: ENG 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Substance_Designer #3d #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Изображение поста