Создание сайтов картинки – Создайте бесплатно картинку для соцсетей своими руками за 4 минуты без Фотошопа и дизайнера!

90 сервисов, где брать картинки для сайта бесплатно — Секреты разработки сайтов

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

Виды основных лицензий на использование изображений

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

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

CC Attribution (сокращенно CC-BY)
CC Attribution — Share Alike (CC-BY-SA)

Royalty-Free – эта лицензия на изображение предполагает, что после покупки вы можете использовать изображение неограниченное количество раз на своём проекте. Можно перевести её как “Покупка для неограниченного использования”.

Rights-Managed – этот вид лицензии уже предполагает ограничение количества использования изображения после покупки. Купили на 5 раз, только 5 раз можете использовать.

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

Где брать бесплатные изображения для сайта

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

1. Где брать изображения с лицензией Public Domain

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

http://search.creativecommons.org/ – это возможность поиска по разным сайтам с графикой с выделением именно лицензии Creative Commons.

http://epicva.com/ – сайт с бесплатными изображениями, их здесь немного, но тем не менее красивые.

https://unsplash.com/ – Также сайта с бесплатными изображениями
http://publicdomainarchive.com/ – еще один полезный сайт с картинками для свободного использования.

http://thestocks.im/ – очень интересный вариант поиска картинок, этот сайт агрегатирует сайты с бесплатными фотографиями.

http://www.gratisography.com/

– фотограф Райан МакГуайр сделал сайт, на котором предлагает свои фотографии всем желающим бесплатно. Много стильных и винтажных.

http://imaggeo.egu.eu/ – на этом ресурсе хороший выбор изображений природы.

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

“creative commons cc0” picture sources

“creative commons cc0” image sources

“public domain” photos

“public domain” pictures

“no known copyright restrictions” photos

“no known copyright restrictions” pictures
И дополнительно для вас ещё набор 75 сервисов, которые могут вам пригодиться при работе с изображениями.

• Dreamstime — отдельный раздел с бесплатным контентом, который достаточно часто обновляется. Для использования требуется регистрация.
• Free Digital Photos — большая база, разбитая по категориям. Все изображения можно использовать для образовательных, личных или предпринимательских целей.
• Free Images — большая галерея из более чем 35 тысяч снимков, разбитых по категориям и доступных для тематического поиска. Для скачивания понадобится авторизация.
• Free Range Stock — база бесплатных высококачественных фотографий. Пользоваться ей можно только после регистрации и входа на сайт под своим логином и паролем.
• Free Photos Bank — хорошая коллекция бесплатных фото, доступных для скачивания без регистрации. Все снимки разбиты на ряд категорий, можно проводить поиск по тематикам и ключевым словам.

• IM Free — коллекция графики и фотоснимков, взятых из открытых легальных источников, доступных в том числе и для коммерческого использования. Поддерживает поиск по ключевым словам.
• Morguefile — подборка фотоснимков разных фотографов, которые можно использовать для личных веб-проектов. Нужны регистрация на сайте и указание авторства в подписи к используемым снимкам.
• Pixabay — база бесплатных фотографий, не защищенных авторским правом и распространяемых по лицензии Creative Commons.
• Public Domain Pictures — репозиторий бесплатных фотоснимков от авторов-любителей. Для использования понадобится быстрая регистрация. Для скачивания крупных изображений надо завести платный аккаунт.
• Stockvault — фотосток для фотографов и дизайнеров, который позволяет публиковать свои работы и использовать чужие снимки для личных и некоммерческих целей. Регистрация здесь не нужна.
• Rgbstock — бесплатный стоковый сайт для фотографов и авторов графических работ с обязательной регистрацией в один клик и хорошей подборкой предлагаемых материалов.
• Ancestry Images — бесплатный архив исторических принтов, карт и старых фото из географических экспедиций и архивов фотокорреспондентов.

• BigFoto — галерея фотографий без платы за использование любительских снимков. Есть каталогизация по географическому признаку.
• Gratisography — бесплатная коллекция высококачественных снимков для персонального и коммерческого применения. Подборка пополняется еженедельно, а скачивать можно в один клик.
• Death to the Stock Photo — бесплатные фото в высоком разрешении, которые можно получать ежемесячно на свой адрес электронной почты.
• FreeMediaGoo — бесплатное медиахранилище для фотографий, которые можно использовать в разных медиапроектах. Есть каталогизация и поиск по ключевым словам.
• Hubspot — маркетинговая платформа, которая помимо основных услуг предлагает еще и пакеты бесплатных фото для подписчиков, которые оставят свои контактные данные и адрес электронной почты.
• iStock — ресурс, который каждую неделю выкладывает подборку бесплатных фото, но для получения доступа к нему понадобится регистрация.

• Little Visuals — проект, который отправляет 7 высококачественных снимков на указанный при регистрации email каждые 7 дней. Подборка может быть самой разной: от индустриальных городов до идиллических пейзажей.
• New Old Stock — онлайн-подборка винтажных фото из публично доступных архивов, на которые не распространяются ограничения по авторским правам.
• PicJumbo — бесплатное фото здесь можно скачать без регистрации на сайте. Есть подборка категорий, поиска по ресурсу нет.
• Pickupimage — большая онлайн-коллекция бесплатных стоковых фото, в основном о природе или пейзажах, которые можно копировать и распространять даже в коммерческих целях. Регистрация не обязательна.
• Superfamous — сайт голландского дизайнера, все подборки материалов здесь публикуются на основе лицензии Creative Commons Attribution 3.0. Согласно условиям этой лицензии, использовать фото можно только при указании ссылки на автора фотографии.
• Unsplash — сайт предлагает пользователям десяток бесплатных качественных фотографий каждые 10 дней.
• Can We Image — проект обеспечивает поиск и отображение результатов из базы Wikimedia Commons. Все найденные ссылки ведут напрямую на исходные страницы с авторским контентом.

 

• Compfight — движок для поиска изображений из Flickr. Используется Flickr API и набор поисковых параметров.
• Creative Commons Search — сайт для поиска изображений по лицензии Creative Commons, поддерживает интеграцию с Flickr and Google и поиск по специальным параметрам.
• Foter — поисковый инструмент для Flickr, при помощи которого можно быстро выбрать изображения с интересующими параметрами лицензирования.
• Google Advanced Image Search — расширенный поиск по изображениям, размещенным на разных сайтах. Используются поисковые возможности Google.
• Every Stock Photo — поисковик для бесплатных фото, который работает сразу со многими источниками и позволяет выбрать тот или иной вид лицензий.
• Image Finder — поисковик для фотографий с лицензией Creative Commons на основе популярного фотохостинга Flickr, использует фильтрацию по коммерческим и некоммерческим лицензиям.
• PhotoPin — еще один поисковик для снимков с лицензией Creative Commons на основе Flickr.
• StockPhotos.io — профессиональное сообщество фотографов с 25 тысячами снимков.
• TinEye — поисковик для фото, при помощи которого можно отследить источник изображения, тип использования, есть ли модифицированные версии фотографии или версии с более высоким разрешением.

 

• Canva — инструмент для подготовки новых иллюстраций для блогов на основе уже существующих готовых графики и снимков.
• Getty Images — ресурс, при помощи которого можно встраивать фотоснимки и графику в сторонние сайты без скачивания на свой компьютер с указанием авторских прав и первоисточника.
• The Stocks — агрегатор бесплатных фотографий со всей сети. Все снимки разбиты по категориям — в соответствии с тем, из каких источников они взяты.
• Pexels — бесплатный стоковый сервис, где можно найти фотографии на различные темы.
• All the Free Stock — еще один агрегатор, собирающий снимки бесплатных стоковых сервисов.
• Designers Pics — сайт, собирающий бесплатные фотографии в высоком разрешении. Есть общая лента обновлений и отдельный раздел, где снимки разбиты по категориям.
• Splashbase — сервис, специализирующийся не только на бесплатных фотографиях, но и на видеороликах.
• Startup Stock Photos — сборник бесплатных стоковых фотографий, предназначенный специально для стартаперов, — в основном здесь можно найти снимки на корпоративную и бизнес-тематику.
• Jay Mantri — бесплатные снимки в высоком качестве от фотографа Джея Мантри.
• Moveast — галерея бесплатных изображений от португальского фотографа, «решившего, что все его снимки должны быть бесплатными».
• Travel Coffee Book — фотосток для снимков из путешествий. Любой пользователь может скачать фотографии или загрузить собственные снимки.

