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

Содержание

Тренды веб дизайна

К 2020 году тренды веб дизайна опять изменились. Вы удивлены? Мы нет :)

В 2008, когда мы начинали заниматься дизайном сайтов, в моде были огромные рисованные «шапки». Сейчас это анахронизм. Как менялась мода? Вот несколько глобальных трендов.

Сейчас это не стремление убрать абсолютно всё и остаться с чёрным квадратом на белом фоне. Это скорее понимание, что в нынешней информационной среде внимание пользователя – очень ценный ресурс. Поэтому каждый элемент дизайна, каждая иконка и иллюстрация должна пройти тест на «смысловую необходимость». Нет необходимости? Долой!

Цветовые и стилевые решения

Постепенно Интернет становится «домашней» средой для всех возрастов и поколений. Общие тенденции стиля и моды находят свое отражение в вебе, будь то fashion или архитектура.

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

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

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

Детальных трендов веб дизайна много, но их объединяет одно: высокая скорость изменения, краткосрочность. Впрочем, это касается всей DIGITAL среды: достаточно взглянуть на то, как быстро (в течение пары месяцев!) меняется облик и функционал социальных сетей.

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

50+ потрясающих бесплатных инструментов для веб-дизайнеров

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

50+ CSS кнопок

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

Векторный шаблон деревянной текстуры

Шаблоны для Samsung Galaxy Note

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

Шаблон для Moto 360 Watch

Красивые шаблоны, предназначенные для оформления презентаций дизайна для Moto 360 Watch.

Набор векторных изображений гаджетов

Потрясающая коллекция изображений гаджетов для макетов и разработки. Предоставлены в форматах PSD, AI, SVG.

Набор кухонных иконок

Отличный набор, состоящий из 40 простых иконок, связанных с едой и готовкой. Предоставляются в форматах PSD, PNG, EPS, AI.

Линейные векторные иконки

Огромный набор векторных иконок. Станет полезным в разработке любого дизайна.

Плоские иконки на медицинскую тему

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

Шаблон постера

Крутой шаблон для создания промо-плакатов. С ним можно работать в InDesign, Photoshop и Illustrator.

Набор геометрических фонов

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

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

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

Набор пользовательских интерфейсов от Uzers

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

Пользовательский интерфейс от Entertray

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

Шрифт Againts

Довольно интересный шрифт, который украсит ваш проект и прибавит оригинальности.

Шрифт Perfograma

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

Шрифт Serendipity

Милый каллиграфический шрифт сделает любой текст лучше.

Шрифт Kontanter

Довольно интересный экспериментальный шрифт, поддерживающий несколько европейских языков.

Quad: геометрические шрифты

Три потрясающих новых шрифта, которые притягивают взгляд. Идеальны для крупных размеров текста.

PSD тема для сайта

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

Шаблон для журнала или блога

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

Шаблон для сайта

Хотите сделать ваш сайт по настоящему крутым? Тогда обратите внимание на эту вещь.

Плоский шаблон для журнала

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

Тема для сайта Capoverso

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

WordPress тема для портфолио

Фантастическая тема для портфолио. Яркая, эффектная и не перегруженная деталями.

HTML5 шаблон для сайта

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

HTML шаблон для портфолио

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

Эффекты для подсветки объекта при наведении

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

Mosaigr >

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

Набор стикеров с загнутыми уголками

Довольно интересные стикеры с загнутыми краями могут украсить ваш проект.

Фреймворк от T-Mobile

Это практически инструмент первой необходимости. Был создан командой Deutsche Telekom.

Фреймворк от Mootor

Этот инструмент упростит процесс разработки мобильных приложений.

ISSО комментарии

Этот сервер для комментариев работает почти так же, как и Disqus.

HTML и CSS редактор

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

Генератор сеток

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

CSS линейка

Узнайте немного больше о CSS экспериментируя с этой линейкой.

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

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

Fabric

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

Frontend stuff

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

Essential React

Если вы ищете базовый набор для создания React приложений, то этот инструмент для вас.

jQuery плагин

Этот плагин позволит сделать любой элемент веб-сайта отзывчивым и адаптивным.

Intercooler.js

Этот плагин упрощает использование AJAX, превращая язык во что-то более знакомое пользователям HTML.

jQuery easySelect

Этот плагин позволяет выделять несколько объектов быстро и просто.

jQuery TextComplete

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

Nunchuck.js

Эта библиотека позволяет интегрировать кнопки контроля в JavaScript игры.

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

Ratchet

Упрощает разработку приложений, позволяя создавать их с помощью HTML, JS и CSS компонентов.

Nines

Позволяет обнаружить проблемы, связанные с тем, как отображается ваш веб-проект.

Favico.js

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

jQuery.loadScroll

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

Copegen

Красивый эксперимент Луиджи Манонни, в котором он создает шар, отзывающийся на действия мышкой.

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

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

Эффекты блочного раскрытия

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

15 полезных .htaccess сниппета для сайта на WordPress

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

20 бесплатных тем для WordPress в стиле Material Design

Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

20 сайтов с креативным MouseOver эффектом

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

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

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

Бесплатка: PSD шабон Modus Versus

Вашему вниманию предлагаем PSD шаблон с множеством элементов.

64 сайта для дизайнеров, которые нужно добавить в закладки

Ищете сайты, которые помогут справиться с первыми заказами и прокачать новые навыки?

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

12 сайтов для вдохновения

  • https://www.pinterest.ru. Чаще всего это первый ресурс, на который идут дизайнеры самых разных специализаций в поисках вдохновения. Самое удобная функция на Pinterest — это возможность создавать свои подборки.
  • https://www.behance.net. Дизайнеры традиционно публикуют свое портфолио Behance, поэтому сайт можно смело назвать самой большой коллекцией удачных примеров в любой сфере дизайна. Следите за новыми проектами, подпишитесь на дизайнеров и студии, на работы которых вам бы хотелось равняться.
  • https://www.awwwards.com. Ресурс посвящен самым лучшим работам в веб-дизайне, на Awwwards можно найти подборки лучших сайтов за день, неделю, месяц или год. Вдохновляйтесь лучшими!
  • https://dribbble.com. Платформа, на которой дизайнеры размещают свои портфолио. Чтобы добавить свои работы, нужно получить приглашение от участника Dribbble.
  • https://www.designspiration.net. На сайте вы встретите сотни примеров хорошего дизайна для вдохновения.
  • https://synapticstimuli.com. Галерея самых разнообразных проектов. Развивает чувство прекрасного.
  • http://www.designmadeingermany.de/sites-we-like/. Можно найти авторские подборки красивых сайтов разнообразных стилей. Кстати, в подборку можно предложить и свой сайт.
  • https://designshack.net/category/articles/critique-articles. Сайт для дизайнеров, на котором не хвалят, а критикуют. Новички наверняка узнают для себя много полезного.
  • https://siiimple.com. Поклонникам минимализма и тем, кто хочет научиться создавать дизайн в этом стиле. На сайте просто огромная подборка примеров дизайна в минималистичном стиле, которая постоянно обновляется.
  • https://onepagelove.com. Отличный ресурс с подборкой одностраничных сайтов. Всем, кто занимается лендингами, смотреть обязательно.
  • https://mediaqueri.es. Довольно удачный проект об адаптивном дизайне. Особенно пригодится тем, у кого еще не было опыта в создании таких макетов.
  • http://bookcoverarchive.com. Сайт пригодится не только тем, кто занимается оформлением обложек книг, но и тем, кто постоянно сталкивается с необходимостью подобрать хороший шрифт.

Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.

14 медиа о веб-дизайне

  • http://webdesignerwall.com. Сайт посвящен не только созданию дизайна, но и затрагивает темы разработки, верстки, анимации и продвижения.
  • http://houseofbuttons.tumblr.com. Здесь можно найти десятки интересных примеров оформления кнопок на сайте (многие с готовой анимацией).
  • https://www.webdesignerdepot.com. Еще один информационный сайт для дизайнеров, затрагивающий самые разнообразные сферы, начиная с приемов оформления интерфейса и заканчивая организацией рабочего процесса.
  • https://webdesignledger.com. Неплохой ресурс о веб-дизайне, на котором можно найти много различных подборок удачных решений, новые тренды, узнать больше о типографике и элементах дизайна сайтов.
  • https://designyoutrust.com. Ежедневная подборка новостей, событий и тенденций в сфере дизайна.
  • https://www.creativebloq.com/computer-arts-magazine. Международный интернет-журнал о цифровом искусстве.
  • https://say-hi.me. Один из лучших русскоязычных ресурсов, рассказывающий о творчестве для креативных людей.
  • https://designpub.ru. Рассказывают о событиях, типографике, дизайн-процессах, иллюстрации и саморазвитии.
  • https://infogra.ru. Отличный русскоязычный ресурс для начинающих и практикующих дизайнеров, на котором размещены море статей, десятки уроков, обзоры и рецензии на книги, курсы и программы. А еще на сайте регулярно появляются подборки кириллических шрифтов.
  • https://bureau.ru/bb/soviet/. Рубрика «Советы» на сайте дизайн-бюро Артема Горбунова ответит на множество вопросов новичков, это — настоящий кладезь практических знаний.
  • http://onjee.ru. Прекрасный сайт для дизайнеров, которые только начали делать первые шаги в этой сфере.
  • https://blog.shaihalov.ru. Этот ресурс заинтересует тех, кто решил специализироваться на UX и продуктовом дизайне.
  • http://deadsign.ru. Подойдет тем, кто не знает английского, но хочет быть в курсе последних новостей в веб-дизайне.
  • https://www.vandelaydesign.com. Это целое собрание хороших статей и отличных подборок по веб-дизайну.

11 сайтов о логотипах

  • https://www.logodesignlove.com. На сайте собрано огромное количество логотипов, но интереснее то, что каждому посвящена небольшая заметка. Изучая сайт, вы не только найдете неординарные решения и красивые примеры, но и узнаете, как автор того или иного логотипа пришел к своей идее.
  • https://logopond.com. Сотни примеров логотипов, как удачных, так и не очень, в вашем распоряжении. Плюс ресурса в том, что вариантов на нем очень много, а еще их можно по-разному отсортировать.
  • https://www.logaster.com. Сервис позволяет очень быстро генерировать логотипы. Да, уникальный логотип с его помощью не сделать, но сайт очень выручает, когда у клиента еще нет логотипа, а в шапку сайта нужно что-то поставить.
  • https://logo.squarespace.com/. Аналогичный сервис для создания логотипов небольшого размера. Вы вводите название компании и попадаете в редактор, в котором к логотипу можно добавить иконку, а заодно посмотреть, как все это смотрится на визитке, мониторе и футболке.
  • http://logofaves.com. В подборках логотипов на этом ресурсе можно найти не только идеи, но и контакты дизайнера, а также ссылку на его Behance-профиль. Это очень удобно в случае, когда вам нужно не только посмотреть логотип, но и найти исполнителя.
  • https://www.hipsterlogogenerator.com. Еще один генератор, позволяющий создать простой, но достаточно эффектный логотип за пару минут.
  • http://logotypes101.com. Подборка бесплатных векторных логотипов. Если у вас есть время и вы готовы его потратить, то сможете найти неплохой вариант.
  • https://logobaker.ru. Сайт для тех, кто разрабатывает логотипы. Здесь есть неплохая подборка, а также возможность попросить совета или получить фидбек.
  • https://www.logofury.com. В этом сервисе от вас требуется только ввести название компании, выбрать категорию и добавить слоган (при желании), все остальное генератор делает за вас, мгновенно создавая десятки вариантов.
  • https://www.logomoose.com. Очень солидная подборка логотипов со всего мира. Что интересно, есть действительно много хороших вариантов, которые можно использовать для вдохновения.
  • http://www.thelogomix.com. И снова подборка логотипов, но на этот раз с расширенной сортировкой: можно выбрать логотипы по определенному цвету или тематике. Когда нужно что-то быстро придумать, очень выручает.

8 полезных сайтов про иконки

  • https://www.iconfinder.com. Один из самых популярных сайтов для дизайнеров с огромным количеством иконок на все случаи жизни. Иконки делятся на платные и бесплатные, а скачать их можно как в PNG, так и в SVG-формате.
  • https://thenounproject.com. Очень приятный ресурс с большим выбором, легким дизайном и красивыми иконками. Для того, чтобы начать пользоваться, нужно лишь зарегистрироваться.
  • https://roundicons.com. Здесь можно найти очень необычные решения (обратите внимание на подборку doodle-иконок). Что самое приятное, небольшие наборы доступны для бесплатного скачивания.
  • https://iconmonstr.com. Очень похожий на уже рассмотренные нами ресурсы — множество иконок, удобный поиск и несколько форматов для скачивания (SVG, EPS, PSD, PNG).
  • http://fontello.com. Если вам нужно сгенерировать шрифтовые элементы из иконок, то без этого сайта не обойтись.
  • https://www.flaticon.com. Еще один сайт с подборкой плоских векторных иконок для любых задач. Самое сложное — выбрать из огромного количества вариантов.
  • http://endlessicons.com. Ресурс с большим выбором иконок. Особенно удобно то, что искать можно как по нужной иконке, так и по тематическому набору или тегам.
  • https://icomoon.io. Подборка из сотен разнообразных иконок, из минусов — все хорошее начинается после оплаты подписки или покупки определенного набора.
Цукерберг рекомендует:  Обучение - Как установить на старый макбук Xcode

6 сайтов для дизайнеров о шрифтах и типографике

  • https://ilovetypography.com. Один из лучших ресурсов для тех, кто небезразличен к буквам. На этом сайте вы найдете массу полезных и просто интересных заметок о типографике и том, что с ней связано.
  • https://fonts.google.com. Подборка бесплатных шрифтов от Google, которой чаще всего пользуются дизайнеры. Самое полезное — возможность посмотреть, с какими шрифтами чаще всего сочетается выбранный вами вариант.
  • https://www.paratype.ru. Отличный сайт с хорошей подборкой шрифтов. Из приятного — можно без особого труда подобрать даже красивый русский шрифт, из печального — большинство шрифтов придется приобретать (но на сайте часто проводятся распродажи).
  • https://fontshop.com. Магазин шрифтов, где можно подобрать удачное решение для своего проекта. Но особенно интересен сайт даже не количеством самих шрифтов, а примерами их применения, которые позволяют лучше оценить, насколько выбранный шрифт подходит для вашей задачи.
  • https://www.dafont.com. Огромная подборка шрифтов для самых разных задач, а еще — удобный интерфейс и много новинок.
  • https://typejournal.ru. Полезный интернет-журнал о типографике и шрифтах.

6 сайтов для подбора цветовой палитры

  • https://www.materialpalette.com. Сервис для подбора палитры работает очень просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему.
  • http://www.flatuicolorpicker.com. Множество очень красивых оттенков, разбитых по категориям: красные, фиолетовые, синие, зеленые, желтые, оранжевые и серые.
  • https://coolors.co. Онлайн-генератор цветовых схем для сайта создает подборку из пяти оттенков, каждый из которых вы можете изменить по своему усмотрению. Чтобы эффективнее пользоваться сервисом, советуем не пропускать инструкцию в самом начале.
  • https://colorfulgradients.tumblr.com. Очень хорошая подборка градиентов на любой вкус.
  • http://paletton.com. Один из самых удобных генераторов цветовых палитр. Его ценят за широкие возможности и гибкие настройки.
  • https://color.adobe.com/ru/create/color-wheel/. Неплохой и функциональный инструмент для создания палитры от Adobe. Обязательно попробуйте!

7 сайтов про UX

  • https://ux-journal.ru. Сравнительно новый журнал, в котором можно найти очень много полезного о самом востребованном направлении в веб-дизайне.
  • https://www.dtelepathy.com/blog. Если вы уже начали изучать UX, то посоветуем вам блог команды из Сан-Диего.
  • https://usabilla.com/blog. Еще один сайт про качественный UX и проектирование интерфейсов.
  • http://uxchecklist.github.io. Суперполезный ресурс представляет из себя список действий по UX, с помощью которого можно пройти весь процесс от начала до конца и не забыть ни о чем.
  • https://uxmovement.com. Сильно поможет в случае, когда во главу угла ставится проблема конверсии сайта.
  • https://uxmastery.com. Этот сайт целиком и полностью посвящен UX и всем его тонкостям, сложностям и особенностям.
  • http://uxmag.com. Ресурс поможет всегда быть в курсе последних новостей из мира UX, узнавать первым о новых методиках, исследованиях и мероприятиях.

Заключение

Сайтов про дизайн существует очень много, но прочитать все статьи и запомнить все советы не под силу ни одному человеку. Именно поэтому так важно фильтровать поступающую информацию — стараясь осилить все и сразу, вы наберете поверхностных знаний, но есть риск, что специалистом вы так и не станете. Лучше всего выбрать структурный подход и образование у лидеров рынка. Курс «Веб-дизайн с 0 до PRO» рассчитан на новичков в веб-дизайне. Шаг за шагом, вместе с опытными и практикующими преподавателями, вы узнаете все о дизайне и станете востребованным специалистом.

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

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

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

Сегодня мы хотим рассказать вам о трендах в веб-дизайне сайтов и лэндингов на 2020-2020-й годы. Это те «фишки», которые на сегодняшний момент, лучше всего срабатывают и удерживают внимание аудитории, тот макет, по которому модифицируют свои сайты ведущие компании мира. Итак, поехали…

1. Нарисованные от руки и 3D иллюстрации

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

Если говорить о трендах, то в 2020-2020 годах на пике популярности будут изображения, нарисованные от руки (этой «фишкой» дизайна уже активно пользуются такие мировые гиганты как Dropbox, Slack и Intercom) и 3D картинки.

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

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

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

2. Видео

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

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

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

3. Жирный шрифт

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

Тем более что текст, написанный жирным шрифтом, проще читать, в том числе, и на мобильных устройствах с небольшим экраном.

4. Яркий фон

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

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

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

5. Орнаменты из геометрических фигур и шаблонов

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

6. Разделенный экран

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

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

7. Градиенты

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

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

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

Теперь у вас есть все поводы для вдохновения написать четкое техническое задание разработчикам вашего корпоративного сайта/лэндинга. Безусловно, все идеи, даже самые лучшие, нужно тестировать и проверять на попадание в цель, но на первом этапе модные тренды помогут хоть немного расставить приоритеты. Удачи вам и правильных решений!

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

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

Вас также могут заинтересовать следующие материалы:

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

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

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

Итак, вот подборка из 5-ти групп сервисов для веб-дизайнера:

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

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

Следующие сайты являются одними из самых лучших в данной области:

  • 1 Freebbble — если Вам нужно еще больше бесплатностей для создания Вашего дизайна, тогда загляните на данный сервис. Здесь Вы найдете очень много великолепных дизайнерских решений, которые можно скачать абсолютно бесплатно.
  • 2 AllFreeStock — классный сервис с бесплатными фото, mockup-ами, видео, звуковыми эффектами, а также иконками. Да и сам сайт очень прост в использовании.
  • 3 Dribbble — введите в поиске «freebie» и Вы найдете список всех бесплатностей, которые есть на этом сервисе и сможете скачать каждую из них.
  • 4 Graphic Burger — дизайн в высоком качестве.
  • 5 Pixel Buddha — сайт для профессиональных дизайнеров. Есть платные материалы.
  • 6 Freebiesbug — если Вы хотите использовать при разработке дизайна самые новые PSD шаблоны и новинки, тогда обязательно посетите данный сайт.
  • 7 365 PSD — большая коллекция PSD файлов.
  • 8 Dbf — данный сервис объединяет лучшие бесплатности сервиса Dribble и сервиса Behance.
  • 9 Marvel — это бесплатные материалы от дизайнеров, которые имеют хорошую репутацию у своих коллег и клиентов.
  • 10 UI Space — материалы ручной работы.
  • 11 Free Section of Pixeden — здесь находятся премиум-материалы.
  • 12 Free Section of Creative Market — новая бесплатность каждый понедельник.
  • 13 Teehan+Lax — это лучший ресурс с mockup-ом для iPhone 6 и iPad, а также графического интерфейса iOS8.
  • 14 Tech&All — большая коллекция PSD шаблонов, которые Вы можете использовать без какой-либо дополнительной ответственности.
  • 15 Freepik — бесплатные графические ресурсы.
  • 16 Tethr — самый потрясающий дизайн для iOS.

19 онлайн-палитр

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

  • 1 Material Palette — полезный инструмент для генерации и экспорта цвета для Material Design.
  • 2 New Flat UI Color Picker — этот сервис просто обязателен к использованию, если Вы создаете дизайны в современном Flat стиле. Цвета сделают Ваш сайт более привлекательными, несмотря на саму плоскую Flat концепцию дизайна.
  • 3 Flat UI Colors — еще один сервис, который должен присутствовать в арсенале дизайнера работающего с Flat.
  • 4 Coolors — классный сервис для дизайнеров, который позволяет получить не только великолепные цветовые схемы для сайта, а также сделать это очень быстро.
  • 5 Skala Color — это бесплатное ПО для подбора и определения цвета на OS X.
  • 6 Couleurs — еще одно приложение для пользователей Mac для работы с цветом на экране монитора.
  • 7 Material UI Colors — большой спектр цвета на Ваш выбор.
  • 8 Colorful Gradients — большая коллекция готовых градиентов, которые Вы можете использовать в своих проектах.
  • 9 Adaptive Backgrounds — плагин jquery который автоматически понимает доминирующий фоновый цвет изображения и делает фоновый блок с таким же цветом.
  • 10 Brand Colors — здесь Вы найдете цвета, которые используют самые известные бренды.
  • 11 Paletton — данный сервис позволит очень легко подобрать цветовую гамму для Вашего сайта.
  • 12 0 to 255 — поиск и изменение цветовых схем происходит намного легче с использованием данного сервиса.
  • 13 Colour Lovers — это небольшое сообщества где дизайнеры делятся своими наработками. Вы также можете создать свою цветовую схему или узор и разместить для общего обозрения свое творение.
  • 14 Adobe Color CC — цветовые схемы созданные в сообществе Kuler.
  • 15 Bootflat — если Вы работаете с сайтами во Flat дизайне, тогда Вы просто обязаны попробовать данный сервис.
  • 16 Hex Colorrrs -преобразование из формата HEX в RGB.
  • 17 Get UI Colors — с помощью данного сервиса Вы получаете потрясающие цвета для интерфейса пользователя.
  • 18 Coleure — отличный инструмент для выбора цвета.
  • 19 Palette for Chrome — данный плагин для браузера Google Chrome позволяет создавать цветовые схемы. А изображения можно брать прямо из изображений.

17 сайтов для поиска вдохновения

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

  • 1 FLTDSGN — Вы работаете преимущественно с сайтами у которых дизайн в стиле Flat? Тогда данный ресурс даст Вам очень много информации благодаря которой у Вас будут происходить идеи постоянно.
  • 2 Site Inspire — создаете сайты под заказ и уже не хватает вдохновения? Тогда просто загляните на данный сайт.
  • 3 UI Cloud — это одна из самых больших баз, где собраны дизайн для пользовательских интерфейсов. Данный сервис поможет Вам создать очень качественный UI (пользовательский интерфейс) дизайн для своего проекта и обеспечить легкость в использовании сайтом или веб-приложением.
  • 4 Moodboard — сервис дает возможность создать свой проект, который будет состоять из определенных изображений в одной стилистике, цветов и других материалов.
  • 5 Crayon — если Вы работаете над дизайном страницы с каким-либо товаром или услугой, то этот сервис поможет Вам в поиске идеи в данной области.
  • 6 Land-Book — создание лендинга занятие творческое. Посетите данный ресурс, чтобы узнать больше о креативных блоках и элементах, которые можно размезстить на своем лендинге.
  • 7 Dribbble — для опытных дизайнеров данный ресурс будет очень знаком, ну а для начинающих он окажется крайне полезным. Учитесь дизайну у профессиональных дизайнеров с помощью данного ресурса.
  • 8 Behance — также очень знаменитый ресурс, где профессиональные дизайнеры выкладывают свои работы.
  • 9 Pttrns — данный сервис полезен для тех, кто очень увлекается дизайном сайтов для мобильных устройств. Здесь Вы найдете большое количество различных примеров, которые сделаны профессиональными дизайнерами.
  • 10 Flat UI Design — простыми словами это «доска вдохновения».
  • 11 Awwwards — данный проект постоянно награждает самые креативные, самые минималистичные и самые красивые сайты. Поэтому советую посетить и посмотреть что сейчас наиболее актуально в мире веб-дизайна.
  • 12 The Starter Kit — полезный инструмент для веб-дизайнеров и веб-разработчиков.
  • 13 One Page Love — если Вы занимаетесь созданием одностраничных сайтов, то данный сервис Вы обязательно должны взять на вооружение. Потому что благодаря ему Вы будете создавать более дружелюбные сайты, которые будут нравится пользователям и будут максимально удобны при использовании.
  • 14 UI Parade — дизайн элементов пользовательского интерфейса и новые идеи после посещения данного ресурса Вам обеспечены.
  • 15 The Best Designs — лучшие разработки в сфере веб-дизайна.
  • 16 Agile Designers — если Вы являетесь дизайнером или разработчиком, то это ресурс, который Вы обязаны проверить.
  • 17 Niice — это поисковик «со вкусом». Потому что он позволяет искать информацию сразу на нескольких популярных сайтах посвященных дизайну. Вводить запрос, естественно, необходимо латинскими буквами.
Цукерберг рекомендует:  Выход Windows 10. Первые выводы

38 бесплатных фотостоков

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

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

  • 1 Stock Up — один из лучших фотостоков, который предлагает на выбор большой спектр различных изображений.
  • 2 Pexels — лучшие фотографии заката, автомобилей, здания, людей, улиц города, природы и так далее.
  • 3 All the Free Stock — этот сервис предоставляет не только изображения, а также иконки и видео. Все изображения со свободной лицензией (Creative Commons Zero license).
  • 4 Unsplash — многим может быть знаком данный сервис. Здесь каждые 10 дней можно скачать 10 новых изображений.
  • 5 Startup Stock Photos — коллекция изображений посвященных стартапам.
  • 6 Jay Mantri — потрясающие изображения в высоком разрешении для Ваших нужд.
  • 7 Moveast — это фотографии одного португальского путешественника, который делает качественные снимки и позволяет использовать их абсолютно бесплатно.
  • 8 Stokpic — если все вышеупомянутые сайты при поиске не дали тот результат, который Вам нужен, тогда поищите необходимую фотографию здесь.
  • 9 Kaboompics — большой выбор потрясающих фотографий.
  • 10 Function — данный сайт предлагает целые наборы изображений.
  • 11 MMT — потрясающие фото интернета, которые сделаны автором Jeffrey Betts.
  • 12 Travel Coffee Book — данная коллекция фотографий была сделана при путешествии по всему миру.
  • 13 Designers Pics — здесь Вы сможете легко найти изображения как для Вашего личного использования, так и для бизнеса.
  • 14 Death to the Stock Photo — после подписки, данный сервис будет присылать Вам абсолютно бесплатные изображения каждый месяц.
  • 15 Foodie’s Feed — работаете над сайтами с тематикой питания? Тогда посетите данный сайт. Потому что там находится очень много изображений еды в высоком качестве. Так и хочется пустить слюну при просмотре �� .
  • 16 Mazwai — большой выбор видео для фона.
  • 17 Jéshoots — если Вы хотите воспользоваться самыми новыми и современными изображениями прямо сейчас — тогда этот сервис самое подходящее место для поиска таких изображений.
  • 18 Super Famous — данные фотографии были сделаны голландским дизайнером Folkert Gorter.
  • 19 Picography — этот сайт дает Вам возможность выбрать из большого количества изображений с высоким разрешением.
  • 20 Splashbase — коллекция фото и видео материалов для Ваших проектов.
  • 21 Pixabay — еще один сервис с изображениями в высоком разрешении.
  • 22 Little Visuals — подписавшись, Вы будете получать 7 изображений в высоком разрешении каждую неделю. То есть каждый день новое изображение!
  • 23 Splitshire — бесплатные «аппетитные» фотографии.
  • 24 New Old Stock — если Вам нужны старинные фотографии из государственных архивов, тогда Вам отлично подойдет данный сайт.
  • 25 Picjumbo — это еще один сайт, где Вы можете найти и скачать фотографии абсолютно бесплатно.
  • 26 Life of Pix — не все изображения данного сайта полностью бесплатны, но все они в очень высоком разрешении.
  • 27 Gratisography — если Вы не можете найти подходящее изображение с высоким разрешением, тогда данный сайт может Вам в этом помочь.
  • 28 Getrefe — еще больше беспталных изображений для Вашего дизайна.
  • 29 IM Free — этот сайт может похвастаться действительно большим выбором изображений.
  • 30 Cupcake — этот сайт является настоящим раем для фотографов, созданный Jonas Nilsson Lee.
  • 31 The Pattern Library — если Вы ищете паттерны для своего проекта, тогда данный сайт сможет Вам в этом помочь.
  • 32 Public Domain Archive — данный сервис предлагает 100% беслптаные изображения.
  • 33 ISO Republic — этот фотосток также предлагает Вам на выбор изображения в высоком разрешении.
  • 34 Paul Jarvis — на этом сайтке Вы найдете не только статьи, посвященные дизайну, а также коллекции из очень качественных изображений.
  • 35 Lock & Stock Photos — коллекция качественных фото.
  • 36 Raumrot — большой спектр изображений в высоком качестве.
  • 37 Bucketlistly — изображения путешествий.
  • 38 Magdeleine — каждый день новое изображение в высоком качестве.

14 сервисов с бесплатными иконками

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

  • 1 Fontello — сайт генератор иконок.
  • 2 Flat Icon — поиск по 16000+ иконкам в векторе. Здесь Вы сможете найти самые лучшие иконки для своих проектов.
  • 3 Material Design Icons — более 750 иконок от Google.
  • 4 Font Awesome — без сомнений, это лучший иконочный шрифт, который очень легко может быть подключен на любом сайте и имеет массу плюсов.
  • 5 Glyphsearc — поиск по нескольким базам с иконками.
  • 6 MakeAppIcon — с помощью нескольких кликов Вы можете создать иконки для своего приложения.
  • 7 Endless Icons — если Вы работаете с дизайном в стиле Flat, тогда посетите обязательно данный ресурс.
  • 8 Ico Moon — генератор иконок, который имеет более чем 4000 векторных иконок.
  • 9 The Noun Project — на данном сайте находятся тысячи различных иконок созданные разными дизайнерами.
  • 10 Perfect Icons — сервис для создания социальных иконок.
  • 11 Icon Finder — это бесплатный раздел данного сайта. Обязательно изучите его, возможно некоторые иконки Вам пригодятся.
  • 12 Doodle Set — бесплатный набор иконок в стиле Doodle.
  • 13 Flat Set — бесплатный набор икононок в стиле Flat.
  • 14 Icon Sweets — 60 бесплатных векторных иконок для Photoshop, которые сделают Ваш сайт еще более привлекательным.

Вывод

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

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 еще ни одному веб-дизайнеру не навредили и быть в курсе новинок в стезе верстки его прямая обязанность. В этом помогут приведенные ниже сервисы и не обязательно изобретать велосипед. Вдохновляйтесь тем, что уже есть, и применяйте это в своей работе.

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

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

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

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

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

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

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

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

1. Showbox

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

2. Coverr

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

3. Compressify

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

4. Pexels

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

5. Unsplash

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

6. Death to Stock

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

7. Photype

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

8. JPEGmini

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

Иконки

9. Iconfinder

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

10. The Noun Project

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

11. Flaticon

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

12. Icomoon

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

13. Material Icons

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

14. Icon Store

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

15. Illustrio

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

Шрифты

16. Right Font

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

17. Font Reach

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

18. Google Fonts

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

19. WhatFont

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

20. Font Flame

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

21. Typekit

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

22. Typeface

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

23. Font Squirrel

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

Цвета

24. Color Hunt

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

25. Hello Color

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

26. LOL Colors

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

27. Coolers

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

28. Adobe Kuler

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

29. ColorZilla

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

30. Design Seeds

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

31. UI Gradients

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

Вдохновение

32. Muz.li

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

33. Landingfolio

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

34. Awwwards

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

35. UpLabs

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

36. Pricing Pages

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

37. User Onboarding

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

38. Mindsparkle Mag

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

39. Eye on Design (AIGA)

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

40. It’s Nice That

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

41. The Great Discontent

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

Каким будет графический дизайн в 2020

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

Какой дизайн будет эффективен в этом году и как показать не только товар, но и его ценность?

Тотальный брендинг

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

Фирменный стиль для итальянского кафе «Via Monte»

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

Что еще почитать на эту тему:

Как использование брендированной полиграфии помогает бизнесу?

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

Результат: бренд становится интереснее для целевой аудитории, шире используются возможности дизайна.

Яркие цвета

Яркие резонирующие цвета всё еще в тренде (неожиданные сочетания, контрасты). Цвет помогает привлечь внимание потребителя к продукту/выразить философию бренда.

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

Смелая типографика

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

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

Типографика взаимодействует с другими элементами дизайна.

Уникальность изображений

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

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

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

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

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

Пересечение стилей

В 2020 «во главе стола» находится творческий подход. Один стиль проникает в другой. А на «выходе» рождается яркий, интересный продукт.

Делаем акцент на креативном подходе:

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

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

Пример: для отражения специфики проекта можно скорректировать конструктивистский логотип род нео-мемфис.

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

«Быстрый дизайн»

Общее настроение в сфере полиграфического дизайна:

  • Тенденции графического дизайна быстро меняются.
  • Брендинг перестает быть «продуктом» только для крупных корпораций.

Результат: растет спрос на «быстрый дизайн», создание визуала для малого бизнеса, стартапов и некоммерческих проектов без аналитики и стратегии.

Технологии задают свой ритм, не только в повседневной жизни, но и в мире дизайна:

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

Одним из таких сервисов является Canva.

На сайте представлены различные рубрики:

  • Записи в социальных сетях;
  • Документы (фирменные бланки, сертификаты, презентации, листовки А4 и др.);
  • Блоги и электронные книги (баннеры для блога, обложки для книг и др.);
  • Маркетинговые материалы (плакаты, меню, флаеры, буклеты, подарочные сертификаты, визитки и др.);
  • Социальные сети и заголовки писем;
  • События (открытки, приглашения, программы и др);
  • Реклама (баннеры разных форматов).

Время редактирования: 10 — 15 минут.

Навыки дизайнера: не нужны.

Возможность сохранения: есть (можно выбрать вариант jpg, png, pdf — стандартный, pdf — для печати).

Русский язык: да.

Цена: огромное количество бесплатных шаблонов, также есть и платные версии (стоимость 1 $).

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

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

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

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

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

1. Type.js

Type.js — это инструмент для управления шрифтами. Он позволяет создавать новые свойства CSS для более тонкой настройки отображения шрифтов. Очень прост в настройке. Загрузите type.js на свой сайт и подключите его в HTML непосредственно перед закрытием .

2. CSS Sans

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

3. App Store Screenshot Builder

App Store Screenshot Builder позволяет за несколько минут создавать отличные изображения для вашей страницы в App Store . Этот Screenshot Builder от LaunchKit быстро экспортирует ваши скриншоты в разрешении, соответствующем требованиям Apple ( 5,5, 4,7, 4,0, 3,5 дюймов ).

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

4. MaterialUP

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

5. Defringe

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

6. EventRay UI Kit

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

7. Stampsy

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

8. Fresh Buttons Styles and Effects

Codrops представил сообществу новую коллекцию стилей и эффектов кнопок. В большинстве эффектов используются CSS переходы и псевдо-элементы. Что объединяет их все — это простота и тонкость.

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

9. Subway Icon Set

Subway Icon Set представляет собой 306 -пиксельный набор идеально прорисованных иконок, оптимизированных под: IOS, Windows Phone, Windows 8 и BlackBerry 10 . Они доступны в форматах PNG, SVG, XALM, PSD, CSH, SKETCH, PDF, AI и EPS . Предоставляются по лицензии Creative Commons 4.0 License .

10. Boom

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

11. Transformicons

Transformicons — это набор трансформирующихся, анимированных иконок. Он содержит иконки меню, сетки, иконки добавить / удалить, иконки загрузки и многое другое.

12. Cymbolism

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

13. Circulus.svg

Circulus.svg — это генератор кругового меню, который позволяет создавать SVG -меню. Circulus предлагает два различных стиля: полный круг или полукруг, а также различные варианты укладки.

14. Colorable

Colorable это инструмент, который позволяет легко увидеть контраст яркости и / или цвета между текстом и фоном.

15. Modulator

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

16. StockSnap

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

17. Polarr

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

18. Epic Favicon Generator

Epic Favicon Generator позволяет легко задавать 20 различных размеров Favicon , одновременно генерируя код и изображения.

19. Squid Ink Flat Icon Pack

Включает в себя PSD -, PNG — и SVG -файлы для 32- и 64-пиксельных иконок, векторные файлы AI и EPS . Большое спасибо Squid.ink за этот замечательный бесплатный ресурс!

20. Lumi

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

Данная публикация представляет собой перевод статьи « 20 Best Freebies for Designers – March 2015 » , подготовленной дружной командой проекта Интернет-технологии.ру

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