Инструменты
Довольно полный список инструментов, приложений, оборудования и многого другого, что я использую ежедневно для дизайна и программирования. И да, это GIF из фильма Джонни Мнемоник на заднем плане.
Дизайн
- Figma — мой основной инструмент для UI-дизайна в наши дни. Перешел со Sketch в 2020 году и не жалею. Я также создал несколько плагинов, которые вы можете установить.
- Любую моушн-графику я создаю в Adobe After Effects. Пока что я не нашел продукт не от Adobe, который был бы так же хорош. Если у кого-то есть предложения, пожалуйста, напишите мне.
- Для 3D-моделей и видеомонтажа я использую Blender. С версии 2.8 он стал намного проще в использовании и во многом лучше дорогих платных инструментов вроде 3DS Max или Maya.
Разработка
- Я использую VSCodium как текстовый редактор, с темой Tokyo Night и шрифтом Operator Mono.
- Firefox — мой основной браузер как для разработки, так и для общего использования.
- React — моя любимая JavaScript-библиотека для фронтенда. Компонентно-ориентированная ментальная модель — это первое, что действительно имело смысл для меня как дизайнера.
- Для 3D-эффектов и шейдеров изображений я использую three.js. У него есть кривая обучения, но с ним можно делать действительно мощные вещи.
- Для CSS я использовал множество препроцессоров и css-in-js решений вроде styled-components, но в наши дни я использую ванильный CSS с PostCSS, чтобы получить будущие возможности CSS уже сегодня.
- Для JavaScript-анимаций я использую Framer Motion — это отличный способ добавить пружинные анимации в React и three.js.
- Для создания и тестирования UI-компонентов в изоляции я использую Storybook. Посмотрите storybook для этого сайта.
Система
Десктоп | Собранный на заказ |
---|---|
Операционная система | Arch Linux (кстати) |
Браузер | Zen Browser |
Монитор | 1440p IPS 144hz LG 27GL850 |
Клавиатура | Tofu65 |
Мышь | Logitech G403 |
Ноутбук | Macbook Pro 14″ |
Наушники | Audio Technica ATH-M50x/Apple Airpods |
Микрофон | Blue Yeti |