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

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

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


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

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

15 Сентября стартует пятый поток курса UI/UX дизайн

Для записи пишите @disarto

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

https://www.bunsenstudio.com/ — сайт студии с очень крутым интерактивным первым экраном.

Тот случай, когда изначальный вау-эффект мотивирует углубиться в контент.

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

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

Шрифты платные, но есть пробная версия, которая отличается только тем, что в названии файла будет написано Unlicensed trial.

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

Новое видео на Youtube. Начинаем говорить о нейросетках. На этот раз рассматриваем ChatGPT, Midjourney, Stable Diffusion и Photoshop.

https://youtu.be/ff29bUm_pdQ?si=XawCY5UwSut_MPhS

А какими AI инструментами пользуетесь вы?

Новое видео на Youtube. В подробностях разбираем Midjourney v6.

Поговорим о самых важных изменениях, посмотрим на что сейчас способна шестая версия и как всё это можно использовать в веб и UI/UX дизайне. А также несколько рекомендаций по написанию промптов в Midjourney v6.

https://youtu.be/YKeUicxDQaM?si=7829WUcHAViStypO

Мой первый аплоад в Figma Community. Набор графики, сгенерированной с помощью Midjourney.

В паке 15 .png изображений с прозрачным фоном.

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

В файле есть несколько примеров использования.

Забрать можно здесь — https://www.figma.com/community/file/1322980420112735389/15-iridescent-abstract-3d-shapes-pack

Всех с наступающим! 🎄✨

https://aminacharging.com/ — приятный минималистичный сайт зарядных устройств для электромобилей.

Всё сделано крайне аккуратно. Есть ряд интересных решений на внутренних страницах.