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

Я выделил основные программы которые для меня были интересны, но имейте введу, что новые инструменты появляются каждую минуту, по этому старайтесь быть вкурсе всех событий.

 

Много различным бесплатных шаблонов вы можете найти на сайте наших партнеров, также имеются и премиум шаблоны с круглосуточной техподдержкой и помощью в настройке:

1. Adobe XD

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

Сейчас XD до сих пор не догнал Sketch, но он, безусловно, растет, и у него есть собственная команда по разработке, стоящая за программой. Это то, что вы, по крайней мере, захотите попробовать в 2018 году.

2. Приложение Sketch

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

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

3. Plant Version Control

Разработчики используют Plant Version Control и Git в течение многих лет, это как палочка-выручалочка в сообществе разработчиков. Но дизайнерам данная программа была немного неудобной до недавнего времени.

К счастью, Plant, получил прекрасное обновление. Теперь вы можете с легкостью настроить данное приложение под себя и ваши предпочтения в дизайне. Если вы хотите развить свои дизайнерские навычки, и приобрести новые умения то вам обязательно стоит попробовать данное решение.

4. Principle

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

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

5. Figma

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

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

6. Presentator

Я впервые наткнулся на  Presentator  несколько месяцев назад и сразу полюбил его за отличную идею. В 2018 году он по моему мнению прочно закрепится в топ 5 лучших инструментов, и я надеюсь, что этот инструмент будет использоваться в течении длительного времени.

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

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

7. WebFlow

Существует много разговоров о  Webflow,  и это может показаться просто еще одним визуальным конструктором сайта. Тем не менее, с помощью Webflow вы контролируете дизайн, код и окончательный запуск каждого проекта, который создаете.

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

8. Fontjoy

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

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

9. FontBase

Теперь, если вы ,в основном, работаете с локальными шрифтами, вы знаете о проблемах организации шрифтов. Вот почему был создан FontBase.

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

10. IconJar

Хотите лучше организовать все эти загружаемые вами иконки? IconJar  — это отличное решение для организации и сортировки загруженных иконок.

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

И напоследок!

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