Новое видео на канале: основы Фигмы за час (на самом деле немного больше 😅).

Если вы только планируете изучать программу — то оно именно для вас 😉

https://youtu.be/CRIu7Nn_mLE

Рубрика полезных ссылок 🔗

http://uxtimeline.com/ — интересный сайт, на котором можно проследить путь развития сайтов некоторых известных продуктов

P.S. Обратите внимание на частоту, с которой бренды обновляют свои сайты.

Всем привет! Хочу поделиться кейсами ребят с первого потока курса "UI/UX дизайн". На мой взгляд получилось очень классно 🔥🚀

Dmitry Davydov
https://www.behance.net/gallery/136253239/Frisky-radio-App

Anastasiya Haidukova
https://www.behance.net/gallery/143875329/Rewaste

Ivan Lao
https://www.behance.net/gallery/143824493/WestSide-Bank-App

Новое видео на канале: обновления Фигмы Май - Август 2022

Рассмотрим огромное обновление Config 2022, включающее новые Auto Layout и Component Properties. Разберем самые интересные функции из недавнего Little Big Updates, а также ряд других, более мелких изменений.

https://youtu.be/X9lndtF9XSs

Друзья, привет! Сегодня стартует третий поток курса "UI/UX дизайн" с фидбеком

Группа почти набралась, но осталось ещё 3 места. Если хотите попасть на курс, напишите мне в личку — @Disarto.

Стоимость курса — 35.000 рублей.

Всем добра 🙌☀️

По поводу приобретения Фигмы компанией Adobe

Всем привет! Давно не виделись 👋. Возвращаюсь к публикации сайтов для вдохновения 🙂

https://www.rollienation.com/ — интересное e-commerce решение, хоть и далеко не идеальное. Присутствуют интересные находки по лэйауту, типографике, микро-взаимодействиям и анимации. В целом выглядит достаточно свежо.

Всем привет!👋

15 Марта стартует четвертый поток курса UI/UX дизайн.

Осталось ещё 2 места. Если у кого-то есть желание присоединиться к курсу — пишите @disarto.

Стоимость курса с фидбеком — 40.000р.

https://mschf.com/ — отличный пример нестандартного e-commerce. Сочные фото продуктов в миксе с современной типографикой и безумными эффектами. И все это живет в рамках довольно жесткой сетки.

Не сказать, что навигация у сайта удобная и интуитивная (скорее наоборот). Но запоминается однозначно.

Отдельное удовольствие доставляет первая загрузка главной страницы 😃

Небольшое видео из новой рубрики Quick tips на Youtube — советы и лайвхаки по работе в Фигме за 2-3 минуты 😀

https://youtu.be/JqfPMO715pg

https://www.flyhyer.com/ — приятный сайт частной авиакомпании.

Контрастная типографика, уместное использование 3d и скролл эффектов в сочетании с достаточно строгим лэйаутом.

https://type1ventures.com/vision — интересная страница на сайте венчурной компании, построенная по принципу сторителлинга с использованием скролл-эффектов.

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

Новое видео из рубрики Quick tips. На этот раз о том, как быстро найти все инстансы мастер компонента.

https://youtu.be/EHxiRbdwKTA

https://www.fontshare.com/ — полезный сайт, на котором вы найдете 100 бесплатных шрифтов высокого качества.

Дизайн самого очень весьма хорош, так что подойдет и в качестве вдохновения.

Единственный недостаток — представленные шрифты не поддерживают кириллицу 🥲

Первое видео из серии про недавнее обновление Фигмы. Смотрим что нового в функционале Auto layout.

https://youtu.be/T-e8d0tvEd8

Новое видео про переменные в Фигме. Разбираемся с тем, что это такое, как работает и зачем нужно 😉

https://youtu.be/3lfpe-L9QdY

Новое видео о продвинутом прототипировании с переменными в Фигме. Начнем с простых примеров и в конце видео соберем полноценный экран прототипа корзины товаров.

https://youtu.be/5DAhLgfQE5s

https://www.cutthecode.com/ — отличный пример использования шейпов в дизайне. Переходы между секциями, форма карточек и фонов, различные детали — все смотрится достаточно свежо.

Подборка качественных бесплатных иконпаков, которые я использую на ежедневной основе. (часть 1)


Unicons by Iconscout
https://iconscout.com/unicons/explore/line

Один из моих любимых наборов. Огромное количество иконок, практически на все случаи жизни.

Из минусов — все иконки с фиксированной толщиной штриха (2px) и неудобный плагин для Фигмы (поэтому беру иконки напрямую с сайта)


Iconsax
https://www.figma.com/community/plugin/1157650182274906132

Отличный пак. Использую, когда нужны максимально "дружелюбные" 😄 иконки (с сильным скруглением углов).

Толщина штриха (stroke) редактируется + есть нормальный плагин.


Phosphor icons
https://www.figma.com/community/plugin/898620911119764089

Ещё один очень крутой набор иконок. В последнее время всё чаще пользуюсь именно им.

Из недостатков разве что не очень удобный размер контейнера — 32px (я использую 24px).

Толщина штриха также редактируется + хороший плагин.

Иконпаки (часть 2).


Uicons by Flaticon
https://www.flaticon.com/uicons/interface-icons

Неплохой пак. Довольно много иконок, интересная пластика.

Из недостатков — очень неудобный размер контейнера (512px), отсутствие плагина и фиксированная толщина штриха.


Feather icons
https://www.figma.com/community/plugin/744047966581015514

Небольшой, но качественный пак. Толщина штриха редактируется, есть удобный плагин.

Из недостатков разве что небольшое количество иконок.


Boxicons
https://www.figma.com/community/plugin/776756033372000327

Хороший пак. Иногда здесь находятся интересные иконки, которые отсуствуют в других наборах.

Толщина штриха фиксированная, плагин есть.


Вот и всё 🙂. Какие наборы используете вы?