Занимаешься веб-дизайном и хочешь упростить себе работу? Хочешь находить вдохновение, экономить время на поиске мокапов, шрифтов и цветов? Эта статья тебе подойдет. Даже если ты не занимаешься созданием визуальной части сайта, тебе все равно будет полезно узнать о некоторых фишках. Например, как избежать ошибок при наборе текста, сделать работу над проектом максимально простой (как для исполнителя, так и заказчика), узнать, какая система управления у сайта.

Что ж, сам себя текст не прочитает. Садитесь поудобнее, моргните пару раз и вперед!

Coolors.co
Чудесный сайт, который генерирует цветовую палитру из 5 цветов. Ясное дело, цвета сочетаются между собой. Больше всего пользы сайт принесет дизайнерам, которые не сильно разбираются в цветосочетании и выборе достойного оттенка. Ведь это действительно не просто — взять и подобрать приятный глазу цвет.


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


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

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


LanguageTool
Продолжая тему упрощения работы с заказчиком, могу порекомендовать данное расширение. Часто, когда вы ласкаете свою клавиатуру, набирая текст, можете допустить ошибки. Ну и ладно, их можно исправлять, только вот именно в этом и проблема. Их не всегда видно.

LanguageTool самостоятельно находит опечатки, орфографические ошибки и все то, что мешает тексту носить звание качественного. Ошибки подчеркиваются, и при клике на них нам объясняют, в чем, собственно, проблема, и предлагают исправление. Легко и удобно.


Mockup Download
Если дизайнер хочет украсить свое портфолио красивой работой, то мокап ему в помощь! Вместо простого макета дизайна в формате JPEG/PNG его стоит вписать в экран того девайса, под который он разрабатывался.

Идти в магазин Apple вам не нужно. Проще зайти на сайт Mockup download и скачать себе парочку девайсов в формате PSD. Кроме того, там есть мокапы в виде баннеров, визиток, еды, напитков, CD-пластинок и даже автомобилей.


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


Google Forms
Крутой сервис от Google, который позволяет проводить опросы, тесты, отправлять формы для заполнения. Для чего такая радость фрилансеру? Я как дизайнер применяю ее в работе с заказчиком. У меня есть шаблоны брифов на дизайн, ссылки на которые я даю заказчикам. Они, в свою очередь, оставляют развернутые ответы о будущем проекте, которые понадобятся мне в работе. Это хорошая альтернатива Word и Google Docs, если вы скидываете бриф или что-то еще на заполнение.


Bitly
Раньше я боялся всех ссылок, которые содержали это странное слово. А потом узнал, что данный сервис используется не для рекламы онлайн-казино, а для укорачивания ссылок. В Google Forms есть такая функция, но если вам нужно укоротить ссылки на сайты, которые предоставил заказчик, то этот сервис будет лучшим помощником. Bitly также показывает статистику кликов по ссылкам.


Fontface Ninja
Посвящается всем, кто видел на просторах интернета красивый шрифт, но не смог узнать его название. Данное расширение можно заменить разве что словарем шрифтов, если такой есть. Требуется лишь навести мышку на шрифт, и вам откроется его название. Кроме того, вы будете знать, платный он или нет.


Web Design Inspiration & Call to idea
Закончить свою подборку я хочу, говоря о вдохновении. Все мы знаем легендарный Behance и Pinterest, но эти сайты тоже способны вдохновить дизайнера. Они помогут ему сделать то, к чему сам он мог и не прийти.

На ресурсе Web design inspiration вы сможете найти много креативных сайтов и даже ссылки на них. Да, это не Behance, где мы видим лишь картинку, здесь вас встречают реальные работающие площадки.

Call to idea поможет набить голову идеями, когда нужно сделать какой-то определенный блок или элемент. Он имеет категории, которые в дизайне используются почти всегда: формы ввода, плееры, слайдеры, дизайн почтовых сообщений, статистика и много других полезностей.

Автор: Роман Білик.