180 элементов пользовательского интерфейса для Figma
Установить пак

#UI #Kit

Rotato
Это самый простой инструмент, позволяющий быстро и профессионально делать UI-мокапы. Раньше, чтобы найти что-то более-менее подходящее (и, быть может, даже бесплатное), мне приходилось долго бродить по блогам в поисках мокапов для Photoshop. Rotato заметно упростил жизнь: теперь я могу просто перетащить туда свой дизайн мышкой, скорректировать угол устройства — и вот за пару секунд у меня готов мокап.

#Mockup

Cool Backgrounds представляет собой набор инструментов для создания привлекательных многоцветных изображений для блогов, социальных сетей и сайтов. Получившиеся изображения можно использовать не только в качестве фонов — можно сделать из них обои для рабочего стола на ПК или обои для телефона.

#полезность

MagicPattern — лучший генератор SVG паттернов онлайн. Легко и удобно позволяет создавать паттерны, менять их размер, цвета. Можно загружать собственные фигуры или использовать готовую библиотеку. Неограниченное количество вариаций.

#tools #SVG

Два канала для любого дизайнера, на которое точно нужно подписаться 🏆

@design_telega — огромная телега ресурсов для дизайнеров. На канале уже более 1000 материалов от крутых мокапов (даже iphone 12 завезли уже) и бесплатных шрифтов, до текстур и просто полезных ресурсов. Все материалы проверяются и все они БЕСПЛАТНЫ для использования и вам не прийдется париться за покупку лицензий.

@psd_eu — Тот самый канал для дизайнеров. О дизайне в России, о фестивалях, об адекватных заказчиках, о полезных рабочих сервисах и инструментах. У них вы увидите содержательные интервью и статьи, а также работы лучших студий. Эти ребята не дадут стоять вам на одном месте. Они постоянно будут закидывать для вас всё самое интересное.

Infogram
Создание инфографики вручную — достаточно хлопотное занятие. Такого типа работа часто связана не столько с творчеством, сколько с эффективной организацией информации. Вот почему инфографика — это тот вид деятельности, который я предпочитаю автоматизировать.

Почему стоит использовать INFOGRAM?

-Присоединяйтесь к одному из самых популярных производителей инфографики на рынке;
-Используйте креативные шаблоны;
-Работайте в интуитивно понятном редакторе с множеством настраиваемых параметров.

#полезность

Picular — это поисковик, в который вы можете ввести, скажем, слово “фрукт” и на выходе получить мозаику цветов, относящихся к введённому термину. Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.

#color

Плагин Glyphy использует порядок слоев для применения 3D-эффекта — создает трехмерные анаглифы (понадобятся красные/голубые анаглифические очки).

Вы можете отрегулировать глубину — насколько «внутрь» и «далеко» — с помощью ползунка.

Вам понадобятся красные / голубые анаглифические очки, чтобы увидеть результат в 3D!

Подсказки
- Используйте полноэкранный режим и увеличьте яркость для наилучшего эффекта.
- Если эффект выглядит неправильно, возможно, это слишком большая глубина — попробуйте уменьшить глубину с помощью ползунков.
- Меньшее количество слоев или групп приведет к более выраженному эффекту. Если слоев слишком много, вы можете не заметить эффекта (или он будет выглядеть действительно круто — в зависимости от содержимого).
- Из-за примененных режимов наложения маски и другие дополнительные эффекты могут не дать ожидаемого результата — попробуйте сгладить маски или отключить режимы наложения слоев.
Установить плагин

#FigmaPlugins #3D

Typ.io Font Pairing Lists
Ресурс сопряжения шрифтов Typ.io добывает данные из почти 3000 онлайн-примеров. Инструмент позволяет визуально сравнить разные шрифты в действии. Если вы ищете заголовок с засечками и основной текст без них, Type.io предоставит вам все необходимое.

#Fonts

Коллекция иллюстраций Startup Teamwork Pack тщательно создана с учетом современных тенденций дизайна. Каждый макет хорошо структурирован и организован. Поддерживает форматы AI .XD .SKETCH .FIG
Скачать набор

#Illustration #Kit

Вы наверняка сталкивались с такой ситуацией: вам понравился шрифт на каком-либо сайте, но вы не знаете где найти о нем информацию. Ресурс Font Of Web поможет.

