с 10:00 до 19:00 (Мск)

40 Самых нужных сервисов для веб-мастера

Веб-дизайн

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

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

Бесплатные фотобанки

Pexels

На мой взгляд лучший сервис со стоковыми фотографиями. Я в него заныриваю по 2-3 раза в день

Unsplash

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

Death to Stock

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

Photype

Прежде чем скачивать фото, вы можете посмотреть его в разных размерах, наложить текст и применить разные эффекты.

JPEGmini

Посадите ваши фотографии на диету. Можно уменьшить изображение на 80% без потери качества. Пожать фотки можно сразу в сервисе.

Коллекции иконок

Iconfinder

Небольшая команда работает над созданием базы иконок (одной из самых крупных в мире). Есть возможностью поиска. Иконка как бесплатные так и платные. Но банк бесплатных довольно большой.

The Noun Project

Ребята заморачиваются серьезно и создают визуальный язык иконок, который сможет понять каждый. Это огромная база “глифовых” иконок, созданных сообществом дизайнеров. Есть возможность поиска.

Flaticon

Еще одна здоровенная коллекция бесплатных иконок, доступных в форматах SVG, PSD, PNG, EPS и BASE 64.

Icomoon

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

Material Icons

Как вы, наверное, уже догадались, это коллекция в стиле Google.

Icon Store

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

Illustrio

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

Шрифты

Right Font

Если вы работаете на Mac, то это прекрасный менеджер шрифтов. Помогает осуществлять предварительный просмотр, синхронизировать и систематизировать гарнитуры — где бы они ни хранились.

Google Fonts

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

WhatFont

Смотрите сайт и ищите понравившийся шрифт. Этот плагин для браузера моментально распознает и покажет его название. 

Font Flame

Думаю вы знаете, что на сайте важно использовать шрифтовые пары. На этом сайте можно залипнуть надолго. 

Typekit

Изобилие шрифтов высшего качества, от Adobe. Но надо иметь платный пакет.

Font Squirrel

На этом сайте можно вручную подбирать гарнитуры — все просто, понятно и бесплатно!

Цвет

Color Hunt

Просто мега подборка цветов для сайтов. Множество четырехцветных палитр — можно скролить бесконечно.

Hello Color

Очень классный и простой генератор цвета по клику. Можно во весь размер браузера посмотреть контрастность и сочетание цветов.

LOL Colors

Авторская подборка цветовых палитр от дизайнера Маккензи Чайлд.

Coolers

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

Adobe Kuler

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

ColorZilla

Крутой встроенный в браузер инструмент-пипетка. Позволяет анализировать цвета, использованные на странице. Работает в Chrome и Firefox.

Design Seeds

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

UI Gradients

Подобранная вручную коллекция красивых цветовых градиентов.

Макеты и прототипы

Sketch

Лидер в разработке профессиональным макетов и прототипов. Работает только на Mac

InvisionApp

Веб-платформа для прототипирования и совместной работы, которая позволяет дизайнерам создавать интерактивные макеты для мобильных и веб-проектов.

Figma

Приближенный аналог Sketch. Программа пока бесплатна. Из преимуществ возможность работать командой над макетом одновременно. Можно пройти наш курс по работе с ней

Napkin

Макеты на скорую руку прямо с айфона

Placeit

Быстрое создание мокапов

Pixel Budda

Коллекция бесплатных макетов, а также других ресурсов.

Graphic Burger

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

Совместная работа и производительность

Agile

Я со своей командой пользуюсь именно этим сервисом. Он похож на Trello, но имеет целый ряд преимуществ по работе с командой.

Lingo

Создавайте библиотеки визуальных ресурсов и делитесь со всей командой — все это прямо с вашего десктопа. Это как Dropbox для дизайнерских команд.

Mural

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

Wake

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

Slack

Все ваше общение и коммуникации в одном месте. Обмен сообщениями, архивация и поиск команд — все это в реальном времени.

Trello

Помогает следить за всем: от полной картины и до мелких деталей каждого дизайн-проекта.

GoVisually

Самый простой способ шагнуть от идеи и до одобренной версии дизайна — при помощи быстрой обратной связи от клиентов по вашим проектам.

Жду ваши комментарии. Какую категорию вы бы хотели увидеть. Я планирую записать серию видео о обзору некоторых сервисов. Напишите интересно бы вам было их посмотреть.

Комментарии для сайта Cackle
Автор поста:
Соколов Максим
Основатель академии