Можно найти тысячи сайтов для дизайнеров, но далеко не каждый из них может похвастаться своей полезностью. Мы решили сэкономить ваше время и собрать в одном месте 20 незаменимых сайтов для веб-дизайнера.

Wordmark

Не хотите тратить время, перебирая десятки шрифтов? Зайдите на Wordmark, введите нужное слово и вы сразу увидите, как оно будет выглядеть при разном начертании. Главная фишка сайта: шрифты подгружаются с вашего компьютера. Можно опубликовать понравившиеся варианты в соцсетях.

Right Font

Менеджер шрифтов для Mac. Доступен предварительный просмотр, синхронизация и систематизация гарнитур.

Font Reach

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

Palleton

Инструмент, заметно упрощающий создание цветовых комбинаций. Он позволяет подобрать идеально сочетающиеся цвета и проводить тонкую настройку онлайн. Вы можете посмотреть, как будет выглядеть нужная вам страница в той или иной гамме. Что интересно, можно настроить просмотр гаммы с точки зрения отклонения цветовосприятия. Полезный инструмент для веб-дизайнера сохраняет цвета в палитрах Gimp, CSS, PNG, etc. Здесь есть встроенный конвертер цветов, что упрощает работу.

TinyPNG

Сайт, который позволяет сжать ваши картинки, практически не влияя на качество итогового изображения. Как это вообще возможно? Сервис сокращает число цветов, благодаря чему файл становится почти вполовину меньше. Готовую картинку можно скачать или отправить в Dropbox. То что нужно для дизайнера интернет-проектов.

Boxy SVG

Бесплатный редактор векторной графики. Да, здесь нет того разнообразия функций, как в Illustrator или Sketch, но зато он всегда под рукой. Если ваш друг только начал увлекаться векторной графикой, не фанат пиратства, а на оригинальные продукты Adobe у него нет денег, то это лучший выбор! В Boxy SVG можно создавать изображения, диаграммы, кнопки. Не любите работать через браузер? Скачайте приложение. Доступен импорт изображений и шрифтов Google. Вот такой доступный дизайн с нуля.

Функционал Boxy SVG:

  1. Преобразование
  2. Группировка объектов
  3. Заливка
  4. Символы
  5. Кривые
  6. Редактируемые форм
  7. Логические операции;
  8. SVG и HTML 5
  9. Экспорт и импорт PNG, JPEG и GIF
  10. Шрифты Google
  11. Сочетания клавиш

uiGradients

Нужен трендовый градиент с быстрой выгрузкой CSS-кода? Отличный сервис для web-дизайнера, который ценит своё время.

GetCover

Заказчику ну уж очень интересно, как сайт будет выглядеть в реальности, но вы ещё только создаете макет? Или оформляете портфолио на Behance? Этот сервис покажет, как ваше детище будет выглядеть в основных браузерах и на яблочных девайсах. И не только, здесь есть макет Nokia 3310! За раз можно создать несколько макетов, что существенно экономит время при работе с крупными проектами.

Stylifyme

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

Gridzzly

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

Dimensions

Этот инструмент веб-дизайнера поможет измерить расстояние между элементами на сайтах. Не нужно каждый раз заходить на их сайт: существует дополнение для Chrome.

Streamline Icons, Modern UI Icons, Jolly Icons

Занимаетесь дизайном иконок? Вам помогут эти сайты. Идеально для начинающих дизайнеров.

Lingo

Искали альтернативу Dropbox? Создавайте библиотеки визуальных ресурсов и делитесь ими со своей командой.

HEX to RGB Converter

Нужно срочно переконвертировать цвет? 1 клик и всё готово!

Firebug

Хотите узнать, как был свёрстан сайт? Установите в Firefox это расширение. Вы удивитесь, когда поймёте, насколько кривым может быть сайт изнутри. Нужная фича для веб-разработчика или дизайнера.

Font flame

Подбирайте пары шрифтов, водите их на свидания, создавайте потомство, почувствуйте себя божеством! Font flame — крутейший сервис по подбору шрифтовых пар, который понятен даже детям. Мы проверяли.

Brandcolors

В этом сервисе собраны официальные цвета более 300 брендов. Он вдохновит любого — как начинающего веб-дизайнера, так и опытного специалиста.

Mural

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