12078
Канал образовательного проекта Наука Дизайна: nauka-dsgn.ru youtube.com/@naukadsgn vk.com/nauka_dsgn instagram.com/nauka_dsgn instagram.com/gorelik_design По все вопросам @ioanndarkovski
Как выравнивать текст в сетке по базовой линии шрифта: руководство для Figma
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе.
Ссылка
#article_nd
Что такое дизайн-токены простыми словами
В статье самое простое объяснение дизайн-токенов на примере житейских ситуаций. Что это такое, как работают и зачем они нужны.
Ссылка
#article_nd
Полезное из комъюнити
Набор из 200+ компонентов на авто-лейаутах Eve UI Kit для дизайна интерфейсов в светлой и тёмной теме.
Ссылка
#materials_nd
Плагин в Figma
Format AI — упрощает работу с текстом: объединение и разделение слоёв, проверка орфографии, редактура, удлинение и укорачивание текста при помощи ИИ
Ссылка
#materials_nd
Inspiration дня
Сегодня вдохновляемся сайтом-портфолио лондонской брендинговой студии OMSE. В лучших традициях брутализма и крутая работа с анимацией.
Ссылка
#inspiration_nd
Помощь в создании упаковки
Развёртки для сборки бумажных упаковок и фигур на сайте Templatemaker с возможностью настраивать и экспортировать результат в PDF, SVG, JPEG, PNG и другие форматы.
Ссылка
#materials_nd
Бесплатные мокапы
Более 450 бесплатных мокапов упаковки, гаджетов и многое другое из коллекции магазина Pixpine.
Ссылка
#materials_nd
Шпаргалка по промтам
Перевод шпаргалки, которая на готовом примере поможет научиться формулировать промты для ChatGPT и писать классные тексты.
Ссылка
#article_nd
Inspiration дня
Как выглядит айдентика для телеграм-канала на примере метаироничного интересного кейса для тг-канала Константина Лобанова. Как вам такой формат?
Ссылка
#inspiration_nd
Студия Артемия Лебедева представила сервис по создаю презентаций «Фокус»
«Фокус» создает презентации без необходимости ручной работы по расстановке элементов и оформлению. Сервис предлагает различные варианты композиции и оформления элементов на слайде, освобождая пользователей от необходимости заниматься этим самостоятельно.
Ссылка
#news_nd
ИИ-генератор иллюстраций
Бесплатный Recraft позволяет генерировать векторную графику, иллюстрации и 3D-картинки на бесконечном холсте, а также удалять фон с готовых изображений или переводить их в вектор.
Ссылка
#materials_nd
⚡️Уже завтра. Новый поток курса UX/UI анимация
Трудно представить современный и эстетичный интерфейс без продуманной и осмысленной анимации. К тому же знания, как привлечь внимание пользователя, сделать взаимодействие интуитивно понятным — высшая степень пилотажа. Именно над этим мы и будем работать на новом потоке обновленного курса UX/UI анимация. Ждем тебя!
Подробности тут
Бесплатные формы
Коллекция из 3000 геометрических форм, разделенных на группы по внешнему сходству и общим чертам. Бесплатный конструктор, который поможет создать нечто свое.
Ссылка
#materials_nd
Анимации интерфейсов
Библиотека крутейших анимаций интерйесов App Motion. Среди них анимации из Telegram, Shazam, Wise и других известных приложений. На сайте есть удобные теги для сортировки.
P.S. а чтобы так уметь, приглашаем тебя на наш курс UX/UI анимация, который стартует уже 19 февраля. Подробности по ссылке
Плагин для Figma
Shape move позволяет создавать динамичную и увлекательную анимацию в проектах по опорным точкам векторных фигур
Ссылка
#materials_nd
Inspiration дня
Сегодня предлагаем вдохновиться архитектурным проектом Getty, который сочетает в себе виртуозную работу с типографикой, композицией и анимацией.
Ссылка
#inspiration_nd
Новая функция в Figma
Figma выкатила новую функцию Multi-Edit или мультиредактирование. Теперь можно выделять сразу несколько слоев в разных фреймах/группах и применять к ним одни и те же изменения одновременно.
Ссылка
#news_nd
Жизнь трендов скоротечна
Наш курс “Композиция 2.0 теория и практика” заложит в тебя фундаментальные знания, которые всегда будут актуальными. Глубокое понимание основ дизайна поможет тебе четко определять задачу и находить то самое верное решение.
Новый поток стартует уже 18 марта. Ждем тебя!
Подробности
Обновление Кандинского 3.0.
Разработчики отмечают, что модель лучше понимает запросы пользователей и способна создавать еще более реалистичные изображения, в том числе, со знанием элементов отечественного культурного кода. Также возможна генерация анимаций «Кандинский Видео». Доступно бесплатно.
Ссылка
#news_nd
Тонкости UI-дизайна больших таблиц с данными
Перевод статьи Эндрю Койла о том, как правильно оформлять интерфейсные таблицы, которые содержат много данных. В материале он делится практическими советами, которые помогут создавать удобные и читаемые таблицы.
Ссылка
#article_nd
Друзья, хорошие новости!
Открыт набор на новый поток нашего большого и фундаментального курса "Композиция 2.0 Теория и практика". Еще больше новой информации и практики по организации макета на основе нашего восприятия. Старт 18 марта. Ждем тебя!
Подробности
Inspiration дня
Исторический диджитал-архив Canada Modern работ канадских графических дизайнеров 1960–1985 годов.
Ссылка
#inspiration_nd
Генератор упражнений
UI Coach - инструмент для создания UI/UX-задачек для дизайнеров: создает краткое описание проекта, а также предлагает требования к цветам и шрифтам. В его функционал включены образцы разнообразных проектов и комбинаций шрифтов для стимулирования творческого мышления.
Ссылка
#materials_nd
22 совета и гайдлайна по дизайну «хлебных крошек»
uxteddy/JenThwcebeP">Туториал по созданию «хлебных крошек» в UI/UX-дизайне. В статье мы рассмотрим анатомию, структуру и примеры применения компонентов, а также другие аспекты, которые стоит учесть.
uxteddy/JenThwcebeP">Ссылка
#materials_nd
Плагин в Figma
Jony Eye, который поможет упростить рабочий процесс и найти ошибки в макетах: типографика, стили, документы, размещение элементов. Просто выдели рабочий объект, который нужно проверить, и настрой типы ошибок, например, поиск случайно использованных шрифтов или ошибок, связанных со стилями.
Ссылка
#materials_nd
⚡️Друзья! У нас есть длинные рассрочки
Добавили кучу разных сервисов с удобными рассрочками. Теперь каждый сможет подобрать для себя самую удобную! Ждём тебя на новом потоке курса UX/UI анимация.
ИИ-сервис для хранения референсов
Kive автоматически сортирует изображения по признакам, создавая папки или доски, например, по цвету или теме. Вы можете искать изображения по содержимому, делиться ссылками на доски и совместно управлять референсами с коллегами.
Ссылка
#materials_nd
Быстрое создание мокапов
Бесплатный онлайн-редактор Shots для создания мокапов. Быстрый способ презентовать свой дизайн на разных устройствах (смартфон, планшет, ноутбук, монитор и часы).
Ссылка
#materials_nd
⚡️Продолжается набор на новый поток курса UX-UI анимация
Одно из частых требований к дизайнерам — это навык создания анимации интерфейса. Но для многих анимация — это просто украшение дизайна на уровне UI и всё. Мы же научим тебя понимать принципы и решать реальные UX-задачи при помощи анимации. Стартуем 19 февраля.
Ссылка на курс
Редизайн нового сайта ВТБ
Студия Pinkman опубликовала подробный кейс, в котором рассказала о том, как фирменная графика может трансформировать коммуникацию между банком и пользователями и куча другой полезной информации.
Ссылка
#news_nd