Дизайн системы UI в Figma

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

Если вы про дизайн-системы ничего не знаете — начните изучение вопроса с этих библиотек дизайнов интерфейсов доступных в Фигме или просто используйте их:

Bootstrap 5 https://www.figma.com/community/file/1044316192441037087

United UI https://www.figma.com/community/file/1020079203222518115

Tailwind CSS UI https://www.figma.com/community/file/768809027799962739

Medusa UI https://www.figma.com/community/file/1278648465968635936

Align UI https://www.figma.com/file/PJ630SzPS3x2D807GYKHOk/

Сайт услуг KWORK

Обнаружил очень хороший сайт услуг KWORK:

https://kwork.ru/ref/13662221

Можно заказать услуги по любой тематике или выставить свои. Чтобы заказать услуги надо просто зарегистрироваться и создать описание проекта. Чтобы начать зарабатывать, конечно, придется сперва выполнить несколько заказов с демпингом, чтобы заработать рейтинг — выбирите что-то простое. Бирж, в которых созданы комфортные условия для общения и простым вводом/выводом денег мало, это одна из них.

 Я, для интереса, уже выполнил пару заказов, вот мой профиль: https://kwork.ru/user/podhod?ref=13662221

Losless Cut программа для обрезки видео без перекодирования

Если вы когда-нибудь занимались оцифровкой видоекассет, то оцените этот инструмент. Каждое новое видео на базе существующего требует его пересоздания (reencoding) — файл увеличивается, а качество теряется. Видеофайлы с кассет получается очень тяжёлые, с шумным и низкокачественным изображением. При этом файл чаще всего надо обязательно нарезать, поскольку в видео, чаще всего, несколько разных эпизодов. Не хочется ухудшать и увеличивать объём и без того проблемных файлов.

Потрясающая программа Losless Cut решает эту и множество других сопутствующих проблем. Вот короткое информативное видео с примерами возможностей программы: https://youtu.be/pYHMxXy05Jg

Cut Videos in SECONDS Instead of Hours with No Quality Loss! 🎬 LosslessCut

Релизы LoslessCut на GitHub https://github.com/mifi/lossless-cut/releases
Сайт о программе https://mifi.no/losslesscut/

Возможно, вам будет интересен обзор других бесплатных видео-редакторов и программ для монтажа фильмов https://vovkasolovev.ru/blog/video-editor/

Подпишитесь на мой Телеграмм https://t.me/VovkaSolovevRu

Tom Richmond и книга «The Mad Art of Caricature!»

Потрясающая книга «The Mad Art of Caricature! A Serious Guide to Drawing Funny Faces», о том как рисовать карикатуры, художник Том Ричмонд, один из ключевых авторов сатирического журнала «MAD».

Достаточно пролистать книгу, чтобы вам станет многое понятно. Краткий рецепт карикатуры известен каждому, кто начинал инетерсоваться темой: уменьшай маленькое, увеличивай большое. Но как конкретно? Что именно определить в объект изменения размера? Как, изменяя пропорции и упрощая, сохранить узнаваемость?

В книге есть все эти ответы: как видеть ключевые формы, как находить линии вдоль которых можно менять пропорции, какими приёмами можно упрощать элементы лица и тела, каких контуров достаточно для передачи формы.

https://archive.org/details/caricature-book-images

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

Что купить на Black Friday веб-разработчику?

Всем, кто делает сайты на WordPress рекомендую приобрести Crocoblock, там скидка 40% на Black Friday. В этом наборе плагинов есть мощнейший плагин JetEngine, позволяющий создавать записи любого типа и содержания. Один заменяет весь неудобный зоопоарк из плагинов ACF, Custom Post Type UI и Types. Поддержите украинских разработчиков:
https://vovkasolovev.ru/go/crocoblock/

Если вы знаете что такое Elementor, то знаете, что там только что появился простенький конструктор для Listing Grid — дизайн вывода карточек постов на сайте. В Crocoblock JetEngine давно есть намного более продвинутый конструктор Listing Grid, добавляющий возможность создания условий к запросу и встраивание других карточек.

Кроме этого в Crocoblock JetEngine есть собственный конструктор Личного кабинета. Сможете создать закрытую часть сайта, в которой пользователи могут заполнять и хранить свои данные. В комбинации с их же плагином JetFormBuilder это невероятная мощь! Ради личных кабинетов больше не нужно заводить проекты на Yii, Symfony или Laravel.
https://vovkasolovev.ru/go/jetformbuilder/

Crocoblock JetEngine работает и с редактором Gutenberg и c Elementor. Если вы до сих пор не пользуетесь Elementor, то очень рекомендую и его к приобретению на Black Friday. Окупите первым же созданым сайтом. Elementor это самый удачный, популярный и кастомизируемый конструктор страниц и дизайна темы (Page Builder и Site Builder).
https://vovkasolovev.ru/go/elementor/

О глобальной популярности Elementor очень легко судить — это единственный конструктор, для которого есть специальный раздел на Envato Market ThemeForest. Элементор — невероятно мощный инструмент. Позволяет визуально конструировать свои лендинги из готовых настраиваемых блоков. Лучше чем Tilda и WebFlow. Я даже в нем сразу прототипирую, Figma не нужна.
https://vovkasolovev.ru/go/envato-elementor/

Набор WordPress + Elementor + Crocoblock это достаточный набор чтобы решать практически любую сайтостроительную задачу. Работаю с этой связкой уже 3 года, это самый удобный стек для дизайнера сайтов.