Skip to content

Лучшие инструменты для веб-дизайнеров в 2018 году

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

Adobe XD

Adobe Experience Design (Adobe XD) — программа для разработки интерфейсов от Adobe Systems. Поддерживает векторную графику и веб-верстку и создает небольшие активные прототипы.

Самая новая программа для построения (создания) прототипов и макетов, плод разработки из штаб-квартиры компании Adobe, — Adobe XD . Программа была создана как достойная альтернатива нашумевшему редактору растровой графики — Adobe Photoshop.

Adobe XD изначально разрабатывалась как Mac-only (т.е. только под операционную систему от компании Apple), но в конечном итоге была выпущена версия и для Windows и на данный момент находится в бета-версии. За последний год программа превратилась в мощнейший инструмент ​​для веб-дизайнеров, которые всегда хотели найти взаимодополняемость в сочетание между Photoshop и Illustrator.

На данный момент XD до сих пор еще не догнал программу Sketch, но он, безусловно, растет, и за ним стоит мощная команда, постоянна развивающая и совершенствующая свой продукт. Даже если Вы не намерены менять свою прежнюю программу, то по крайней мере, этот инструмент можно просто попробовать в 2018 году.

Официальный сайт

Приложение Sketch

Sketch — самый большой конкурент Adobe в дизайнерском пространстве. В течение многих лет все использовали Photoshop для построения макетов, потому что не было достойной альтернативы. И вот появилось простое и функциональное решение — Sketch.

 

The digital design toolkit

Теперь, когда Sketch получил отклик и поддержку со стороны UI-специалистов, он стал самой популярной программой, и вы можете ее использовать. Это намного дешевле, чем все продукты Adobe, и вы можете получить его за разовую плату, в отличие от ежемесячных взносов по подписке на Adobe CC.

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

Официальный сайт

Plant

Plant — контроль версий специально для дизайнеров.

Plant

В течение многих лет исключительным лидером в системах контроля версий являлся — Git. Но дизайнеры в силу отсутствия альтернативы, чувствовали себя не комфортно, так как постоянно приходилось сталкиваться с интерфейсом командной строки, что людей далеких от кодинга естественным образом пугало.

К счастью, появился Plant — современное решение. Это контроль версий такой, каким его  хотят видеть дизайнеры. Командная строка остается в прошлом, в Plant вы работаете с GUI (пользовательский графический интерфейс)

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

Официальный сайт

Principle — анимация ваших идей

UI / UX-анимация стала нормой для современных дизайнерских работ. Если вы создадите макет для клиента, они могут ожидать от Вас некоторую анимацию в ваших прототипах, работах.

Principle, как Sketch доступны только для  Mac-ОС — но это того стоит,  и вероятно, это лучшее программное обеспечение для анимации UX.

Вы можете легко импортировать файлы Sketch или PSD в Sketch и использовать эти элементы для построения анимации. Отличный способ добавить немного жизни в макеты мобильных приложений или дизайн веб-сайтов.

Официальный сайт

Figma

Многие дизайнеры предпочитают начинать с обычного листа бумаги чтобы построить каркас (скетч), а затем переместить эти идеи в программное обеспечение для цифровых прототипов.

Но если вы желаете весь процесс осуществить в цифровом виде, посмотрите на Figma . Это мощный инструмент прототипирования, особенностью которого является разделение процессов (этапов) прототипирования и возможность взаимодействия между членами команды, которые работают совместно над проектом.

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

Официальный сайт

Presentator

presentator.io

Это бесплатный инструмент для совместной работы с открытым исходным кодом для дизайнеров. Приложение работает только в веб-браузере. Просто загрузите Ваши проекты (их макеты) и поделитесь ими с членами команды или заказчиками.

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

Официальный сайт

WebFlow

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

Официальный сайт

Fontjoy

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

P.S. К сожалению нет сортировки между языками и вполне возможно понравившейся Вам шрифт может не поддерживать кириллические символы (:

Официальный сайт

FontBase

FontBase призван решать проблемы организации локальных (внутри операционной системы) шрифтов.

Это 100% бесплатный инструмент управления шрифтами, который работает на всех трех основных ОС (Mac, Windows, Linux). Он предлагает визуальный графический интерфейс для всех шрифтов в вашей системе, и возможность организовать их в коллекции, распределить по папкам.

https://fontba.se/

Вы можете поэкспериментировать с шрифтами прямо в приложении или «вытянуть» требуемые шрифты из библиотеки Google Fonts.

FontBase, без сомнения, лучший инструмент управления шрифтами. И его цена $ 0.

Официальный сайт

Векторные иконки

Хотя это не является инструментом, но сервисы предлагающие векторные иконки должны быть в вашем арсенале в 2018 году!

Vectr

Бесплатные инструменты для построения графического дизайна очень редки, и более редки те, которые хорошо работают 🙂

Vectr — это, пожалуй, самый крутой на рынке продукт с версией для  браузеров и приложением для популярных операционных систем, которое вы можете использовать совершенно бесплатно.

Программа финансово поддерживает себя благодаря модели платных обновлений (дополнений) к ее основному функционалу.

Официальный сайт

Лучший способ оставаться в тренде — следить за ним, читая блоги посвященные веб-дизайну. Подпишитесь на нашу рассылку посвященную веб-дизайну.

Логотип компании Axoft
Логотип компании Timeweb
Логотип компании Ozon
Логотип компании Nethouse
Логотип компании CreativeMarket
Логотип хостинг-компании Pressjitsu