5 бесплатных ресурсов для Web дизайнера, которые Вы должны знать


Содержание

7 главных бесплатных ресурсов для дизайнера

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

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

Unsplash

Первая проблема, с которой сталкивается дизайнер в начале пути, — где брать фото? Цены Shutterstock кусаются даже для профессионалов, а сам сервис рассчитан на командную работу. Канадский стартап Unsplash в 2014 году буквально поглотил нишу стоковых фотографий, предложив то, чего все хотели и ждали: бесплатный реестр качественных фото с удобным поиском.

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

Freebie Supply

Сегодня Freebie Supply, пожалуй, самый функциональный ресурс по поиску бесплатных файлов. В основном ориентирован на дизайнеров, но пригодиться может и разработчикам, и менеджерам. Охватывает все современные инструменты в сфере дизайна: Figma, Photoshop, Adobe XD, Illustrator, Sketch, Google Slides и другие.

Большой плюс Freebie Supply в том, что для скачивания файлов не нужно даже регистрироваться — только нажать кнопку «Скачать». Можно оформить бесплатную подписку, и еженедельно вам на почту будет приходить подборка новых материалов.

Google Fonts

Вы слышали о Google Fonts? В век лицензирования и борьбы с пиратством советуем задумываться, используя шрифты. Для собственных работ вы, конечно, можете брать и пиратские. Но если проект коммерческий, применение нелицензированных шрифтов может обернуться судебным иском.

Google Fonts — это библиотека, в которой более 800 свободно распространяемых шрифтов. Можно воспользоваться интерактивным предпросмотром и подобрать «тот самый» шрифт для любого проекта. А если поначалу вам сложно определиться, сохраните в закладки подборку шрифтовых пар Google Fonts.

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

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

Tilda Icons

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

Более 700 иконок на 43 темы — вот что нужно всегда иметь под рукой. Их можно свободно использовать как в личных, так в коммерческих целях — при условии, что вы ссылаетесь на ресурс-источник. Воспользуйтесь быстрым поиском в нижнем правом углу страницы — просто введите название объекта, чтобы найти подборку иконок.

UI Gradients

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

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

Coolors

Сервис по генерации цветовых палитр Coolors встречается в каждой подобной подборке, потому что он действительно классный! Как часто вы сталкиваетесь с тем, что вам нужно подобрать гармоничное сочетание трех или четырех цветов? Если вы дизайнер — почти ежедневно. Нет единой методологии: одни дизайнеры создают палитры «как чувствуют», другие — копируют чужие работы, третьи смотрят подборки на Pinterest. А Coolors — решение универсальное и подойдет всем.

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

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

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

Unsplash

Первая проблема, с которой сталкивается дизайнер в начале пути, — где брать фото? Цены Shutterstock кусаются даже для профессионалов, а сам сервис рассчитан на командную работу. Канадский стартап Unsplash в 2014 году буквально поглотил нишу стоковых фотографий, предложив то, чего все хотели и ждали: бесплатный реестр качественных фото с удобным поиском.

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

Freebie Supply

Сегодня Freebie Supply, пожалуй, самый функциональный ресурс по поиску бесплатных файлов. В основном ориентирован на дизайнеров, но пригодиться может и разработчикам, и менеджерам. Охватывает все современные инструменты в сфере дизайна: Figma, Photoshop, Adobe XD, Illustrator, Sketch, Google Slides и другие.

Большой плюс Freebie Supply в том, что для скачивания файлов не нужно даже регистрироваться — только нажать кнопку «Скачать». Можно оформить бесплатную подписку, и еженедельно вам на почту будет приходить подборка новых материалов.

Google Fonts

Вы слышали о Google Fonts? В век лицензирования и борьбы с пиратством советуем задумываться, используя шрифты. Для собственных работ вы, конечно, можете брать и пиратские. Но если проект коммерческий, применение нелицензированных шрифтов может обернуться судебным иском.

Google Fonts — это библиотека, в которой более 800 свободно распространяемых шрифтов. Можно воспользоваться интерактивным предпросмотром и подобрать «тот самый» шрифт для любого проекта. А если поначалу вам сложно определиться, сохраните в закладки подборку шрифтовых пар Google Fonts.

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

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

Tilda Icons

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

Более 700 иконок на 43 темы — вот что нужно всегда иметь под рукой. Их можно свободно использовать как в личных, так в коммерческих целях — при условии, что вы ссылаетесь на ресурс-источник. Воспользуйтесь быстрым поиском в нижнем правом углу страницы — просто введите название объекта, чтобы найти подборку иконок.

UI Gradients

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

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

Coolors

Сервис по генерации цветовых палитр Coolors встречается в каждой подобной подборке, потому что он действительно классный! Как часто вы сталкиваетесь с тем, что вам нужно подобрать гармоничное сочетание трех или четырех цветов? Если вы дизайнер — почти ежедневно. Нет единой методологии: одни дизайнеры создают палитры «как чувствуют», другие — копируют чужие работы, третьи смотрят подборки на Pinterest. А Coolors — решение универсальное и подойдет всем.

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

70+ лучших ресурсов о веб-дизайне

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

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

Что читать, смотреть и слушать о веб-дизайне

Чтобы сделать сайт на Тильде, дизайнером быть не обязательно: вы собираете сайт из готовых универсальных блоков и даже шаблонов.

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

Для вашего удобства мы свели все ресурсы в таблицы, разбитые по категориям.

Сайты и блоги

Рассылки

Сообщества

Подкасты и видео

Телеграм-каналы

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

Вторая тема — управление творческими процессами. Sketch, Slack, Avocode, Invision и десятки похожих компаний вступили в борьбу за эффективность дизайнера, поэтому обязательно читайте их блоги, смотрите и слушайте выступления.

Внутренний Getpocket. Обычно интересные статьи, которые мне попадаются в сети, я собираю здесь. Получается ежедневный журнал, который удобно читать офлайн. В нем — десятки сайтов на русском и сотни на английском языках: блоги, заметки, журналы. Информация очень размазывается и ее тяжело найти в одном месте. Этими статьями я делюсь внутри CreativePeople с другими дизайнерами, чтобы мы могли обсуждать их и синхронизировать свои знания.

Отмечу несколько фаворитов, которые попадают в подборку достаточно часто.

Medium. Поиск по ключевым словам выдает интересные и свежие статьи. Отдельно стоит выделить два блога: Muzli и Nathan Curtis.

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

Vc.ru. Следим за новостями и переводами статей по UIX.

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

Дизайн-кабак. Неплохие подборки в виде еженедельных дайджестов.


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

Если ваше вдохновение сегодня взяло выходной, а у вас проект с горящим deadline, не впадайте в отчаянье. Читайте статью от WAY UP, переходите на нужный сервис и вдохновляйтесь!

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

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

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

Pexels

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

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

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

Цукерберг рекомендует:  Пять способов ускорить время загрузки страниц

Есть раздел с каталогами, где фотографии и видео сгруппированы по темам, а также разделы «популярные фото», «популярные категории поиска» и «лучшие фотографы».

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

Для скачивания фото и видео с Pexels нужно всего лишь нажать зеленую кнопку рядом с выбранным файлом «Бесплатное скачивание». Скачивание абсолютно бесплатно, при использовании фотографии ссылка на источник не нужна, но приветствуется, по словам администраторов сайта. Также есть возможность перейти в Twitter или Instagram автора и отблагодарить его своей подпиской.

Unsplash

На Unsplash.com важно не количество, а качество. Сюда каждые 10 дней редакторы выкладывают 10 лучших фотографий в высоком разрешении.

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

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

Все фотографии имеют лицензию Creative Commons 0 (CC0), а значит, вы можете использовать их для любых целей – личных и коммерческих, вносить изменения и проявить креативность. У сервиса Unsplash есть сайт Made With Unsplash, на котором можно найти лучшие работы с использованием фотографий их стока.

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

Pixabay

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

На сайте есть постоянно пополняющаяся коллекция видео. Все представленные видео, так же как и на pexels.com, без звука и надписей.

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

Stock Up

StockUp – это бесплатный фотобанк, где все фотографии представлены в высоком разрешении и по лицензии CC0. Однако, он менее функционален и удобен, чем предыдущие.

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

STOKPIC

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

Здесь всё, как и на большинстве сайтов других бесплатных фотобанков: поиск фотографий по тегам, подборки по категориям и лицензия Creative Commons 0. А ещё возможность подписаться на e-mail рассылку о добавлении новых фото на сайт.

Вдохновение для веб-дизайнеров

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

FLTDSGN

Для тех, кто любит и часто работает в стиле Flat Lay , сервис fltdsgn.com просто находка. Подборка тематических дизайнов, которые сопровождаются описанием самого проекта. Смотрим, читаем, вдохновляемся.

AWWWARDS

На международной площадке для веб-дизайнеров Awwwards.com вы можете найти вдохновение и стать участником конкурса, показав миру свою работу. Награды присуждают ежедневно («Сайт дня», «Сайт месяца» и «Сайт года»). Правда участие в конкурсе не бесплатное, стоимость подачи сайта – 50 евро. А вот вдохновиться можно бесплатно.

BEHANCE

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

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

ONEPAGELOVE

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

Полезные сервисы для дизайнеров: иконки, палитры и градиенты

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

Вот самые популярные сайты с бесплатными иконками:

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

40 бесплатных ресурсов для веб-дизайнеров за октябрь 2014 года

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

1. GUI-комплекты

2. Бесплатные ресурсы для iPhone 6 и iOS8

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

4. Веб-шаблоны и темы в свободном доступе

– материалы для первичной загрузки

– бесплатные PSD и HTML шаблоны для электронной почты Facebook

5. Бесплатные макеты

6. Шрифты

– Набор из sub-families Sans, Slab, Script, Handmade and Extras

7. Структуры и кисти

Про автора

Смотрите также

Тренды веб-дизайна 2020: девяностые возвращаются!

У бесплатного инструмента Google для начинающих кодеров появилась десктопная версия

20+ новых крутых инструментов для дизайнеров за сентябрь 2020

20+ новых крутых инструментов для дизайнеров за август 2020

Как придать уверенности поколению Z на работе: кейс от Aimbulance

Дон Норман: роль дизайнеров в XXI веке

  • Мы в Facebook
  • Мы в Telegram
  • Мы в Контакте
  • Наш Youtube канал

Популярно сейчас

О нас

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

5 направлений, в которых веб-дизайнеру нужно развиваться постоянно | Глава 5

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

Продуктовый дизайнер (UX/UI) и аналитик.

Авг 13 · 8 мин читать

(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)

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

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

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

Этого было достаточно, чтобы освоить азы и начать делать собственные проекты. При обучении в ВУЗе ты сначала несколько лет учишься, а потом начинаешь искать работу. У меня было иначе — я постоянно делал небольшие проекты и параллельно учился.

Я запускал свои сайты и на них отрабатывал все новые знания и навыки. Скоро люди начали заказывать мне сайты, подобные моим — так это превратилось в работу.

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

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

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

Я годами учился самостоятельно, и, думаю, смогу вам помочь.

ЧЧто не нужно изучать

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

  1. Искусство, рисование

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

2. Графический дизайн.

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

3. Бэкэнд кодинг.

Мы подробно обсуждали эту тему в главе “Должен ли дизайнер кодить”. Если вас интересует только дизайн, вам не нужно уметь кодить. Скажу больше, сложный бэкэнд кодинг — это слишком для новичка. Сконцентрируйтесь на дизайне, не парьтесь пока о коде.

4. Кучу модных инструментов дизайна.

Сейчас есть миллион разных инструментов для проектирования вайрфреймов, карт сайта, путей пользователей, макетов, анимаций, прототипов и т.п. Подробнее об инструментах дизайна мы поговорим в следующем уроке. Имейте в виду, что всю работу можно сделать в одном нормальном инструменте — например, в Photoshop или Sketch. Я лично годами использовал Photoshop для создания вайрфреймов, графики и веб-дизайнов — и ничего, выжил!

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

ЗЗапустите процесс самообучения

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

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

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

Знания бесполезны, если не научиться ими пользоваться”

*В глобальном интернете эта цитата приписывается Чехову, но я не смогла найти подобного высказывания Чехова на русском. Автор высказывания выше — Виктор Груценко.

ИИтак, вот с чего стоит начать изучать дизайн:

  1. Учитесь на примерах.

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

Каждый день смотрите проекты в интернете и оттачивайте свое умение подмечать в каждой работе ценные детали.

Сохраняйте классные примеры, чтобы можно было при желании вернуться к ним. Не нужно тратить на это целый день — уделяйте поискам по 10-15 минут ежедневно. Здесь важно постоянство — так вы натренируете свой мозг замечать и запоминать хорошие дизайнерские решения и паттерны.

2. Изучайте теорию дизайна.

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

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

3. Научитесь пользоваться своим софтом.

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

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

С самого начала своей карьеры я использовал Adobe Photoshop, но пару лет назад переключился на Sketch. Вопреки моим опасениям, это почти никак не повлияло на мой рабочий процесс. Я пару дней отрабатывал новые горячие клавиши и осваивал базовые фичи — и скоро начал работать так же быстро и уверенно, как раньше в Photoshop.

4. Практикуйтесь, практикуйтесь, практикуйтесь.

Самая важная часть процесса обучения — постоянно отрабатывать на практике все, что вы изучили. Не надо ждать, пока вы наберете какой-то критический набор навыков — пока испачкать руки! Как только обнаружите что-то новенькое, садитесь за компьютер и попробуйте это повторить. Делайте быстрые макеты, экспериментируйте и создавайте что-то свое.

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

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

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

5. Учитесь у своих героев.

Исследуйте мир дизайна, ищите своих героев — и учитесь у них. Повторяйте за ними, копируйте рабочий процесс, прислушивайтесь к советам. Наблюдайте, как со временем меняется их стиль и в каком направлении они движутся. Учитесь на их ошибках и впитывайте опыт. Возможно, у них тоже были сомнения и трудности, которые вы испытываете сейчас — и вы можете посмотреть, какой выбор они сделали тогда и куда это их привело. Например, в начале своего пути я никак не мог решить: вести свой фрилансовый бизнес под собственным именем или придумать имя бренда. Я почитал посты нескольких дизайнеров и принял правильное решение.

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

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

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

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

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

20 признаков ужасного веб-дизайнера

Если Вы, уважаемый читатель, сотрудничаете с веб-дизайнером или планируете нанять его для создания сайта, ― эта публикация поможет Вам вычислить того, кто привык «творить» шаблонами и недостоин носить гордое имя дизайнера. Хм, Вы и есть веб-дизайнер? Тогда добавьте эту страницу в закладки, отправьте статью себе на email и на всякий случай распечатайте.

Здесь собраны целых 20 моментов, которые могут Вас дискредитировать

1. Затраты на создание сайта меньше 30 000 рублей

Как бы Вы ни желали сэкономить ― если создание сайта (ну, возможно, кроме визитки-одностраничника) обходится дешевле тысячи долларов, вероятно, веб-дизайнер не сильно заинтересован в успехе Вашего проекта. И сайт будет соответствующим. Все хотят тратить как можно меньше и зарабатывать миллионы ― но если бы это было так просто, миллионером был бы каждый первый. На создании сайта лучше не экономить, поскольку Вы получите именно то, за что заплатили. За 30 тысяч можно и машину купить, но вы догадываетесь, какой она будет. Если вы всё ещё думаете, что сайт может стоить меньше тысячи долларов, рано или поздно Вы обратитесь к тому веб-дизайнеру, чьи услуги казались слишком дорогими. Скупой платит дважды, и второй раз ― чаще всего дороже.

Симпатичная девушка в наушниках, готовая принять входящий звонок ― сколько раз вы видели её улыбку на разных сайтах? Подобную стоковую фотографию можно найти на страницах контактов, в боковых меню, иногда даже в шапке сайта. Красотка-С-Гарнитурой не повысит продажи и не увеличит число звонков. Единственное, что она сделает, ― придаст вашему сайту шаблонный и глуповатый вид: callback.


3. Веб-дизайнер перестал Вам звонить

Каждый новый веб-сайт начинается c энтузиазма, с желания сделать отменный ресурс, который будет стабильно генерировать прибыль. Поддерживать эту энергию нужно всё время, пока сайт создаётся и наполняется контентом. Если веб-дизайнер перестал регулярно выходить на связь, ― значит, движущая сила проекта ослабла. Ваш веб-дизайнер должен выходить с вами на связь каждую неделю (а лучше каждый день!). Требуйте постоянно поддерживать контакт, назначайте день и время для совещаний каждую неделю до тех пор, пока проект не будет закончен.

4. Вы нашли своего дизайнера по объявлению на сайте

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

5. Ваш веб-дизайнер не знает, где брать контент для сайта

Создание контента для нового сайта ― самая трудная задача, с которой сталкиваются все клиенты. Это причина большинства задержек. Хороший веб-дизайнер предложит вам решение и предупредит вас об этом решающем этапе на первой же встрече. Вот возможные варианты решений по копирайтингу:
а) клиент создаёт весь контент самостоятельно (будьте готовы: потребуется много времени и усидчивости);
б) клиент поручает работу кому-либо из своих сотрудников (штатному копирайтеру);
в) клиент нанимает копирайтера-фрилансера;
г) веб-дизайнер предлагает копирайтера из своей компании;
д) веб-дизайнер нанимает фрилансера.

6. Креатив — цель № 1 для веб-дизайнера

Креатив не должен быть смыслом жизни Вашего веб-дизайнера. Американское агентство HubSpot выяснило, что 76 % пользователей в первую очередь хотят легко найти то, что они ищут. Только 10 % пользователей сообщили, что «красивое оформление» ― это главное качество сайта. Так что креативный дизайн мало кого беспокоит. Чем лучше организован Ваш контент, тем дольше пользователь будет исследовать сайт. Чем больше времени он проведёт на сайте, тем выше вероятность покупки. Посему ― убедитесь, что у Вашего веб-дизайнера правильные приоритеты.

7. Веб-дизайнер ― Ваш родственник

Никогда не нанимайте того, кого не сможете уволить. Дважды подумайте, прежде чем предложить члену семьи поработать на Вас, не говоря уже о полноценном создании сайта. Конечно, если он веб-дизайнер, он, вероятнее всего, сделает Вам хорошую скидку. Если он профессионал, тогда всё в порядке. Но всегда есть риск, что «семейное дело» попадёт в долгий ящик.

8. Ваш веб-дизайнер ― это Вы сами

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

9. Вы создаёте сайт в автоматической программе для веб-дизайна

Как показывает опыт, чтобы не наткнуться на дилетанта, следует посмотреть портфолио претендента и документ о профессиональном образовании ― у липового дизайнера не будет ни того, ни другого. Научиться пользоваться недорогой дизайнерской программой можно за пару часов. Но Вы не узнаете того, чему настоящий веб-дизайнер научился за годы практики. Другими словами, программа не сможет сделать для Вас сайт, который будет привлекать целевых посетителей и продавать Ваш продукт. Никто не может называться крутым дизайнером только потому, что умеет пользоваться фотошопом. Ваш веб-дизайнер может уверять, что знает все программы Adobe как свои пять пальцев, но его работы всё же никуда не годятся. Только многолетний опыт превращает ужасного дизайнера в привлекательного профи.

10. Ваш веб-дизайнер не использует специальное ПО управления проектами

Программное обеспечение для управления проектами позволяет организовать все дела и обеспечивает всем участникам моментальный доступ к нужной информации. Задачи, расписания, дедлайны, ответственные сотрудники ― всё под контролем. Трудно представить современную фирму, которая обходится без подобного сервиса. Если люди, которые делают Вам сайт, всё ещё ходят с бумажными ежедневниками, это серьёзный повод для беспокойства за результат их труда.

11. Веб-дизайнер задаёт мало вопросов

Ваш веб-дизайнер должен задавать вам мно-о-го вопросов. Особенно до старта работы над проектом. Он должен узнать всё о ваших «трёх К» ― Компании, Конкурентах и Клиентах. Вопросы должны поступать к Вам с самой первой встречи и далее, особенно на этапе разработки стратегии. Нет вопросов ― значит, Ваш веб-дизайнер не слишком хорош.

Вот 10 вопросов, которые просто обязан задать грамотный веб-дизайнер:

1) Каковы Ваши главные и второстепенные цели для этого сайта?
2) Кто Ваша целевая аудитория?
3) Опишите своего типичного потребителя.
4) Назовите Ваших конкурентов в онлайне и оффлайне.
5) Занимаетесь ли Вы маркетингом вне интернета?
6) Где находится Ваша целевая аудитория (в масштабах города, страны, планеты)?
7) Каковы принципы Вашего бренда?
8) Есть ли у Вас свой копирайтер?
9) Можете ли Вы предоставить дополнительную информацию (фотографии, видео, брошюры)?
10) Можем ли мы получить аналитику по Вашему нынешнему сайту?

12. У Вашего веб-дизайнера слишком много клиентов

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

Если Вы ― веб-дизайнер, и ваша цель ― зарабатывать 500 000 у.е. в год, постарайтесь заполучить 10 клиентов с бюджетом по 50 тысяч, а не 50 проектов по 10 тысяч. Прибыль та же, но меньше клиентов, звонков, переходов на личности и головной боли.

13. Нет плана работы

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

14. Нет структуры будущего сайта

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

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

15. Нет стратегии по конверсии

Помог ли Вам ваш веб-дизайнер определиться с видами конверсии? Каждое более или менее значимое действие пользователя на сайте ― это конверсия (нажатие кнопки, подписка на рассылку, заполнение формы для связи, покупка). Ваш веб-дизайнер должен помочь вам определить, чего именно Вы хотите от посетителей сайта.

Конверсия может быть первичной и вторичной. Первичная конверсия ― это реальные продажи на сайте или запросы на подробное описание товара. Вторичная конверсия ― это обычно заполнение форм, где требуется email. Ваш веб-дизайнер должен выяснить у Вас ― какие способы связи с Вами будут предоставлены клиентам и как они сами предпочитают контактировать с вашей фирмой. В конце концов, для этого Вы и создаёте сайт.

16. Ваш веб-дизайнер работает в IT-отделе Вашей компании

Почему многие компании ассоциируют веб-дизайн с IT, когда эта задача относится исключительно к маркетингу? Если Вы хотите создать сайт, обращайтесь к маркетологам. Работникам IT: если начальник просит Вас разработать сайт, вежливо отправьте его к тем же маркетологам.

17. Картинка с рукопожатием

Если Вы увидите её на сайте ― распорядитесь немедленно убрать. Это так же избито, как и Красотка-С-Гарнитурой, олицетворяющая службу поддержки. К тому же этот ненужный символ сотрудничества занимает много места.

18. Нет SEO-стратегии

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

19. Отсутствие системы управления контентом

Едва ли можно найти вескую причину не создавать сайт на CMS. Отказ от CMS ― это не экономия. Фактически сайт без CMS может обойтись даже дороже, поскольку современные системы имеют удобную встроенную систему управления, которая будет экономить Ваше время и Ваши деньги.

20. Ваш веб-дизайнер живёт в другой стране

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

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

Текст подготовлен по мотивам публикации: «20 Signs Your Web Designer is Terrible» (англ.)

Бесплатные интернет-ресурсы для веб-дизайна

Главная → новости → Бесплатные интернет-ресурсы для веб-дизайна

Обучение Веб Дизайну от «Web Studio Andreyanka»

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

Графические дизайнеры используют большинство своих творений в коммерческих целях, то есть продают их. За что веб-дизайнеры, в большинстве своём, платят, так как бесплатные ресурсы обычно не используются в коммерческих проектах (если вы хотите создать что-то действительно уникальное). Тем не менее, не запрещено пользоваться и бесплатными эскизами со шрифтами.

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

1. Creative Market

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

2. FreePik

На Freepik находится большая коллекция бесплатных, для коммерческого использования (присвоения), векторов, файлов в формате PSD, иконок и фотографий. Бесплатное коммерческое использование авторства, в данном случае означает, что для того, чтобы использовать элементы с этого сайта, вы должны размещать ссылки на авторство на вашем сайте, а если вы с этим не согласны, то тогда вы можете купить премиум подписку за $9.99 в месяц

3. PSDDD

На Psddd размещаются работы ребят с сайта Dribbble. Psddd предлагает иконки, и различные макеты для iphone, элементы или полные комплекты, шаблоны и многое другое.

4. The Hungry JPEG

Hungry JPEG, в основном продаёт пакеты шрифтов и различных клипартов, но они также предлагают и бесплатные элементы дизайна. У них есть хорошие коллекции бесплатных шрифтов, макетов, иллюстраций и фотографий.

5. Freebies Bug

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

6. Free Design Resources

Free Design Resources. Здесь вы так же найдёте красивые коллекции бесплатных дизайнов, шрифтов, шаблонов, иконок, макетов, графики и многое другое.

7. Vecteezy

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

8. Deviant Art

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

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

Поделитесь с нами в комментариях под этим постом, какими сайтами с бесплатными ресурсами для веб-дизайна, вы пользуетесь? =)

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


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

Создать свой проект с нуля может не каждый. Но каждый может в разы облегчить себе жизнь, узнав о некоторых инструментах и «примочках», которыми мы поделимся в этой статье. Тем более что все представленные ресурсы бесплатны (ну или почти все).

Материал разбит на тематические блоки, чтобы вам проще было ориентироваться и выбирать нужный сервис. В общем, читайте, берите и пользуйтесь. ;)

Смотри, любуйся, вдохновляйся

    1. https://dribbble.com/ – популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт – это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
    2. https://www.behance.net/ – сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
    3. http://revision.ru/ – сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
    4. https://onepagelove.com/ – площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
    5. https://land-book.com/ – еще один сайт-портфолио только одностраничных сайтов.
    6. https://www.awwwards.com/ – авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
    7. http://www.webdesign-inspiration.com/ – название сайта говорит само за себя. Ресурс, созданный для вдохновения сайтами. Удобная фильтрация работ по цвету, типу и тематикам.
    8. http://www.fltdsgn.com/ – вы любитель сайтов в стиле FLAT? Тогда этот ресурс для вас.
    9. http://www.siteinspire.com/ – тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
    10. https://www.thebestdesigns.com/ – еще один сайт с вдохновляющими работами в сфере веб-дизайна.
    11. https://www.uplabs.com/material/ – для любителей Material Design полезно заглянуть сюда. Вдохновение не заставит себя ждать.
    12. https://ru.pinterest.com/ – как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
    13. https://pttrns.com/ – сайт с шаблонами пользовательского интерфейса на любой вкус.
    14. http://www.gomoodboard.com/ – сайт для создания собственной доски вдохновения.

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

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

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

    1. https://www.pexels.com/ – огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
    2. https://unsplash.com/ – больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
    3. https://pixabay.com/ – бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
    4. https://www.firestock.ru/ – бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
    5. http://isorepublic.com/ – бесплатные изображения для творческих людей. Каждый день добавляется огромное количество новых фотографий. Можно использовать для коммерческих целей.
    6. http://jeshoots.com/ – более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
    7. http://cupcake.nilssonlee.se/ – вдохновляющие изображения от талантливого фотографа Nilsson Lee, которые можно ставить на сайт и в рекламу. Коммерчески пригодные фото.
    8. https://magdeleine.co – на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
    9. http://nos.twnsnd.co/ – винтажные фотографии из публичных архивов. Все круто, но только для личного и некоммерческого использования.
    10. https://picjumbo.com/ – более 3 000 изображений высокого качества, библиотека активно пополняется. Разрешено использование фотографий в коммерческих целях, но запрещена перепродажа.
    11. https://www.freestockimages.ru/photo/ – бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
    12. https://www.sitebuilderreport.com/stock-up/ – более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
    13. http://kaboompics.com/gallery – популярный бесплатный источник качественных фотографий. Фотографии с Kaboompics появляются на сайтах, таких как BBC, CNN, Forbes, Cosmopolitan, Yahoo и т. д. Но важно проверять лицензии на фотографии, они могут быть разными.
    14. https://www.foodiesfeed.com/ – бесплатный фотобанк с изображениями еды в высоком разрешении. Допускается использование в коммерческих целях.
    15. https://www.splitshire.com/ – фото и иллюстрации для бесплатного использования.
    16. http://www.lifeofpix.com/ – еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
    17. http://www.gratisography.com/ – сайт с креативными снимками от фотографа Райана Макгуаера. Фотосток пополняется еженедельно и также подходит для коммерческого использования.

Бесплатные видео

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

    1. http://www.clipcanvas.com/free-footage/ – на сайте большое количество платных и бесплатных видеороликов высокого качества.
    2. http://www.lifeofvids.com/ – бесплатные видеоклипы высокого разрешения с лицензией ROYALTEE-FREE. Разрешено использование в коммерческих целях.
    3. http://www.wedistill.io/ – бесплатные профессиональные видео для творчества. Можно использовать в рекламных целях.
    4. https://www.videezy.com/ – площадка профессиональных и начинающих видеооператоров, чьи работы находятся в открытом доступе. Разрешено использование в коммерческих целях.
    5. http://www.free-hd-footage.com/ – бесплатные видео отличного качества. Также имеются такие категории как 3D, 4k, 2k. Видео банк небольшой, но категории самые разнообразные.
    6. https://www.videvo.net/ – бесплатные видеоролики для любого проекта. Для скачивания требуется регистрация. Видео разрешено использовать в коммерческих целях.
    7. http://mitchmartinez.com/free-4k-red-epic-stock-footage/ – бесплатные 4к-видео от профессионального фотографа и видеографа Mitch Martinez. Его видео разрешается использовать только в личных целях, не в коммерческих, но есть возможность договориться с автором о расширенной лицензии.
    8. https://pixabay.com/ru/videos/ – бесплатные видео отличного качества. Разрешено коммерческое использование.
    9. http://www.coverr.co/ – сервис для подбора фонового видео на сайт. Видео разрешены для использования в коммерческих целях.
    10. http://mazwai.com/ – большое количество спокойных и живописных видео про природу. Лицензия позволяет использовать в коммерческих целях.

Бесплатные векторные иллюстрации, иконки, фоны и psd

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

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

    1. http://ru.365psd.com/ – на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
    2. http://www.freepik.com/ – графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
    3. https://www.flaticon.com/ – более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
    4. https://icons8.com/ – 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
    5. http://dbfreebies.co/ – на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
    6. https://www.toptal.com/designers/subtlepatterns/ – большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
    7. http://www.heropatterns.com/ – небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
    8. https://freevectormaps.com/ – сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
    9. https://freebiesbug.com/ – бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
    10. http://www.fribbble.com/ – бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
    11. https://www.mockupworld.co/ – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
    12. http://fontello.com/ – большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
    13. http://perfecticons.com/ – генератор иконок социальных сетей онлайн.
    14. https://thenounproject.com/ – на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
    15. http://www.endlessicons.com/ – бесплатная библиотека плоских и контурных иконок.
    16. http://fontawesome.io/ – шрифт, генерирующий иконки.
    17. http://pixelmap.amcharts.com/ – генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
    18. https://www.iconfinder.com/free_icons/ – бесплатные коллекции иконок в разных стилях.

Подбор цветовой схемы и палитры

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

    1. https://color.adobe.com/ – один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
    2. https://colorscheme.ru/ – удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
    3. http://bootflat.github.io/color-picker.html – подборка контрастных цветов для проектов в стиле Flat.
    4. https://uigradients.com/ – на сайте собраны самые модные и приятные градиенты для ваших проектов.
    5. https://dribbble.com/colors/9cf4df?percent=30 – у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
    6. http://discovercolor.ru/ – удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
    7. https://brandcolors.net/ – самая большая коллекция официальных цветов популярных мировых брендов.
    8. https://chrome.google.com/webstore/detail/eye-dropper/ – удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
    9. http://www.0to255.com/ – сайт для подбора более светлых и темных оттенков одного цвета. Очень удобен для создания градиентов и hover-эффектов.
    10. https://www.materialpalette.com/ – генерация палитр в стиле material design.
    11. https://coolors.co/ – супербыстрый и бесплатный генератор цветовых схем.

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

Шрифты – неотъемлемая часть каждого проекта. Без текста нет рекламы и посыла. Создание своего шрифта требует немало усилий, опыта и времени. Не каждому титулованному дизайнеру это под силу. Именно поэтому существует немалое количество качественных бесплатных шрифтов и их сочетаний, которые придумали талантливые люди и любезно ими делятся.

    1. https://fonts.google.com/ – бесплатные шрифты от Google.
    2. https://www.canva.com/font-combinations/ – бесплатный поиск шрифтовых комбинаций для вашего дизайна.
    3. http://fishtext.ru/ – генератор рыботекста для незаконченных шаблонов или других ваших проектов.
    4. http://allfont.ru/cyrillic/ – большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
    5. http://typespiration.com/ – бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

Hover-эффекты, анимация и живые фоны

Возможно, у кого-то возник вопрос: зачем здесь информация для front-end разработчиков? Но выбрать правильный hover-эффект или анимацию – задача дизайнера. Знания html и css еще ни одному веб-дизайнеру не навредили и быть в курсе новинок в стезе верстки его прямая обязанность. В этом помогут приведенные ниже сервисы и не обязательно изобретать велосипед. Вдохновляйтесь тем, что уже есть, и применяйте это в своей работе.

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

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

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

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

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

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

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

Блоги

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

Вдохновение

Сервисы

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

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

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

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

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

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

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

1. DesignMania

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

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

2. Дежурка

Уникальный проект — информационный портал, полностью посвященный созданию сайта. Тут вы найдете всю полезную информацию от А до Я. Целевая аудитория сайта — программисты, дизайнеры, копирайтеры, верстальщики. Практически ежедневно появляются все новые и новые полезные материалы. Здесь вы встретите как развернутые обзоры и статьи-уроки, так и небольшие «статьюшечки» с разными полезностями.

Причем разброс тем весьма широк — здесь есть и идеи дизайна рассадочных карточек, и идеи для поздравительных открыток, полезные уроки для разных уровней в Adobe Photoshop, Adobe Illustrator и других полезных программах. Так что все, что требуется от читателя — не потеряться в большом объеме полезной информации.

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

3. DesignonStop

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

4. Хабрахабр

Это крупнейший в Европе ресурс для веб-разработчиков, дизайнеров и IT-специалистов. Сайт — это кладезь полезной информации. Надо сказать, что это своеобразная смесь новостного сайта и коллективного блога, здесь можно найти как аналитическую статью или обзор, так и просто мысли и индивидуальные рассуждения участников. Здесь вы не найдете много информации по типу «Полезности» или «Бесплатные коллекции» как в ранее описанных сайтах, но зато профессионалы найдут качественные обзоры с отзывами появившихся новинок как на российском, так и на зарубежном рынке.

Чтобы самостоятельно разместить статью на сайте или оставить комментарий надо будет постараться. Чтобы перейти из категории read-only к полноправному участию в сообществе надо или получить приглашение от участника, или написать такую статью в «Песочницу», чтобы вас заметили.

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

5. Render

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

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