6 сайтов в помощь дизайнеру — июль 2015

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

Coverr.co

Coverr.co – ресурс для тех, кто хочет оживить свой сайт, установив в качестве фона главной страницы вместо статичной картинки видео изображение. Здесь есть богатая подборка бесплатных видео фонов любой тематики: природа, город, люди, животные, еда, техника. Коллекция регулярно обновляется, каждый понедельник появляется 7 новинок, так что при желании можно каждый день менять фон главной страницы. Для заливки видео на сайт нужно сделать всего 3 шага:

Загрузить приглянувшееся видео (есть функция предварительного просмотра в полноэкранном режиме);
Выгрузить его на сайт;
Копировать и вставить на сайт приведенный внизу сниппет – фрагмент кода (доступна кодировка в HTML, CSS, JavaScript).

Предоставляется онлайн-помощь по подбору видео и генерированию кодов.

Webfont.ru

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

TheFWA (Favourite Website Awards)

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

Patternizer

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

Piccsy.com

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

Sketchy-structuresHTML5 Canvas

Sketchy structuresHTML5 Canvas от JayWeeks – инструмент для рисования произвольных фигур, созданных из множества линий. Всего несколько движений мышкой, и на экране – виртуальном холсте – появляются объемные фигуры. Интерфейс максимально прост, есть наборы горячих клавиш для основных операций. Можно регулировать ширину «мазка», интенсивность цвета от бледно-серого, почти прозрачного до насыщенного черного. Умелый художник с помощью этого инструмента в считанные секунды может создать неповторимое изображение.