Дизайн

Ресурсы для веб дизайнера: 300+ полезных ресурсов для дизайнера: сайты по графическому дизайну

07.03.1982

Содержание

Вдохновение и идеи для веб-дизайна: 30 отличных ресурсов | 2022

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

Творчеству можно научиться, как и любому другому навыку. Для этого нужно постоянно искать новые идеи и вдохновляться работами других профессионалов. Так вы сможете поддерживать свою конкурентоспособность и будете легче придумывать оригинальные концепции для своих проектов.

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

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

Awwwards

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

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

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

Behance

Behance — это известный ресурс для авторов из разных областей, являющийся частью Adobe.

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

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

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

99Designs — это крупный ресурс, в основном посвященный графическому дизайну, но все же отличное место для поиска вдохновения. Переходите в раздел Inspiration, где вы найдете идеи для логотипов и фирменного стиля, дизайна приложений и вебсайтов, рекламы и бизнеса. Список категорий очень обширный. Рекомендуем не ограничиваться категорией веб-дизайна, а просмотреть и другие разделы на сайте. Никогда не знаешь, что может стать источником вдохновения.

Best Website Gallery

Дэвид Хеллман, автор вебсайта, нашел способ поддерживать креативность, собрав целую библиотеку потрясающих идей из мира веб-дизайна.

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

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

Abduzeedo

Это один из самых посещаемых веб-сайтов для вдохновения в области веб-дизайна. У Abduzeedo есть идеи для всего — от книг до иллюстраций, включая вдохновляющую коллекцию дизайн и UI/UX-проектов.

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

Pinterest

Pinterest — не первая опция, которая приходит на ум, когда речь идет о вдохновении в веб-дизайне. Тем не менее, платформа является отличным инструментом для поиска идей и визуального контента. На платформе уже собрано более 200 миллиардов пинов.

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

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

Примеры досок, на которые можно подписаться

  • Web Design Ideas
  • Web Design

Designspiration — это своего рода Pinterest, но в мире дизайна. Здесь вы также найдете массу идей и вдохновения. Большое сообщество дизайнеров и художников загружает свои работы во всевозможных областях, в том числе и в веб-дизайне.

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

SiteInspire

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

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

Brutalist

Хотите удивиться? Сайт Brutalist способен это сделать, предлагая коллекцию смелых идей и креативных проектов. Это то, что мы не привыкли видеть каждый день, и именно это делает платформу такой вдохновляющей.

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

Dribble

Dribble — это сообщество дизайнеров, которые делятся своими работами и опытом. В различных категориях представлены вдохновляющие идеи.

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

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

TemplateMonster

TemplateMonster — это вебсайт, посвященный темам, шаблонам вебсайтов и плагинам. Тем не менее, это идеальное место для вдохновения в веб-дизайне.

У тем, к примеру, есть большое преимущество — это их архитектура и структура. Берите на заметку такие моменты и реализовывайте их в своих веб-дизайн проектах.

Обязательно взгляните на этот сайт с шаблонами, которые действительно работают.

CSS Nectar

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

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

Считаем, что это коллекция с одними из лучших идей в веб-дизайне. Любой дизайнер найдет вдохновение на сайте.

CommerceCream

CommerceCream — это платформа с примерами вебсайтов электронной коммерции. Если вы интересуетесь этим направлением, советуем проверить этот сайт, чтобы найти трендовые идеи.

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

One Page Love

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

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

В целом, это прекрасный источник вдохновения для создания одностраничных сайтов.

Land Book

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

Здесь вы найдете отличный контент для дизайна вашего будущего сайта. Присоединяйтесь к Land Book и создавайте ваш мудбоард.

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

Admire the Web

Ресурс имеет впечатляющую коллекцию веб-сайтов и идей для веб-дизайна. Правда, библиотека сайтов обновляется не так часто.

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

Muzli

Как говорят создатели ресурса, это лучший сайт для дизайнерского вдохновения.

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

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

