75 самых толковых ресурсов для веб-дизайнеров

Nancy Pong
Dec 16, 2016 · 8 min read

Автор: Кэролин Редер, директор по контенту и коммуникациям в Webydo. Перевод с оригинала: Ольга Скулкина и Ринат Шайхутдинов.

Предыдущий совет

(Мы продолжаем переводить цикл статей по дизайну. Полную подборку можно найти в коллекции «Основы дизайна»)


Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.


Ищите системное погружение в тему? Загляните в блог для дизайнеров.


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

Можете дополнить наш список своими ресурсами — в комментариях :)

Изображения + видео

Источник: Showbox

Создавайте видео студийного качества прямо в браузере.

Красивые, бесплатные видео для главной страницы.

Один из лучших инструментов по оптимизации видеофайлов онлайн.

Лучшие бесплатные стоковые фотографии (и видео), собранные в одном месте.

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

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

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

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

Иконки

Источник: Iconfinder

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

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

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

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

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

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

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

Шрифты

Источник: Right Font

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

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

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

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

Это сайт новый и достаточно простой — можно залипнуть подбирая шрифтовые пары: это как Tinder только для шрифтов.

Изобилие шрифтов высшего качества, от Adobe.

Новый тип менеджера шрифтов для Mac. Помогает подобрать идеальный шрифт за счет быстрого и четкого предпросмотра шрифтов.

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

Цвета

Источник : Color Hunt

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

Удобный, супер-простой генератор контрастных цветов по клику.

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

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

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

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

Ежедневная порция вдохновения для всех, кто любит цвет.

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

Вдохновение

Источник : Muz.li

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

Авторская подборка лучших дизайнов лендингов.

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

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

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

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

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

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

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

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

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

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

Источник: InvisionApp

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

Профессиональный цифровой дизайн для Mac.

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

Создавайте скриншоты продукта в разных жизненных ситуациях.

Создавайте бесплатные руководства по стилю менее чем за 5 минут.

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

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

Сайтостроение

Источник: Webydo

Для дизайнеров

50. Webydo

Адаптивный онлайн-конструктор сайтов для дизайнеров-фрилансеров и интернет-агентств — со встроенной CMS и хостингом — что позволяет быстрее создавать сайты и развивать бизнес.

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

Для дизайнеров-кодеров

52. Wordpress

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

Инструмент для дизайнеров и фронтенд-разработчиков, который позволяет создавать и редактировать классные сайты под любой экран.

Для любителей

54. Squarespace

Вам нужен мощный лендинг, классная галерея, профессиональный блог или интернет-магазин? Все это есть здесь — и уже адаптировано под мобильные устройства.

Союз красоты и технологий, этот облачный сервис “сделай сам” позволяет кому угодно создавать HTML5 сайты в удобном drag’n’drop редакторе.

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

Источник: Fastco Design

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

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

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

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

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

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

Сообщества

Источник: Webdesigner Depot

Авторская подборка историй и обсуждений на тему дизайна, разработки, творчества, инструментов и вдохновения.

Место, где можно узнать и обсудить, что интересного происходит в веб-индустрии и за ее пределами.

Глобальный реестр дизайнеров от королей вдохновения — Muzli.

Самый исчерпывающий список всех сообществ по дизайну/веб-дизайну на Slack.

Место, где дизайнеры могут представить свои мини-проекты и незавершенные работы.

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

Обучение и образование

Источник: The NuSchool

Учитесь управлять своим фрилансовым бизнесом как настоящий босс.

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

Один из лучших сайтов с обучающими видео о многочисленных возможностях Photoshop.

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

Тысячи бесплатных обучающих видео по веб-дизайну и разработке от опытных преподавателей.

Источник непрерывного обучения для дизайнера.

Красивая, подробная электронная книга, которая доведет ваш процесс проектирования под экраны до совершенства.

Детальное руководство и инфографика по SEO для веб-дизайнеров: в пределах одной страницы и в контексте всего сайта.


Если вам понравилась статья и перевод, дайте нам знать — нажмите

А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Нас можно найти в Facebook: Ольга Скулкина и Ринат Шайхутдинов.


Мобильное приложение «Заметки о психике» | Mental Notes

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

Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.

Скачать приложение в Appstore

Основы визуального дизайна

Визуальный дизайн — это язык, в котором информация передается не только словами, но и образами. Чтобы эффективно общаться на языке визуального дизайна, важно правильно заложить основы.

Translated from original by Nancy Pong.

Nancy Pong

Written by

Ольга Жолудова. Копирайтер и переводчик. Про копирайтинг: https://vk.com/copywriter.blog Про жизнь: https://www.instagram.com/nancypong4/

Основы визуального дизайна

Визуальный дизайн — это язык, в котором информация передается не только словами, но и образами. Чтобы эффективно общаться на языке визуального дизайна, важно правильно заложить основы.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade