Добавить новость
Январь 2010Февраль 2010Март 2010Апрель 2010Май 2010
Июнь 2010
Июль 2010Август 2010Сентябрь 2010
Октябрь 2010
Ноябрь 2010Декабрь 2010Январь 2011Февраль 2011Март 2011Апрель 2011Май 2011Июнь 2011Июль 2011Август 2011Сентябрь 2011Октябрь 2011Ноябрь 2011Декабрь 2011Январь 2012Февраль 2012Март 2012Апрель 2012Май 2012Июнь 2012Июль 2012Август 2012Сентябрь 2012Октябрь 2012Ноябрь 2012Декабрь 2012Январь 2013Февраль 2013Март 2013Апрель 2013Май 2013Июнь 2013Июль 2013Август 2013Сентябрь 2013Октябрь 2013Ноябрь 2013Декабрь 2013Январь 2014Февраль 2014Март 2014Апрель 2014Май 2014Июнь 2014Июль 2014Август 2014Сентябрь 2014Октябрь 2014Ноябрь 2014Декабрь 2014Январь 2015Февраль 2015Март 2015Апрель 2015Май 2015Июнь 2015Июль 2015Август 2015Сентябрь 2015Октябрь 2015Ноябрь 2015Декабрь 2015Январь 2016Февраль 2016Март 2016Апрель 2016Май 2016Июнь 2016Июль 2016Август 2016Сентябрь 2016Октябрь 2016Ноябрь 2016Декабрь 2016Январь 2017Февраль 2017Март 2017Апрель 2017
Май 2017
Июнь 2017
Июль 2017
Август 2017Сентябрь 2017Октябрь 2017Ноябрь 2017Декабрь 2017Январь 2018Февраль 2018Март 2018Апрель 2018Май 2018Июнь 2018Июль 2018Август 2018Сентябрь 2018Октябрь 2018Ноябрь 2018Декабрь 2018Январь 2019Февраль 2019Март 2019Апрель 2019Май 2019Июнь 2019Июль 2019Август 2019Сентябрь 2019Октябрь 2019Ноябрь 2019Декабрь 2019Январь 2020Февраль 2020Март 2020Апрель 2020Май 2020Июнь 2020Июль 2020Август 2020Сентябрь 2020Октябрь 2020Ноябрь 2020Декабрь 2020Январь 2021Февраль 2021Март 2021Апрель 2021Май 2021Июнь 2021Июль 2021Август 2021Сентябрь 2021Октябрь 2021Ноябрь 2021Декабрь 2021Январь 2022Февраль 2022Март 2022Апрель 2022Май 2022Июнь 2022Июль 2022Август 2022Сентябрь 2022Октябрь 2022Ноябрь 2022Декабрь 2022Январь 2023Февраль 2023
123456789
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Интернет |

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

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

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

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

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

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

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

Полезное чтиво для UX/UI-дизайнера

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

  1. https://t.me/uxnotes – заметки о юзабилити и пользовательском интерфейсе.
  2. https://t.me/uxidesign – то же самое, интересное из мира UX-дизайна.
  3. https://t.me/proudobstvo – канал Михаила Грекова о продукте, продуктоводстве, UX, работе с дистанционной командой и кейсы из жизни.
  4. https://t.me/uirefs – канал «интерфейсы» — это референсы из мира продуктового дизайна.
  5. https://t.me/desprod – философия для дизайнера, «меньше ссылок — больше мыслей» — девиз канала.
  6. https://t.me/glvrdru – бессмертный блог Максима Ильяхова, учит не только писать ёмко, но и думать о пользе и пользователе.
  7. https://t.me/uxfromhell – и на закуску примеры ужасного юзер экспириенса, как делать не надо.

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

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

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

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

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

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

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

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

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

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

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

  1. http://ru.365psd.com/ – на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
  2. https://free3dicon.com/ – бесплатные 3D-иконки.
  3. http://www.freepik.com/ – графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
  4. https://www.flaticon.com/ – более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
  5. https://icons8.com/ – 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
  6. http://dbfreebies.co/ – на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
  7. https://www.toptal.com/designers/subtlepatterns/ – большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
  8. http://www.heropatterns.com/ – небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
  9. https://freevectormaps.com/ – сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
  10. https://freebiesbug.com/ – бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
  11. https://www.mockupworld.co/ – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
  12. http://fontello.com/ – большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
  13. https://thenounproject.com/ – на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
  14. http://www.endlessicons.com/ – бесплатная библиотека плоских и контурных иконок.
  15. http://fontawesome.io/ – шрифт, генерирующий иконки.
  16. http://pixelmap.amcharts.com/ – генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
  17. 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.fonts.uprock.ru/ – 450+ бесплатных кириллических шрифтов.
  3. https://myskotom.ru/fonts – 900+ бесплатных кириллических шрифтов.
  4. https://fish-text.ru/ – генератор рыбного текста на русском, умеет генерировать по абзацам или может замутить заголовок.
  5. https://www.artlebedev.ru/typograf/ – инструмент, который наводит порядок в типографике, расставляет правильные кавычки, заменяет дефисы на тире и расставляет неразрывные пробелы.
  6. http://fishtext.ru/ – генератор рыботекста для незаконченных шаблонов или других ваших проектов.
  7. http://allfont.ru/cyrillic/ – большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
  8. http://typespiration.com/ – бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

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

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

  1. https://tympanus.net/ – это блог веб-дизайна и разработки. Можно найти достойные примеры hover-эффектов и анимации для вашего сайта.
    Выделим несколько особенно полезных ссылок с этого ресурса:
  2. https://tympanus.net/Development/ButtonStylesInspiration/ – коллекции эффектов кнопок при наведении.
  3. https://tympanus.net/Tutorials/CaptionHoverEffects/ – эффекты наложения заголовка.
  4. https://tympanus.net/Development/HoverEffectIdeas/ – вдохновляющие коллекции эффектов при наведении на фотографию.
  5. https://codepen.io/search/pens?q=canvas&limit=all&type=type-pens – бесплатные живые фоны для вашего сайта от профессиональных разработчиков и любителей (работы в основном для вдохновения, не для коммерческого использования).

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

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

Ria.city

Читайте также

Блоги |

Министр иностранных дел Арцаха Сергей Газарян направил письмо соболезнования послу Сирии в Армении

Блоги |

Рейд по выявлению незаконно находящихся в России иностранцев провели в Псковской области

Блоги |

Газпромбанк предлагает ипотеку по ставке от 5,3% годовых в рамках специального предложения

Новости России

Шапки мужские и женские (акция от Wildberries / Y're на головные уборы)

Санавиация - 85 лет на страже здоровья северян

Сатановский: Россия победит США, если начнет по их примеру нарушать правила

Предсказавший землетрясение в Турции сейсмолог Хугербитс сделал новый прогноз

Слухи, сплетни...


Moscow.media

News24.pro и Life24.pro — таблоиды популярных новостей за 24 часа, сформированных по темам с ежеминутным обновлением. Все самостоятельные публикации на наших ресурсах бесплатны для авторов Ньюс24.про и Ньюс-Лайф.ру.

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

Персональные новости

Музыкальные новости
Фёдор Шаляпин

В Ставропольском крае сняли фильм в честь 150-летия со дня рождения Шаляпина

Авто в России и мире

Экология в России и мире

Спорт в России и мире

Новости тенниса
WTA

Блинкова потеряла три позиции в рейтинге WTA