Uplabs

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

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

Мы любим ресурсы с удобной навигацией. Webdesign Inspiration является одним из них. Все дизайны на сайте классифицированы по стилю, цвету, отрасли, стилю сайта (портфолио, блог, каталог и т.д.). Это облегчает поиск необходимых примеров веб-дизайна.

Источник курируется увлеченными креаторами, которые выбирают оригинальный контент, чтобы вдохновить вас.

PageCollective

Сотни шаблонов страниц и тонны креативного контента — вот что вы можете найти на PageCollective. Источник, курируемый Screenlane, представляет огромную коллекцию дизайнов лэндингов.

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

Хотя источник не только о вдохновении. Например, часть вебсайта PageFlows посвящена последовательности действий человека на странице, что помогает изучать вопрос детальнее и строить более логичные и структурированные вебсайты.

Pttrns

Pttrns — это вебсайт, с системой подписок. Он сфокусирован на дизайне приложений. Тем не менее, он отлично подходит для поиска адаптивных идей для ваших веб-дизайн проектов.

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

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

Calltoidea

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

Если вы искали вдохновение для веб-дизайна — Calltoidea — это то место, где вы его найдете.

Instagram

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

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

Ловите несколько креативных аккаунтов о веб-дизайне, на которые стоит обратить внимание:

@dsgnr_

@welovewebdesign

@twohabitsdesign

LandingFolio

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

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

Наличие таких функций на платформе отлично сочетает вдохновляющий и практический контент.

Icanbecreative

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

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

Заглядывайте на Icanbecreative чтобы найти интересные идеи и узнать новое о программировании и дизайне.

Sitesee

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

Sitesee идеально подходит для подбора интересных цветовых решений. Для каждого веб-сайта на платформе вы можете найти цветовые схемы — цвета, использованные для этого проекта.

Siiimple

Более 40 различных категорий для изучения и поиска вдохновения на Siiiimple. Это веб-сайт с обширной коллекцией минималистичных идей.

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

Отличный каталог лэндингов, организованных по разделам. Ищите вдохновение и идеи на сайте с помощью удобного поиска по тегам.

Что можно выделить: платформа представляет коллекцию элементов навигации и их дизайн. На вкладке Navigation вы найдете вдохновение для панелей навигации и других компонентов вебсайтов.

Здесь вы также можете представить свои работы.

Lapa Ninja

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

Изучайте веб-дизайн с Lapa Ninja, находите вдохновение, скачивайте бесплатные книги для улучшения своих навыков.

CollectUI

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

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

Возьмите за привычку постоянно проверять подобные ресурсы. Так у вас не будет проблем с идеями и вам будет намного проще придумывать разные концепции. Используйте насмотренность для развития креативности и не бойтесь экспериментировать.

49 полезных ресурсов в помощь дизайнеру

  • Дизайн
  • 5 мин на чтение
  • 1061

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

Для вдохновения

AWWWARDS

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

Dribbble

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

Abduzeedo

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

Behance

Потрясающий сервис для просмотра и публикации творческих работ.

Design Milk

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

Designspiration

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

DeviantArt

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

FFFFOUND!

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

Fleck

Ежедневное вдохновение от мирового сообщества художников.

HTTPSTER

Ресурсы, с отличным веб-дизайном, собранные на одном сайте.

LAPA

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

Siiimple

Лучшие сайты, выполненные в стиле минимализма, собранные на одной платформе.

siteInspire

Витрина лучших сайтов с интерактивными решениями.

Panda

Хотите быть в курсе обновлений всех сайтов, касающихся хорошего дизайна, но некогда посещать каждый из них по отдельности? Используйте данный ресурс. Panda — это подборка самых свежих и топовых публикаций с платформ, представленных выше.

UI Movement

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

IM NOT WORDY

100% вдохновения! Потрясающие фотографии и изображения, которые не оставят равнодушным никого.

INAG

Искусство — один из главных источников вдохновения. В данном блоге собраны картины, фотографии, иллюстрации талантливых мастеров.

DESIGN IS KINKY

Платформа, на которой собраны креативные фотографии, иллюстрации, картины со всего мира с ссылками на авторов.

Бесплатные стоковые фотографии

PEXELS

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

Fancycrave

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

StockSnap.io

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

GRATISOGRAPHY

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

Magdeleine

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

FREE-IMAGES.CC

Ресурс с бесплатными фотографиями самых различных тематик.

Pixabay

Более 560 000 бесплатных фотографий, векторов и иллюстраций.

NEGATIVE SPACE

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

PhotoPin

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

FindAphoto

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

Unsplash

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

cc0.photo

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

Stokpic

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

alana.io

Отличная подборка фотографий для вдохновения и работы!

epicantus.tumblr.com

Фотографии для свободного использования в хорошем качестве.

Cupcake

Работы фотографа Jonas Wimmerström, предназначенные для свободного использования без нарушения авторских прав.

ISO Republic

Бесплатные стоковые фотографии на любой вкус.

JAY MANTRI

Прекрасные бесплатные работы фотографа Jay Mantri.

Life Of Pix

Изображения для личного и коммерческого использования. Добавляются еженедельно.

Подбор цветовых схем

material palette

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

BrandColors

Хотите узнать, какие цвета используют известные бренды? Тогда этот ресурс для вас.

AdobeColor CC

Подбор различных цветовых схем и их сочетания.

Bootflat

Находите цвета и их оттенки с HEX кодом.

colorful gradients

Автоматическое создание градиентов.

DeGraeve

Укажите ссылку на изображение и узнайте, какие цвета в нем используются с указанием HEX кода.

discover COLOR

Идеальное сочетание цветов в палитрах. Полезный и очень вдохновляющий ресурс!

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

Iconfinder

Более 800 000 иконок для дизайнеров на одном сайте.

thenounproject.com

Более 150 000 иконок в свободном доступе.

IconStore

Бесплатные иконки от первоклассных дизайнеров со всего мира.

iconmonstr

Бесплатные черно-белые иконки для любой тематики.

freeiconsweb.com

Бесплатные иконки, сортированные по категориям и цветовым схемам.

Источник: SPARK

  • #вдохновение
  • #иконки
  • #инструменты
  • #коллекция
  • #подборка
  • #ссылка
  • #ссылки
  • #фотостоки
  • #цвет
  • 0

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

Доброго времени суток, дорогой читатель!

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

Данная информация будет полезна как для начинающих, так и для профессионалов.

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

Лучшие русскоязычные книги для веб-дизайнера
  1. “Эмоциональный веб-дизайн” А. Уолтера – это книга для вдохновения. Цель автора – поделиться знаниями о том, как делать яркие, уникальные веб-страницы, которые не только вызывали бы положительные эмоции у аудитории, но и заинтересовывали пользователя продуктом. Это кладезь новых идей и фишек для разработки захватывающего сайта.
  2. “Энциклопедия WEB-дизайнера” Бориса Леонтьева – это основы основ, которые важно знать начинающим веб-дизайнерам. Прочитав эту книгу, вы освоите языки гипертекстовых документов, получите базу знаний по графическому дизайну, а также познакомитесь с программами и редакторами.
  3. Для того, чтобы юзабилити сайта было на высшем уровне мы рекомендуем изучить работу Стива Круга “Как сделать сайт удобным”. Также в свет вышла вторая книга этого автора под названием “Веб-дизайн: не заставляйте меня думать”, которая, в свою очередь, адресована специалистам маркетинга, дизайна, программирования и менеджмента.
  4. “Веб-дизайн” Дмитрия Кирсанова считается одной из лучших книг по веб-технологиям. Это полноценный самоучитель для начинающих. Книга легко читается, потому что писал её профессионал, который всё опробовал на своём личном опыте и с лёгкостью может это объяснить другим людям.
  5. “Адаптивный дизайн. Делаем сайты для любых устройств” – данная книга Тима Кедлека очень востребована. Она освещает вопрос о том, как создать универсальный сайт, который будет работать на разных устройствах и экранах любых размеров. Это будет актуально не только для создателей мобильных приложений, но и для веб-разработчиков. Создать адаптивный сайт – это ценный и важный навык в карьере веб-дизайнера.
  6. “Дизайн-мышление: от разработки новых продуктов до проектирования бизнес-моделей” Тима Брауна поможет понять, как зарабатывать и преувеличивать свои финансы.
  7. “Настольная книга веб-дизайнера” от Патрика Макнейла стала очередным инструментом в помощь дизайнерам. Она проведёт вас в мир создания современных сайтов любого предназначения. Автор раскрывает секреты разработки мобильных приложений и интернет-магазинов.
  8. Книга “Искусство цвета” Иоханнес Иттен подробно расскажет о всех тонкостях колористики.
  9. “HTML5 для веб-дизайнеров” – эта книга для тех, кто создаёт веб-страницы и разрабатывает интерфейсы. Благодаря ей вы разберётесь в том, как работать с картинками в JavaScript, использовать разметку, добавлять на сайт различную векторную графику и многое другое.
  10. “Типографика: шрифт, вёрстка, дизайн” Джеймса Феличи приоткроет завесу технических тонкостей при компьютерной вёрстке, выборе и применении различных шрифтов.
  11. “Погружение в HTML5” Марка Пилигрима – это простое руководство для тех, кто хочет изучить современную версию языковой разметки.
  12. “Learning Web Design” Дженнифера Роббинса – данная книга представляет собой целый учебник, где вы освоите не только азы, но и пополните свой словарь веб-дизайнера. Самое ценное – это практические домашние задания. Ведь для того, чтобы закрепить материал, нужно тренироваться, что и предлагает автор.

Книги на английском языке
  1. “Just Ask: Integrating Accessibility Throughout Design”. Автор этой удивительной книги делиться знаниями о создании сайтов, сервисов для пожилых людей, а также тех, кто имеет ограниченные возможности. Эти знания помогут сделать проект более универсальным и доступным. Книга совершенно бесплатная.
  2. “Type Classification” – это руководство по шрифтам, где вы узнаете основные классификации, их историю. Наличие фотоматериалов не даст вам заскучать. После этой книги вы с лёгкостью сможете отличать один шрифт от другого.
  3. “Web Designer’s Success Guide”. Если вы не знаете, с чего начать новичку-фрилансеру в веб-дизайне, то это руководство точно создано именно для вас. Из него вы узнаете с чего начинать, как находить первых и постоянных клиентов, а также как создавать успешные проекты.
  4. “Web Style Guide” – это ещё одно увлекательное руководство, где рассказано обо всех этапах создания сайтов, критериях успешного дизайна, а также удобствах интерфейса.

Топ-25 полезных сайтов для веб-дизайнеров

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

  1. webdesignerdepot.com – интересные новости в пространстве веб-дизайна.
  2. ruseller.com – здесь много шаблонов, уроков, особенно для новичков.
  3. flatuicolorpicker.com – удобный сервис, который поможет выбрать цвет интерфейса.
  4. smashingmagazine.com – на этом портале информация по дизайну и веб-разработке.
  5. instantshift.com – ресурс помогает выбрать дизайн для сайта.
  6. animator.ru – всё об анимациях и видео.
  7. paratype.ru – информация о шрифтах.
  8. veerle.duoh.com – профессионально созданный блог. Наполнен качественными профессиональными статьями. Автор предоставляет консультации по web-дизайну.
  9. thedieline.com – этот сайт предлагает массу информации по дизайну упаковки.
  10. psd.tutsplus.com – полезный портал, который предлагает пошаговые уроки для начинающих.
  11. dafont.com – тут вы найдёте более одиннадцати тысяч разнообразных шрифтов на любой, даже самый изысканный вкус.
  12. bluevertigo.com.ar – на этом ресурсе предоставлен список самых популярных фотобанков сети.
  13. thefwa.com – вдохновляющая подборка сайтов.
  14. flasher.ru – всем, кто любит работать с flash-технологиями, сюда, тут масса полезных советов, уроков, вакансий.
  15. webdesign.tutorials – самая большая библиотека для веб-дизайнера.
  16. psd tuts – тут собраны все лучшие уроки по работе и обучению в PhotoshopС
  17. оnextrapixel – здесь вы всегда найдёте самые свежие уроки по Photoshop, Illustrator, а также много интересного по теме CSS, WordPress. Как бонус, – масса материалов для вдохновения и новых идей.
  18. behance – здесь вы увидите работы популярных и профессиональных веб-дизайнеров со всего мира.
  19. аdobe kuler – поможет вам подобрать цветовые схемы.
  20. brusheezy – на этом ресурсе можете выбрать любые кисти для фотошопа.
  21. logoinstant – отличный сайт для создания креативных логотипов.
  22. 365psd – лучшая коллекция фонов для сайтов на разные тематики.
  23. pixelkit.com – огромное количество бесплатных шаблонов.

Заключение

Уверены, мы смогли вам помочь в поиске стоящей литературы и качественных ресурсов как для настоящих гуру, так и для тех, кто только начинает свой путь в этой удивительной и интереснейшей профессии.

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

Если данная статья помогла вам в увлекательном путешествии в профессию веб-дизайнера, то обязательно поделитесь этим в комментариях.  Всего вам доброго!

Арсенал веб-дизайнера / Хабр

grokru

Веб-дизайн *

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

Большие и популярные сайты

Behance — работы лучших дизайнеров со всего мира

Dribbble — множество отличных элементов дизайна

DeviantArt — очень старый и большой ресурс с огромным количеством работ и элементов дизайна.

Блоги

Smashing Magazine  не нуждается в представлении, отличный коллективный блог

Webdesigntuts+

A List Apart Magazine

DesignModo

Premium Pixels

Вдохновение

Designshack

siteInspire

Сервисы

Adobe Kuler  подбор цветовой схемы

When can I use. .. — проверка совместимости технологий с браузерами

Subtle Patterns — фоновые изображения

Иконки

IconFinder

IconArchive

FindIcons

IconDeposit

FreeIconsWeb

UI и элементы дизайна

Designmoo

Patterntap

365psd

Design Kindle

UX Movement

psdGraphics

Freebiesbooth.com

Best PSD Freebies

Векторные изображения и фото

FreePik

Open Clipart

Pixabay

Free Digital Photos

Every Stock Photo

Free Photos Bank

Studio25

PhotoGen

FreeJPG

TurboPhoto

KaveWall

MorgueFile

A Digital Dreamer

ImageBase

PhotoRack

QVectors

Vecteezy

VectoroPenStock

VectorMadness

Vectorilla

Vector4Free

GraphicsFuel

Great Vectors

WOW Vectors

Vector Portal

Free-Vectors

VectorPile

AllVectors

Vector

Шрифты

Google WebFonts

Dafont

Typecast

Typespiration

Логотипы

LogoInstant

Snaboopie

Фигуры для фотошопа

Shapes4Free

DeviantArt

Кисти для фотошопа

Brusheezy

MyPhotoshopBrushes

QBrushes

PSBrushes

Использованные материалы:

  • Web Designer’s Arsenal: a Collection of Free Useful Websites
  • 21 essential resource sites for web designers
  • 7 Best deviantART Alternatives for Web Designers to Showcase their Skills
  • 5 Sites with Free Resources for Web Designers and Developers
  • 30 Top Resource Sites for Web Designers
  • Top 10 Sites for Web Designers to Find Freebies
  • Собственные закладки

Конечно, здесь собраны не все ресурсы, просто потому, что их на просторах интернета огромное количество. А какие ваши любимые дизайнерские сайты?

Теги:

  • веб-дизайн

Хабы:

  • Веб-дизайн

Всего голосов 131: ↑108 и ↓23 +85

Просмотры

161K

Комментарии 40

Кирилл @grokru

co-founder at Beau

Telegram

Комментарии Комментарии 40

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


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

iSpring — решение для запуска дистанционного обучения.

Очень часто в такие списки пихают все подряд: нужное, ненужное — что угодно.

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

Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀

Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

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

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

Источник: Showbox

1. Showbox

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

2. Coverr

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

3. Compressify

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

4. Pexels

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

5. Unsplash

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

6. Death to Stock

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

7. Photype

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

8. JPEGmini

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

Иконки

Источник: Iconfinder

9. Iconfinder

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

10. The Noun Project

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

11. Flaticon

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

12. Icomoon

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

13. Material Icons

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

14. Icon Store

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

15. Illustrio

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

Шрифты

Источник: Right Font

16. Right Font

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

17. Font Reach

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

18. Google Fonts

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

19. WhatFont

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

20. Font Flame

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

21. Typekit

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

22. Typeface

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

23. Font Squirrel

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

Цвета

Источник : Color Hunt

24. Color Hunt

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

25. Hello Color

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

26. LOL Colors

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

27. Coolers

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

28. Adobe Kuler

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

29.
ColorZilla

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

30. Design Seeds

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

31. UI Gradients

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

Вдохновение

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

32. Muz.li

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

33. Landingfolio

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

34. Awwwards

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

35. UpLabs

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

36. Pricing Pages

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

37. User Onboarding

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

38. Mindsparkle Mag

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

39. Eye on Design (AIGA)

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

40. It’s Nice That

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

41. The Great Discontent

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

42. Typewolf

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

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

Источник: InvisionApp

43.
InvisionApp

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

44. Sketch

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

45. Napkin

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

46. Placeit

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

47. Frontify

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

48. Pixel Budda

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

49. Graphic Burger

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

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

Источник: Webydo

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

50. Webydo

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

51. Adobe Muse

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

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

52. WordPress

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

53. Dreamweaver

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

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

54. Squarespace

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

55. Wix

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

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

Источник: Fastco Design

56. Lingo

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

57. Mural

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

58. Wake

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

59. Slack

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

60. Trello

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

61. GoVisually

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

Сообщества

Источник: Webdesigner Depot

62. WebdesignerNews

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

63. DesignerNews

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

64. Designer List

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

65. Slack Communities

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

66. Dribbble

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

67. Behance

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

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

Источник: The NuSchool

68. NuSchool

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

69. HackingUI

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

70. Phlearn

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

71. Just Creative

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

72. Tuts+

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

73. How Design University

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

74. Design for a Perfect Screen [eBook]

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

75. A Beginner’s Guide to SEO

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

А еще: Для работы на рынках США и Европы составили рейтинг агентств, которые занимаются продвижением сайтов на зарубежных рынках. Читайте, если понадобится.

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

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

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

1. Генераторы Lorem Ipsum

Для многих дизайнерских проектов необходимо знать, как будет выглядеть текст. Вы можете поставить текст Lorem Ipsum и увидеть, как же будет смотреться контент. Будет ли работать цветовая схема? Является ли текст читабельным с тем или иным шрифтом? Генератор Lorem Ipsum позволяет разместить любое количество текста, чтобы вы не придумывали его сами.

Вот несколько полезных и забавных генераторов Lorem Ipsum, которые можно использовать для тестирования:

Hipster Ipsum
hipsum.co
Cupcake Ipsum
cupcakeipsum.com
One-Click Lorem Ipsum Generator
ipsum-generator.com

2. Наборы иконок

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

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

