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

ИНСТРУМЕНТЫ ДЛЯ ТЕСТИРОВАНИЯ АДАПТИВНОСТИ

Am I Responsive?

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

Сервис предлагает следующие размеры экрана:

  • настольный монитор — 1600x992px
  • ноутбук — 1280x802px
  • планшет — 768x1024px
  • смартфон — 320x480px

Единственный минус заключается в том, что вы можете просматривать свой сайт только на устройствах iOS.

Responsive test

Этот инструмент поможет вам увидеть, как выглядит сайт на более чем 30 различных устройствах – начиная от огромного монитора и заканчивая мобильными устройствами на Android. Вы можете сами выбрать любое устройства в верхней панели с меню. К слову сказать, один из значимых плюсов то, что данный инструмент обладает отличным и корректным масштабированием, позволяющим с легкостью протестировать большие разрешения на маленьком. Внимание для тех, кто будет работать с данным сервисом через браузер Firefox – могут возникнуть некоторые проблемы из-за некорректности отображения сайта.

Screenfly

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

БЕСПЛАТНЫЕ ИНСТРУМЕНТЫ РЕДАКТИРОВАНИЯ ФОТОГРАФИЙ

Paint.NET

Paint.NET является бесплатным редактором изображений для Windows, разработанным на платформе .NET Framework. Он является хорошей заменой редактору, который входит в состав стандартных программ поставляющихся с ОС Windows. Paint.NET обладает довольно мощными функциями, которые, как правило, можно найти лишь в дорогих графических редакторах, и при этом он абсолютно бесплатный. Редактор также имеет некоторые очевидные преимущества, которые выделяют его на фоне конкурентов – удобный интерфейс, оптимизация под двух- и четырехъядерные процессоры, возможность работы с несколькими файлами одновременно, работа со слоями.

GIMP

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

БЕСПЛАТНЫЕ ШАБЛОНЫ

HubSpot's 10 Infographic Templates

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

Canva

Вы планируете создать электронную книгу, инфографику, визитную карточку или почтовый заголовок, у Canva есть шаблоны, чтобы упростить процесс. На самом деле этот бесплатный инструмент веб-дизайна, предлагающий профессиональные и легко настраиваемые шаблоны для почти любой потребности дизайна, о которой вы можете думать. Инструмент был создан с мыслью о непрофессиональных дизайнерах, облегчив работу с объектами и изображениями, которые можно перетаскивать и редактировать, пока вам не понравится то, как выглядит результат. Меняйте изображения, переключайте шрифты, корректируйте цвета и вуаля - у вас есть собственный дизайн, которым вы можете гордиться. Этот инструмент отлично подойдёт для тех, кто только собрался заниматься веб-дизайном: он поможет понять некоторые принципы и основы.

HubSpot's 50 Customizable CTA Templates

Если вы хотите, чтобы посетители сайта совершили то самое действие, которое нужно вам, то вы просто обязаны облегчить им этот процесс. Вот где так понадобится хороший призыв к действию (СТА). Такие факторы, как цвет, размер и форма играют важную роль в производительности вашей кнопки. Поэтому, чтобы помочь вам привлечь еще больше посетителей, предлагаю вашему вниманию 50 готовых шаблонов призывов к действию, чтобы использовать на вашем сайте. Эти шаблоны являются настраиваемыми, так что вы можете проверять различные цвета и размещения, пока не найдете то, что работает лучше всего для вас.

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