Надо ввести URL сайта, в котором вам приглянулся шрифт, и через пару секунд у вас будет вся необходимая информация: название основного шрифта, перечень запасных вариантов этого шрифта, все типоразмеры для параграфа и заголовков, а также все спецификации (размер, толщина, высота строки и даже ссылки для скачивания).

#font

Personas Tool помогает вам лучше понять вашу целевую аудиторию, создавая образ покупателя.

#полезность
#FlowMap

WhatFont - полезное расширение Chrome которое значительно экономит время: вы наводите курсор на шрифт и мгновенно получаете сведения. Расширение выдаст вам имя шрифта, семейство и т.д. – вплоть до шестнадцатеричного кода для цвета текста.

Самое приятное то, что WhatFont также предоставляет ссылку на загружаемый шрифт в Typekit, чтобы вы могли мгновенно добавить его в свою библиотеку шрифтов.

#Chrome #font

​​Дизайн-заруба с призовым фондом в 650 000 рублей 💰

Все мы знаем ребят из Mail ru Group и Design Line. В этом году они объединились, чтобы сделать самый масштабный конкурс дизайнеров..

Russian Design Cup — это уникальная возможность посоревноваться с дизайнерами России и СНГ. А оценивать это будет мощнейшее жюри.

👉 Что нужно делать?

Выполни все задания, получи высшие баллы от жюри, крутой опыт, деньги и славу. Да, все действительно просто.

👉 Как зарегистрироваться?

Переходи по ссылке http://clc.to/rdcdsgnline и пройди бесплатную регистрацию на конкурс.

Будет интересно - главное не упусти этот шанс.

Градиенты для Figma & Sketch

Классный набор ярких, красочных градиентов для создания дизайн-проектов. В архиве файл для программы Sketch и ссылка на проект с градиентами в Figma.

Установить для Figma
Установить для Sketch

Isoflow позволяет с легкостью создавать изометрические диаграммы для презентаций и иллюстраций. После экспорта вы сможете редактировать векторный файл, а затем использовать диаграмму для печати или разместить ее на сайте.

#полезность

Плагин Clipping Magic BG Removal позволяет удалять фон в изображениях.

Для этого плагина потребуется учетная запись Clipping Magic API.

#FigmaPlugins

Web-дизайн - Шаблон для Figma EasyFrame 3.0 - Wireframe kit

Если вы UIX-дизайнер и работаете с Wireframe (каркас) в Figma, то этот набор с организованной дизайн-системой вас очень сильно порадует своим впечатляющим арсеналом. Интуитивно понятный и лёгкий в использовании набор EasyFrame позволяет создать прототип за считанные минуты, поэтому этот инструмент можно назвать действительно лёгким!

Скачать Kit

#UIKit #Figma

Часто мы можем застрять, думая, что добиваемся прогресса, когда на самом деле топчемся на месте.

В этой статье дизайнер с большим опытом за плечами объясняет, чем состояние "быть в движении" отличается от состояния "действовать"?
А также делится своей и сторией и рассказывает о пяти пунктах, которые нужно знать каждому джуну в начале своего пути:

-Создайте личный проект
-Редизайн физического интерфейса
-Создайте собственный дизайн-челлендж
-Улучшение существующего приложения
-Расскажите свои собственные истории

Советуем перейти по ссылке и прочитать всю статью, ведь все пункты из перечисленных звучат, как план:)

#Design #UI #UX

Востребованные дизайн-профессии 2021

UX, 3D, моушн, веб-дизайн, кинетическая типографика.
Рассказываем о направлениях, которые популярны сегодня и, по мнению преподавателей Bang Bang Education — ведущих дизайн-студий и дизайн-лидов российских и зарубежных компаний, — будут востребованы в ближайшем будущем. Если сейчас тот самый период в жизни, когда ты оказался перед выбором узкого направления твоей деятельности или тебе вовсе нужно выбрать дело всей жизни, то , определенно, стоит прочесть эту статью. В ней подробно рассказывается о каждой дизайн-профессии:

Какие дизайнерские тренды будут главными в вебе и мобайле в 2021 году

По известным причинам уходящий год изменил взгляды человечества на жизнь и отдельные её аспекты. Мы стали по-другому общаться, передвигаться, потреблять, платить за товары и услуги. Отразится ли это на том, каким будет взаимодействие людей с технологиями?
Если коротко, то - да. Но советуем почитать об этом подробнее

#Design