Cosmo Set by IcoJam
icojam.com
600 Stroke Vector Icons
creativemarket.com/pixelbazaar/9970-600-Stroke-Vector-Icons
Flatties
flatties.uiparade.com
Streamline Icons
streamlineicons.com
Modern UI Icons
modernuiicons.com
Jolly Icons
jollyicons.com

3. Ресурсы цветовых схем и палитр

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

Вот несколько сайтов, которые помогут вам лучше понять, как использовать цвета в дизайне:

COLOURlovers

Здесь можно посмотреть готовые палитры и создавать свои, открывать для себя новые цвета и цветовые комбинации – и все это на одном сайте.

colourlovers.com
HEX to RGB Converter

Конвертер цветов и цветовых схем для различных целей.

hex.colorrrs.com
0to255

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

0to255.com

4. Smashing Magazine

Интересуетесь программированием, версткой, мобильным дизайном и другими отраслями веб-разработок? Smashing Magazine – прекрасный ресурс для начинающих и опытных дизайнеров. Каждый день здесь публикуются новые статьи, связанные с проектированием и разработкой, а также книги, семинары и советы по работе.

smashingmagazine.com

5. Bounce

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

bounceapp.com

6. Контрольные вопросы для дизайнеров

Трудно поставить все эти вопросы в один раздел. Контрольные вопросы помогут вам точно убедиться, что вы сделали все необходимое для вашего проекта. Вот некоторые ресурсы:

7. Moqups

Moqups – приложение HTML5, которое может быть использовано для создания макетов и элементов пользовательского интерфейса. Moqups также имеет инструменты для совместной работы, которые позволяют просматривать, что вы создали, предложить правки и помочь сделать ваш проект еще лучше.

moqups.com

8. Объекты и иллюстрации

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

Mega Pack of Awesome Arrows
creativemarket.com/firetuts/10799-Mega-Pack-of-Awesome-Arrows
120 Handwritten Decorative Shapes
creativemarket.com/cruzine/8867-120-Handwritten-Decorative-Shapes-03
Chalkboard Signs, Ribbons & Badges
creativemarket.com/MakeMediaCo./12142-Chalkboard-Signs-Ribbons-Badges
50 Ornamental Flourishes – Vector
creativemarket.com/BioWorkZ/6826-50-Ornamental-Flourishes-(Vector)
44 Decorative Vector Elements Pack
creativemarket. com/fanextra/1566-44-Decorative-Vector-Elements-Pack
67 Classic Frames – Vector

creativemarket.com/creatifolio/2933-67-Classic-Frames-(Vector)

9. Pattern Tap

Все дизайнеры интересуются работами своих коллег из разных стран. Заходите на сайт patterntap.com и черпайте вдохновение.

patterntap.com

10. Firebug

Бесплатное расширение, которое интегрируется в Firefox и позволяет просматривать и редактировать HTML-код веб-страниц. Вы можете удивиться, каким образом был сверстан сайт! Это удобный инструмент для каждого начинающего веб-разработчика, и вы просто обязаны с ним познакомиться.

getfirebug.com

11. Superhero.js

Создание и поддержание обширного кода JavaScript может быть затруднено. Superhero.js управляет рядом ресурсов, когда дело доходит до JavaScript.

superherojs.com

12. Primer

Отличный инструмент для начинающих дизайнеров, которые желают развиваться. С помощью Primer можно скопировать и вставить HTML-код в документ, а затем нажать кнопку Prime It, – и вы получите базовый CSS на основе стилей и классов, которые были использованы в HTML. Это отличный способ узнать CSS получше.

primercss.com

13. Tools for Responsive Design

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

  • 12 инструментов для респонсив дизайна:
    webdesignledger.com/tools/12-helpful-tools-for-responsive-web-design
  • Топ-10 инструментов для отзывчивого дизайна:
    corephp.com/blog/top-10-responsive-web-design-tools

14. Google Fonts

Хотите посмотреть, как шрифты будут выглядеть на сайте? Google Fonts – отличный инструмент, с помощью которого вы сможете увидеть трендовые шрифты и проверить, как будет отображаться контент в готовом виде.