• Jeshoots — еще один сайт, на котором собраны снимки от одного фотографа — 23-летнего Яна Васека. Васек детально снимает в основном гаджеты, процесс приготовления еды, посуду, цветы и так далее.
• Picography — сервис бесплатных фотографий в высоком разрешении от студии Hidden Depth.
• Magdeleine — каждый день редакция сайта вручную отбирает несколько бесплатных фотографий из других фотостоков или личных сайтов фотографов, одна из которых попадает на главную страницу.
• Snapographic — сборник бесплатных фотографий для коммерческого и персонального использования.
• Splitshire — коллекция бесплатных стоковых фотографий на различную тематику.
• Life of Pix — база сайта обновляется кажду неделю. Бесплатные фотографии в высоком разрешении администрация отбирает вручную.
• Public Domain Archive — бесплатный фотосток, где можно скачать снимки в высоком разрешении.
• Cupcake — личный сайт фотографа Йонаса Нильссона Ли. Все снимки на нем можно использовать бесплатно.
• The Pattern Library — сервис, на котором собрана коллекция бесплатных изображений-«паттернов». Их можно использовать в качестве фонов для сайта или для других целей.

 

• Getrefe — сам по себе сервис Getrefe не является бесплатным стоковым сайтом, но на нем есть раздел с бесплатными фотографиями. Проект делает акцент на снимках, которые сделаны «в реальной жизни» и выглядят естественно.
• ISO Republic — галерея бесплатных снимков, разбитых по категориям — «Архитектура», «Urban», «Природа», «Люди», «Текстуры» и «Разное».
• Stockpic — каждые две недели команда сервиса рассылает подписчикам по 10 новых бесплатных фотографий в высоком разрешении. На сайте можно посмотреть все фотографии из базы проекта.
• Kaboompics — еще один полностью бесплатный фотосервис.
• Function — дизайн-блог, где можно найти ссылки на бесплатные фотографии на других ресурсах или скачать коллекции снимков.
• Stock Up — сервис бесплатных стоковых фотографий с удобным поиском.
• Paul Jarvis — сайт непрофессионального фотографа Пола Джарвиса, на котором можно бесплатно скачать архив из 20 его лучших снимков в высоком разрешении.
• Lock & Stock Photos — сервис, на котором размещает свои снимки фотограф и SMM-специалист Эй-Джей Монпети. Все изображения можно скачать и использовать бесплатно.
• Raumrot — бесплатный стоковый сервис изображений для коммерческого использования, в базе которого сейчас находится 639 фотографий.
• MTT — сайт фотографа Джеффли Беттса. Все изображения можно скачать бесплатно. В основном Беттс снимает цветы, городские и природные виды и гаджеты.

 

Картинки для создания сайта: где их брать?

Всем привет!

Что вы испытываете, когда читаете на каком-либо сайте статью, состоящую из сплошного текста без всяких картинок? Мне это напоминает чтение романа «Война и мир». Авторы таких статей, видимо, забыли, что пишут не для литературной тусовки, а для простых пользователей Интернета. Отсутствие изображений для которых – это признак скуки.

Иллюстрации являются неотъемлемым атрибутом любого интернет-ресурса. Они помогают:

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

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

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

Выдача поисковых систем

Самый доступный, простой и, что самое главное, бесплатный вариант – это скачать изображения из сервисов Яндекс- или Google.Картинки. Этим способом пользуются много лет. И будут пользоваться ещё долгое время.

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

• Иллюстрации, которые вы выберите, будут встречаться вам и на других сайтах.
• Некоторые фото или рисунки могут быть защищены авторским правом. Вам придётся удалить их со своего веб-сайта, если автор потребует этого (хотя такие случаи крайне редки).
• Плохое качество. Чаще всего нравятся именно те картинки, которые имеют размер 200 на 200 пикселей.))

Чтобы уникализировать изображение, доставшееся вам из поиска, можно немного видоизменить его в Фотошопе или любой онлайн программе (о некоторых из них я писал в ЭТОЙ статье).

Фотографирование

Есть хороший фотоаппарат? Тогда вперёд. Сфотографируйте всё, что вам надо, обработайте получившиеся снимки и смело выкладывайте их на сайт. Плюсы:

• Картинки будут 100% уникальными.
• Вы можете воплотить в жизнь любую идею.

Минусы:

• Некоторые фото придётся дополнительно обрабатывать (уменьшать размер, убирать шероховатости). Если речь идёт о товаре для интернет-магазина, то конечный результат должен быть не просто хорошим, а КЛАССНЫМ (я писал об этом ТУТ).
• Время. Достать камеру, найти сюжет, сделать фото, скинуть её на компьютер, уменьшить, залить на сайт – затраты времени тут гораздо больше.

Фотостоки (фотобанки)

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

Фотостоков очень много: Dreamstime, Shutterstock, Depositphotos и другие (не все из них на русском языке). Я не буду уделять время перечислению всех популярных ресурсов: эту информацию вы без труда найдёте в Интернете. Расскажу лишь о плюсах и минусах.

Преимущества:

• ХОРОШЕЕ качество.
• Нет защиты авторским правом.
• Огромный выбор.

Недостатки:

• Несмотря на то, что есть бесплатные фотостоки, самые «вкусные» изображения находятся именно на платных. За хорошую картинку придётся заплатить (иногда немало).
• Даже если вы приобрели иллюстрацию, она может быть куплена кем-то ещё. А иногда её совершенно бесплатно можно найти в Яндексе или Гугле.

Коллажи

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

Рисование

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

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

А вы решили для себя, где будете брать картинки для своего проекта? Поделитесь в комментариях!

С уважением, автор блога Сергей Чесноков

101 бесплатный сервис для дизайнера / Pixli corporate blog / Habr

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

Шрифты

• Google Fonts – всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни.
• 1001 Free Fonts — библиотека шрифтов. Имеет удобную навигацию – шрифты отсортированы как по алфавиту, так и по типам. Имеется раздел русских шрифтов.
• Fontstruct – онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт. Рисовать можно не только стандартными квадратами, но и другими фигурами – точки, закругленные углы и пр. Для начинающего идеальный инструмент, чтобы попробовать и увидеть типографику в действии.
• Font Squirrel – одна из самых больших библиотек шрифтов. Кроме этого можно загрузить рисунок и получить названия шрифтов, используемых на нем. Есть магазин шрифтов, и даже магазин одежды с логотипами.
• Type light – полнофункциональный редактор шрифтов. Позволяет создавать, редактировать и конвертировать шрифты OpenType, TrueType и PostScript. Необходимо скачивать и устанавливать. Бесплатная версия имеет ограниченный функцуонал по сравнению с бесплатной. Но для создания простого шрифта хватает.
• What Font is – онлайн сервис для подбора шрифтов сайта. Загружаем файл шрифтов, указываем url сайта и выидим как загруженный шрифт будет выглядеть на сайте. Удобнцый сервис.
• 1001 Fonts – библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д. Меню позволяет настроить вывод, что дает возможность увидеть каждый шрифт в разных опциях: размер, начертание и т.д.
• Font Flame – онлайн сервис подбора пары сочетаемых шрифтов. Действует очень просто – на главной странице предложен листок с двумя надписями, сделанными разными шрифтами. Понравилось – жмите «Love», нет – «Hate». Потом выбранные можно просмотреть еще раз. Клик по названию шрифта открывает Google Fonts.
• Typecast – выбор шрифта для прототипа. Можно просмотреть как шрифт будет выглядеть на любых устройствах. Необходимо обозначить разные типы текста – заголовки, кавычки и т.д. Можно выбрать гарнитуру, размер, начертание, установить отступы. Вы увидите вашу будущую страницу в тех шрифтах, которые установили. Большой плюс – выбор макета (одна колонка или несколько, разные расположения блоков).
• Wordmark — позволяет подобрать шрифт, установленный на компьютере пользователя, для текста, логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Стоки фотографий

• Unsplash – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки.
• FoodiesFeed – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр.
• Free Refe Photos — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге.
• Little Visuals – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям.
• Gratisography – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам.
• Death to the Stock Photo – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание.
• Superfamous – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный.
• The Pattern Library – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть.
• New Old Stock – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые.
• Pexels – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать.
• Jay Mantri — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

Стоки графики

• Brusheezy – бесплатные кисти, шаблоны, текстуры и прочее для фотошопа. 12 категорий, в каждой из которых подкатегории. Выбор огромен.
• Iconfinder – иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG.
• Brushez – большая коллекция кистей для фотошоп. Кроме них еще векторные примитивы, формы, шаблоны, стили. Каждый раздел разбит на подразделы. Например, для кистей более 20 категорий.
• Vecteezy – бибилотека векторной графики, включая изображения и иллюстрации. Большое количество категорий и огромное – графики.
• Iconbird — русскоязычный сервис по поиску иконок. Можно ввести тему и получить набор иконок, а можно просматривать по категориям.
• Icons8 — русскоязычный сервис, предлагающий более 42000 иконок по разным тематикам.

Инфографика

• Vizualize – онлайн сервис для создания инфографики «О себе». По сути, создает графическое резюме.
• Canva – простой инструмент для создания любого дизайна. Позволяет оформить презентацию, плакат, запись в соцсетях, книги, письма, материалы и многое другое. Все делается на основании шаблонов, меняется текст. Но шаблонов очень много, есть из чего выбрать.
• Easelly – создание инфографики на основании шаблонов. Встроенный онлайн редактор позволяет менять оформление, размещать дополнительные жлементы, менять текст.
• Infogram – онлайн сервис для создания инфографики и интерактивных диаграмм. Не все функции доступны, придется покупать аккаунт.
• Visage – простой инструмент для создания любого визуального контента (диаграммы, инфографика, изображения для блога и пр.). Множество шаблонов, простой редактор. Некоторые функции платные.
• Gliffy – онлайн сервис для создания диаграмм. Редактор действует по принципу Microsoft Visio.
• Visme – онлайн инструмент для создания презентаций и инфографики. Более 1000 шаблонов. Редактор позволяет добавлять текст (заголовки, списки, кавычки и обычный), анимированный текст и виджеты. В бесплатном аккаунте можно скачать как JPG файл.
• Piktochart – создание высококачественной графики – презентации, инфографика или печатный материал. Выгружается PNG, JPG разных размеров.
• Drawio – удобный онлайн сервис для создания диаграмм. Можно сохранять в dropbox и подобные сервисы, можно на диск.
• Venngage – простое создание инфографики, плакатов, отчетов, материалов для соцсетей и пр. В бесплатной версии дает только ссылку на публикацию. За скачивание надо платить.
• Cacoo —онлайн сервис для рисования диаграмм и карты сайта. Пожалуй, самый лучших по возможностям. Большое количество инструментов и шаблонов. Экспортировать можно в PNG, PDF, SVG, PPT и др.
• Creately – онлайн сервис рисования диаграмм. Доступны только для публикации. Скачивание платное.
• Lucidchart — онлайн сервис создания диаграмм и чертежей. Есть возможность импортировать диаграмму Microsoft Visio. Экспортируется в PDF, PNG и JPG. Имеется платный функционал.

Цвета

• Color Hunt – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора.
• TinEye – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта.
• ColorZilla – позволяет создавать цвета и градиенты. Выводит css свойства для них.
• Adobe Color CC – создание цветовых схем.
• Colicious – нажимайте на пробел и генерируйте новый цвет.
• Colorscheme — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.
• Paletton – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme.
• Pictaculous – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют.
• Hex Color Tool – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру.
• (Un)clrd – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете.
• BrandColors — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл.
• Colortyper — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение

• Dribbble — Самое многочисленное сообщество дизайнеров. Работы, сообщества, общение – здесь можно найти все что угодно.
• Freebbble – шаблоны и дизайны из Dribbble. Что-то можно скачать бесплатно, что-то купить. Можно найти шаблоны для CMS, конструкторов, иконки, мокапы, сверстанные шаблоны сайтов и многое другое.
• Muzli — Ежедневное вдохновение дизайна. Ресурс для дизайнеров с примерами самых необычных работ.
• Awwwards – лучшие разработки дизайнеров. Организован как сообщество, где можно проголосовать сайт. Выбираются сайт дня, месяца, года и пр. Большое количество дизайна, видео, разработок.
• Design You Trust — сообщество дизайнеров, совместно использующее последние тенденции, новости, портфолио, дизайны и творческие объявления.
• Really Good Emails — огромная коллекция хорошо разработанных электронных писем. Выбираете шаблон и получаете его код html, css и js. Можно менять текст, рисунки и пр.
• Fubiz – публикации из области дизайна и креатива. Можно найти фотографии, дизайн, графику, видео и др. Все разбито по категориям.
• Designspiration – коллекция дизайнов в стиле Pinterest. Огромное количество идей и примеров – типографика, логотипы, письма и многое другое.
• Behance – коллекция портфолио от профессионалов. Можно оставить вакансию или резюме.
• Mobile-patterns – библиотека скриншотов iOS и Android. Все разбито по разделам. Можно найти много идей.
• One Page Love – галерея лучших дизайнов web-страниц. Можно купить шаблоны и темы. Есть и бесплатные.
• Uispace — ресурс для дизайнеров. Можно бесплатно скачать psd, sketch, шрифты, мокапы и пр.

Графические редакторы

• DAZ 3D — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение.
• Gimp – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины.
• Blender — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен.
• Aviary – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр.
• Pixlr – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск.
• BeFunky – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс.
• Inkscape – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др.
• IconEdit2 – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.
• Falco GIF Animator — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ.
• Krita – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС.
• Boxy-SVG — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape.
• Photopos — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики.
• 5Dfly — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF.
• PaintStar — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например.
• PhotoScape – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр.
• Pablo — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст.
• Internet Marketing Ninjas – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро.
• Meme Generator — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

Программы для создания логотипа

• Free Logo Maker – онлайн редактор для создания простых логотипов. Позволяет рисовать с нуля. Бесплатно сохраняет в PNG.
• DesignMantic – сервис, генерирующий логотип. В редакторе можно изменить, добавив новую форму или текст.
• Logotype Maker – сервис, генерирующий логотип на основании шаблона. Потом можно поменять в редакторе. Сохраняет в JPG и PNG форматах.
• Jeta Logo Designer — позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.
• Flaming Text — онлайн сервис для разработки дизайна логотипа. Основан на шаблонах, но имеет встроенный редактор. Сохраняет в PNG формате.
• Logo Ease — программа для создания логотипов. Логотип можно создать на основании шаблона, редактировать.
• Online Logo Maker — онлайн сервис создания логотипов. Простой редактор, легко скачать. Бесплатно только вариант на 300px.

Прототипирование

• Napkin – десктопное приложение для быстрого создания мокапов для iPhone.
• HTML5 UP – отзывчивые и адаптивные шаблоны HTML5.
• Inkbrush — Онлайн инструмент для проектирования шаблонов писем электронной почты. Совмещается с почтовыми службами.
• Marvelapp – онлайн сервис для создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch.
• MockPlus – программа для создания прототипов на всех платформах. Скачивайте и создавайте. Досьупно для всех устройств.
• InVision – приложение для совместной работы над прототипом проекта. Инструмент для компании любого размера. Разработка программного продукта с общим доступом — все этапы могут видеть и контролировать как разработчики, так и менеджмент компании.
• Pencil – десктопный инструмент создания прототипов и интерфейсов. Имеет большой набор инструментов, в том числе диаграммю
• iPlotz — создание управляемых каркасов сайта или приложения. Для шаблонов можно получить код HTML. Есть онлайн версия, есть десктопная.
• MockFlow — создание моделей интерфейсов пользователя. Бесплатный доступ ограничен одним пользователем на один проект.
• Pictofon – быстрое создание мокапа для любого устройства. Выбираем макет, загружаем картинку и получаем мокап в PNG формате.
• Placeit — Бесплатные шаблоны и мокапы для всех типов устройств. Выбираем макет (от него зависит ракурс просмотра), указываем имя сайта и видим как он будет выглядеть.
• Pixli – платформа для web-дизайна. Есть бесплатный аккаунт, в котором можно создать мокап, прототип и на его основании сразу сайт.

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

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

47 источников бесплатных картинок для коммерческого использования

*Обновление

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

Как создать картинку для соцсетей в Figma

Как обойти копирайт

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

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

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

Почему соцсети зарабатывают на твоих фото, видео и музыке, а ты – нет

Что такое Creative Commons и общественное достояние

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

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

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

Источники изображений

1. Free digital photos. Для свободного использования доступны изображения с низким разрешением.

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

3. Freerangestock. Помимо фото, можно найти иллюстрации и коллажи, пригодные для постов.

4. IM Free. Здесь вы найдете бесплатные фото, доступные для коммерческого использования. Есть поиск по ключевым словам и категориям. По большей части на сайте любительские фото – это может быть хорошо или не очень, в зависимости от ваших целей.

5. MorgueFile. После регистрации доступны бесплатные изображения. Администрация сайта просит указывать авторство.

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

7. Public Domain Pictures. Коллекция фото, являющихся общественным достоянием. Скачать в полном размере можно за символическую цену, бесплатно доступны уменьшенные файлы. Есть интересные незаезженные фото.

8. Pexels. Большой архив фотографий – бесплатно, без регистрации, в высоком разрешении.

9. Rgbstock. Этот ресурс создан для фотографов и художников. Много любительских фото низкого качества, но попадаются и пригодные для контента.

10. Ancestry Images. Здесь можно найти старинные изображения.

11. Bigfoto. Огромная коллекция любительских фотографий.

12. Gratisography. Здесь есть бесплатные изображения высокого качества.

Как делать мемы для соцсетей: руководство пикчера

13. Death to The Stock Photo. Зарегистрировавшись на сайте, вы будете ежемесячно получать коллекцию лайфстайл-фото. Речь идет об альтернативе дешевым постановочным фотографиям, которые часто распространяются через фотобанки.

14. FreeMediaGoo. Бесплатные фото, без регистрации. Доступны фото, видео, а также текстуры в отдельном разделе.

15. Hubspot. Здесь вы можете получить 160 бесплатных изображений в обмен на Email.

16. Burst. Бесплатный фотосток, необходима регистрация. Много качественных професииональных фото, которые еще не примелькались в сети.

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

18. New Old Stock. Здесь можно найти коллекцию винтажных фото, не защищенных копирайтом.

19. PicJumbo. Большая коллекция фото, доступно без регистрации.

20. Pickupimage. Здесь вы найдете изображения природы и городских улиц, изредка попадаются и люди.

21. Freestockimages. Бесплатный русскоязычный фотобанк. Фото распространяются по лицензии CCO.

22. Unsplash. Один из самых популярных фотобанков с бесплатными иллюстрациями.

23. Wikimedia Commons. Здесь хранится более 20 млн изображений. Фотографий много, и они в высоком разрешении.

24. Compfight. Поиск по изображениям, опубликованным на Flickr. Минус: очень раздражает реклама платного стока.

25. СС Search. Сервис поиска изображений на сторонних ресурсах.

26. Foter. Еще один поисковик фото на Flickr.

17 нейросетей для создания и обработки изображений

27. EveryStockPhoto. Сервис поиска бесплатных изображений.

28. Image Finder. Третий сервис поиска по Flickr для вашей коллекции.

29. PhotoPin. Сервис для поиска изображений с Flickr, которые распространяются по лицензии CC.

30. StockPhotos. Сервис шеринга бесплатными фото. В настоящее время в коллекции около 25 тыс. изображений.

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

32. Wylio. Здесь можно не только найти бесплатное фото, но и изменить его размер.

33. Canva. Отличный инструмент для создания визуального контента.

34. ThingLink. Этот инструмент позволяет создавать интерактивные изображения.

35. Slidely. C помощью данного сервиса можно делать анимированные галереи и видеопрезентации из ваших фото.

Создание видео для соцсетей: подборка 9 инструментов + шпаргалки по форматам

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

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

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

39. Life of Pics. Cюда люди выкладывают картинки для публичного использования. Есть удобный поиск по цветам, много панорамных видов и качественные любительские фото.

40. Stockvault. Бесплатные фото, текстуры и иллюстрации. Иллюстраций много и, что редкость, вполне качественных и современных.

41. The Pattern Library. Узкоспециализированный сток для всех, кому нужны паттерны. Много бесплатных и качественных фонов для ваших постов и баннеров.

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

42. Travel Coffee Book. Фотографии путешественников со всех уголков мира. Каждые 10 дней архив пополняется на 10 снимков.

43. DesignersPics. Фото в высоком разрешении, доступны с удобным поиском по категориям.

44. Free nature stock. Еще один источник красивых пейзажей и животных. А также там можно найти макросъемку растений и насекомых.

45. Nomad. Большой архив бесплатных любительских фото, современных и качественных. Хороший ресурс для всех, кто работает с соцсетями.

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

47. Magdeleine. Преимущественно тут красивые фотопейзажи. При использовании некоторых картинок требуют указывать авторство – это отмечается в описаниях.

SEO-продвижение – не только качественный визуальный контент, а целый комплекс работ: от подбора семантики до веб-аналитики.

40-istochnikov-besplatnykh-foto-dlya-vashego-bloga

Где найти хорошие и легальные бесплатные картинки

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

Почему найти бесплатные фото трудно

В интернете миллиарды картинок, которые можно найти через Google поиск. Картинки в общественном доступе или под лицензией Creative Commons, можно свободно использовать в своих проектах, как личных, так и коммерческих, и у вас не будет никаких проблем с авторскими правами.

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

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

