Делимся приложениями и инструментами для macOS, с помощью которых мы создаем графический дизайн для проектов с нашим участием. Некоторые из инструментов имеют веб-версию или доступны для владельцев компьютеров на платформе Windows.
Программы разделены на разделы, соотвествующие процессу или типу контента.
Мы против пиратства в любом виде. Используем только лицензионные программы, создаем оригинальный контент и графику, платим авторам, чьи работы используем при создании веб-дизайна, и призываем следовать этим принципам окружающих.
Проектирование
Мы пользуемся Figm’ой на первых этапах создания макета, проектируем низкодетализированные странички (вайрфреймы), собираем мудборды и строим схемы. Figma — универсальный инструмент, которым мы пользуемся каждый день.
Платформа: Mac OS, Windows, Web
Стоимость: для личного пользования — бесплатно, для дизайн-команд — 12$ в месяц, для организаций — 45$ в месяц
Сайт программы: https://www.figma.com
Векторная графика
С новым алгоритмом ранжирования сайтов от Google — Core Web Vitals, о котором мы писали ранее, использование «тяжелой графики» на сайте может серьезно повлиять на позиции вашего сайта на Wix, одним из вариантов не жертвовать “eye catcher” объектами, использовать в веб-дизайне векторную графику в формате svg.
Программы отбирались по нескольким критериям:
Программа не должна нагружать компьютер, часто в процессе работы с десятка два открытых вкладок в хроме, среди которых прожорливый до ресурсов редактор Wix
Работа с планшетом Wacom
Свои кисточки
Поддержка SVG без бубнов
Inkscape
Программа с открытым исходным кодом, доступная на платформах Windows. Unix и Mac OS. Понимает силу нажатия планшета, стандарт программы формат SVG, позволяет работать с кодом SVG напрямую, казалось бы идеальный вариант, но производительность недостаточная для комфортной работы с графикой.
Платформа: Mac OS, Windows, Linux
Стоимость: Бесплатно
Скачать: https://inkscape.org
llustrator
Известный редактор для работы с вектором от Adobe. Огромный инструментарий, которым, к сожалению, стало невозможно пользоваться из-за принудительной подписки(если конечно хотите пользоваться актуальной версией программы), сопутствующих установочных файлов, которые плотно поселятся на жестком диске, постоянное присутствие в трее запущенных программ и уведомления с предложениями воспользоваться всеми продуктами по очереди.
Платформа Mac OS, iPadOS, Windows
Стоимость: 1 622,40 рубля в месяц
Скачать: https://www.adobe.com/ru/products/illustrator
Affinity Designer
Недавнее приобретение, в котором пристутствуют все «хотелки», отлично работает с SVG, обладает мощными инструментами для типографики и леттеринга, поддерживает работу с кистями, и растровыми текстурами из коробки, обратная совместимость с проприетарным форматом Ai.
Наш фаворит для работы с векторной графикой в 2021 году. Есть триал на 90 дней, сейчас действует скидка 50 %.
Платформа: Mac OS, iPadOS, Windows
Стоимость: 4 690,00 рубля за пожизненную лицензию
Скачать: https://affinity.serif.com/ru/designer/#buy
Vectornator
Программа изначально разрабатывалась для iPadOS, поэтому для пользователей MacOS доступен, на мой взгляд не самый удобный интерефейс. Программа бесплатная, поддерживает силу нажатия пера Apple Pencil, но не работает с планшетами Wacom (поэтому мы его не используем для создания иллюстраций).
Большой плюс Vectornator’а — огромная библиотека с готовыми элементами интерфейса, иконок и интеграция с сервисом unsplash, иногда это очень удобно и поддержка множества форматов, в том числе Ai, Fig и другие.
Платформа: Mac OS, iPadOS, iOS
Стоимость: бесплатно
Скачать: https://www.vectornator.io
Растровая графика
Бывает, что у клиентов нет графики бюджета на аренду услуг профессионального фотографа, в таких случаях мы берем на себя задачу по обработке фотографий и графики. Мы редактируем, ретушируем, убираем лишнее, добавляем нужное, вообщем делаем все возможное в рамках бюджета, чтобы представить товары и услуги на сайте в лучшем виде без ущерба для скорости загрузки сайта (помним про Web Core Vitals).
Pixelmator Pro
Лучшая программа для обработки графики на MacOS еще с первых версий, только обратите внимание на отзывы в App Store, заряженная мощными инструментами для обработки фотографий (работа с RAW файлами, восхитительные инструменты цветокоррекции, эффекты, которые не разрушают оригинальный файл, поддержка истории файла и другие.). Кроме того поддерживает работу с векторной графикой и экспортом в SVG, нативный экспорт в формате Webp, поддержка AppleScript и Automator. Вообщем если вы владелец компьютера на MacOS, рекомендуем к приобретению.
Платформа: Mac OS, iPadOS, iOS
Стоимость: 19,99 $ за единоразовую покупку, есть триал и возможность получить скидку
Скачать: https://www.pixelmator.com/pro/
Анимация и видео
Внимание человека становится новой валютой в мире людей, которые не расстаются со смартфоном, поэтому мы используем для привлечения и удержания внимания разные трюки: видео, анимация, возможности для взаимодействия из нового редактора editorX.
Final Cut
Профессиональный инструмент монтажа видео, которым пользуются именитые режиссеры, рекламные агентства и мы. Поддерживает различные форматы, оптимизирован для компьютеров Mac, чистый интерфейс и огромное комьюнити, которое делится своими материалами абсолютно бесплатно. Цена за лицензию кажется высокой, но она соизмерима с постоянной подпиской от Adobe, вы можете может расплатиться кредитной картой, и запросить рассрочку у банка.
Также есть небольшая хитрость, можно сэкономить на покупке Final Cut и остальных продуктов для творчества от Apple, о которой чуть позже.
Платформа: Mac OS
Стоимость: $299.99 за единоразовую покупку лицензии, есть триал в 90 дней
Скачать: https://www.apple.com/final-cut-pro/
Motion
Программа для создания эффектов и анимации, как в формате 2d. так и в 3d, и даже видео 360, работает в паре с Final Cut, то есть вы можете создать эффект в Motion и использовать его в Final Cut.
Платформа: Mac OS
Стоимость: $49.99 за единоразовую покупку лицензии
Скачать: https://www.apple.com/final-cut-pro/motion/
Compressor
Программа для оптимизации размера видео, пакетного сжатия и конвертации. Очеь удобно для пакетного сжатия и конвертирования анимации в формате gif.
Платформа: Mac OS
Стоимость: $49.99 за единоразовую покупку лицензии
Скачать: https://www.apple.com/final-cut-pro/compressor/
Сэкономить можно, если вы учитесь, тогда комплект из пяти приложений для творчества от Apple, который включает в себя: Final Cut Pro, Logic Pro, Motion, Compressor, MainStage. В таком случае все программы обойдутся всего в 14 227.12 pyб.
Hype
Визуальный редактор для создания интерактивного контента html5, с возможностью JavaScript программирования, используем для баннеров рекламных рекламных сетях.
Платформа: Mac OS
Стоимость: $49.99 за единоразовую покупку лицензии, возможность приобрести по подписке в сервисе Setapp: более 200 приложений за $10 в месяц
Скачать: https://tumult.com/hype/
Получить месяц бесплатно в Setapp
Velo и wix animations
Конечно же для создания анимации на сайтах на платформе Wix, мы используем встроенные возможности модуля wix-animations, который доступен внутри инструмента разработки Velo by Wix, который позволяет создавать зависящие друг от друга таймлайны, которые включаются по событиям, реагируют на действия пользователя. Хотите узнать подробнее, смотрите подробнее на странице «Индивидуальные решения»
Платформа: Velo by Wix
Стоимость: Уже есть в вашем сайте на Wix
Утилиты для веб-дизайнера
При создании веб-сайта необходимо учитывать множество факторов: контрастность, доступность, корректное отображение на реальных устройствах с различными размерами экранов, браузеров с их требованиями к используемым технологиям. Мы пользуемся несколькими приложениями и сервисами, которые всегда под рукой, чтобы быть уверенным в том, что сетка в порядке, контрастность сохраняется, а кнопка не пропадает из поля зрения на планшете.
Goldie App
Простое приложение, которое позволяет быстро прикинуть соотношение размеров и размещение объектов текущего брейпоинта.
Платформа: Mac OS
Стоимость: $9.99 за единоразовую покупку лицензии, возможность приобрести по подписке Setapp
Скачать: https://goldieapp.com
Получить месяц бесплатно в Setapp
Калькулятор шрифтов
Для каждого шрифта и сетки, свое соотношение. Благодарим разработчиков, которые создали удобный сайт, чтобы не высчитывать значения размера шрифта самостоятельно каждый раз при смене концепции представления контента.
Стоимость: бесплатно
Сайт: https://www.modularscale.com
Sip
Быстрая проверка н контрастность, с возможностью экспорта созданной палитры и автоматическая подсктройка формата изображений под активную программу.
Платформа: Mac OS
Стоимость: 884.58 за лицензию на год, возможность приобрести по подписке внутри Setapp
Скачать: https://sipapp.io
Получить месяц бесплатно в Setapp
Sizzy
Программа, с помощью которой мы можем посмотреть как ведет себя сайт на разных устройствах. Мы пользуемся для Sizzy для быстрого, первичного тестирования. Для реальной оценки мы используем реальные устройства на android и ios.
Платформа Mac OS, Windows, Linux
Стоимость: 516,01 рублей в месяц за одного пользователя, 313,29 рублей в месяц за одного пользователя при покупке лицензии на год и 14 669,36 за единовременную покупку программы с пожизненной лицензией. Приложениее также доступно в попдписке Setapp.
Скачать: https://sizzy.co
Получить месяц бесплатно в Setapp