15. Фоны, текстуры и наборы шаблонов

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

30 Textured Watercolor Backgrounds
creativemarket. com/KimmyDesign/7693-30-Textured-Watercolor-Backgrounds
Soft Colored textures
creativemarket.com/LuOtero/8701-Soft-Colored-textures
200 Blurred and Noisy Backgrounds
creativemarket.com/ThunderPixels/10513-200-Blurred-and-Noisy-Backgrounds
Chalkboard Tutorial & Texture Bundle
creativemarket.com/chiefowl/2515-Chalkboard-Tutorial-Texture-Bundle

16. Gridwax

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

gridwax.gs

17. Launchlist Pro

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

launchlist.net

18. Ресурсы шрифтов для веб-дизайнеров

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

Stay Gold Script + Web Font & Bonus
creativemarket.com/gilangpurnamajaya/11981-Stay-Gold-Script-Web-Font-Bonus
Lunchbox
creativemarket.com/KimmyDesign/5678-Lunchbox-ALL
Nueva York
creativemarket.com/edjbrown/9067-Nueva-York
Church in the Wildwood
creativemarket.com/creatifolio/10102-Church-in-the-Wildwood-Complete
Black Velvet
creativemarket.com/twicolabs/10654-Black-Velvet
Dirty Flamingo
creativemarket.com/defaulterror/12541-Dirty-Flamingo

И напоследок еще несколько полезных сайтов для дизайнеров:

19. Transform Each

Прикольный скрипт, с помощью которого можно изменять размеры всех иконок одновременно
blog.kam88.com/en/transform-each-beta-script.html

20. Fount

Fount – незаменимый инструмент определения шрифтов на сайте. Понравился шрифт? Проверил, скачал такой же!
fount.artequalswork.com

Желаем творческих успехов!

50 полезных инструментов и ресурсов для веб-дизайнеров — Smashing Magazine

  • 19 мин чтения
  • Инструменты, Ресурсы
  • Поделиться в Twitter, LinkedIn
Об авторе

Виталий Фридман любит красивый контент и не любит легко сдаваться. Когда он не пишет, он, скорее всего, занимается интерфейсом и UX… Больше о Виталий ↬

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

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

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

Ниже вы найдете 50 полезных инструментов, которые помогут веб-дизайнерам и разработчикам сэкономить время . Среди прочего, вы найдете недавно выпущенные инструменты, полезные справочные материалы, статьи и дополнительные ресурсы. Такие посты готовятся в течение нескольких месяцев, каждый из которых содержит ресурсы, найденные, проверенные или добавленные в закладки редакцией Smashing. Надеемся, что хотя бы некоторые из них помогут вам улучшить рабочий процесс!

Вам могут быть интересны следующие сообщения по теме:

  • 50 Эффективная экономия времени для веб-дизайнеров
  • 50 Новые полезные приемы, инструменты и учебные пособия по CSS
  • 45 Невероятно полезные контрольные списки и опросники по веб-дизайну

Больше после прыжка! Продолжить чтение можно ниже ↓

Типографика

Знакомство со своим шрифтом: практическое руководство по типографике (бесплатный PDF)
Эта электронная книга поможет вам лучше понять основы типографики и преодолеть распространенные препятствия и проблемы при выборе шрифта.

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

Обои Font Anatomy
Эти обои (1920×1200) охватывают терминологию типографики, демонстрируя отдельные части символов алфавита.

Руководство пользователя Web FontFont (PDF)
Данное Руководство пользователя Web FontFont содержит информацию о типографике, предназначенную для различных групп людей: веб-разработчиков, системных администраторов и посетителей веб-сайтов. Возможно, вы захотите подарить его своим клиентам или коллегам.

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

Типографикс Этот инструмент представляет собой скрипт повторной обработки HTML для создания красивой типографики. Он исправляет такие вещи, как многоточие и умные кавычки, и автоматически добавляет теги для