1. Unsplash

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

Unsplash.com →

2. Google.com (Life)

Здесь хранятся миллионы исторических фотографий реальных людей и событий. Чтобы найти такие фото, к обычному поисковому запросу нужно добавить «source:life» и вы увидите только фотографии из жизни. Эти изображения можно использовать для личных, некоммерческих проектов.

Google.com (Life) →

3. Flickr

Это крутой ресурс, на котором можно найти качественные фотографии под лицензией Creative Commons. Ещё на фликре есть специальный раздел The British Library (Британская библиотека), где можно найти миллионы винтажных фотографий, бесплатно скачать их, и использовать для своих нужд.

Flickr →

4. Picjumbo

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

Picjubmo →

5.Pixabay

Все фотографии с этого ресурса находятся под лицензией Creative Commons, и вы можете использовать их где угодно. Как и на Flickr, здесь можно просмотреть фотографии по модели камеры.

Pixabay →

6. Public Domain Archive

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

Public Domain Archive →

7.Wikimedia Commons

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

Wikimedia Commons →

8. Super Famous

Ещё один крутой ресурс, где можно скачать фотки в высоком разрешениии, от которых просто дух захватывает. Изображения лицензированы Creative Commons attribution. Их можно использовать с указанием ссылки на автора.

Super Famous →

9. New Old Stock

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

New Old Stock →

10. Free Images

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

Free Images →

11. Morgue File

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

Morgue File →

12. Free Stock Images

Российский онлайн-фотосток с 30 000 снимков в высоком разрешении. Фотографии доступны бесплатно даже для коммерческих целей. Кураторы проекта группируют изображения по категориям, так что каждая картинка находится на своем месте и терпеливо ждёт, пока вы найдёте её.

Free Stock Images →

13. Public Domain Photos

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

Public Domain Photos →

14. IM Free

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

IM Free →

15. Photo Pin

На этом сайте вы также найдете бесплатные фотографии с Flickr, изображения с лицензией Creative Commons. Чтобы не хранить фотки на своем сервере, можно скопировать код и добавить изображение на свой сайт.

Photo Pin →

Как не повторять другие сайты

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

Чтобы не повторяться, перед тем как вставлять картинки на сайт, проверьте в Google Images, насколько часто встречается эта фотка на других сайтах.

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

Всем красивых блогов и высокой посещаемости.

14 ресурсов для подбора стильных и бесплатных фото для сайта

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

Многим наверняка знакома эта ситуация, когда очень срочно нужно найти стильные и не примелькавшиеся изображения: для статьи, баннера, открытки, оформления сайта, блога или группы в социальных сетях и т.д. Приглашать фотографа, моделей и делать фото специально для проекта — не каждому по плечу и по карману такая задача. Это даже скорее долго, чем дорого. А картинка к статье нужна вот прямо сейчас. Как быть? Тут выручают фотостоки и банки авторских фотографий.

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

www.firestock.ru

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

ru.freepik.com

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

getrefe.tumblr.com

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

unrestrictedstock.com

На данном фотостоке, как и на Freepic можно найти векторную графику. Некоторые иконки постоянно нужны, а найти их можно на этом ресурсе. Плюс фотографии городов, животных, природы.

nos.twnsnd.co

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

www.rgbstock.com

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

foter.com

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

unsplash.com

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

www.designerspics.com

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

picjumbo.com

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

jaymantri.com

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

www.splitshire.com

Авторские фото Даниэля Нанеска. Можно свободно использовать фото в коммерческих целях. Удобно, что фото при клике разворачивается в крупное и сразу можно оценить, как оно будет выглядеть в качестве фона для страницы сайта. Пример:

www.gratisography.com

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

www.lifeofpix.com

По стилю фото похожи на jaymantri — качественные и спокойные изображения для фона сайта.

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

Источник: блог сервиса https://getsocial.ru, оригинал статьи тут

10 советов для создания сайта на базе фотографий

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

 

Огромные изображения

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

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

Слайдеры

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

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

Коллаж или сетка

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

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

Минимализм

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

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

Минимум эффектов

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

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

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

Фото-тема

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

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

Микс форм и размеров

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

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

Размещение текста

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

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

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

Контраст

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

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

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

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

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

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

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

Заключение

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

Автор статьи Carrie Cousins

Перевод — Дежурка

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