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

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

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

Анимированные иконки, отображающие погоду

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

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

Бесплатный набор векторных иконок 

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

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

Пакет векторных иконок для Android

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

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

Шаблон брошюры для Photoshop

50_ontlichnix_elementov

Легко поддающийся изменению трёхсторонний шаблон в PSD формат. Простой шрифт и красивая визуальная составляющая идеально справляются со своей основной целью: продать ваш товар или услугу.

Веб-модель iMac высокого разрешения

Веб-модель iMac высокого разрешения, сделанная с особым стилем и вкусом, настраивает на продуктивную работу.

Бесплатный PSD и AI шаблон для CV

Оригинальный дизайн для создания CV, который отлично подойдёт дизайнерам, желающим продемонстрировать свои сильные стороны. Сделан с помощью Photoshop и Illustrator.

Забавные элементы в PDF формате

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

Набор для брендинга в PSD формате

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

300 милых иконок и аватарок

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

Verve: пользовательский интерфейс Verve для смартфонов

Набор пользовательских интерфейсов из 15 PSD экранов для мобильных приложений. У этого набора тёмный дизайн и он идеально подходит для работы с фотографиями.

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

Минималистичный и светлый пользовательский интерфейс в PSD формате, под названием Lucid. Он отличается своим гармоничным цветом и интересными реалистичными элементами.

Креативный набор пользовательских интерфейсов: удобный для использования шаблон

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

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

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

Простые фигур для Sketch

Базовый и лёгкий набор состоит из простых фигур для Sketch. Дизайн выполнил Yusuf Besim.

53 различных векторных шаблона брошюр

Набор из 53 шаблонов трёхсторонних брошюр. Идеально подойдёт для рекламы ваших товаров или услуг.

Parker: шрифт в стиле гранж

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

Dpopper: яркий 3D шрифт

Dpopper — это полный и очень качественный шрифт. Его крикливость отлично подойдёт как для веб-дизайна, так и для печатного.

Zujal: мультяшный векторный шрифт

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

Hallo Sans: элегантный шрифт

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

Бесплатный дизайн заглавной страницы

Это PSD шаблон с тщательно организованными слоями и группами. Шаблон отлично подойдёт для образовательных целей, особенно в сфере технологий и программирования.

Tripway: шаблон для путешественников и любителей приключений

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

Шаблон для создания почтовой программы

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

Шаблон для создания вебсайта из одной страницы

Бесплатный PSD шаблон, ориентированный на создание различных мобильных приложений.

Cover: простая и минималистичная тема для WordPress

Эта тема для WordPress идеально подходит блогерам, готовыми делиться своими мыслями со всем миром.

Urban Bold: освежающая тема для WordPress

Отличная тема для WordPress сайтов, с простыми слоями. Основной фокус этой темы — контент.

BillyDroid: WordPress тема для блога о технологиях

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

Огромная коллекция заглавных страниц для WordPress

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

Retrospect: HTML5 шаблон

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

Majestic: универсальный шаблон для дизайнеров интерьера

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

CSS эффект перелистывания страниц

Набор CSS эффектов для плавного перехода между страницами. Этот набор предлагает несколько видов перехода.

Сниппет кнопка, появляющийся при зависании

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

Скрытое меню с анимированными ссылками

Сниппет, который помогает создать скрытое меню с анимированными ссылками. Его очень просто редактировать, благодаря наличию CSS и JavaScript кода.

Форма для ввода информации

Отличный сниппед, разделяющий графы ввода для добавления дополнительной информации. Сделан в JavaScript и CSS.

Необычная графа поиска

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

DebugCSS: инструмент отладки HTML

Инструмент отладки, сделанный в CSS, проверит ваш HTML на наличие плохо сформулированных и не работающих кодов.

A11Y: инструмент проверки доступности вебсайта

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

Meat!: платформа для совместной работы веб-разработчиков

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

Codeface: набор шрифтов для веб-разработки

Codeface — это набор очень профессиональных шрифтов для веб-разработчиков

Bootcards: пользовательский интерфейс

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

Инструмент для генерирования CSS3, HTML5, microdata, open graph и Twitter кодов

Этот онлайн инструмент поможет вам составить код для CSS3, HTML5, microdata, open graph и Twitter, который вы с лёгкостью сможете использовать для дизайна своего вебсайта.

Scally: отзывчивая и удобная Sass основа

CSS основа на Sass, BEM, и OOCSS. Из-за своей доступности идеально подходит для быстрого создания отзывчивого пользовательского интерфейса

Scut: Sass утилиты для веб-разработки

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

Let’s Chat: небольшой инструмент для переписки

Программа для быстрых переписок, сделанная с помощью Node.js и MongoDB. В основном ориентирована на работу над проектами в небольших группах.

Bazel: быстрый и надёжный конструктор кодов

Bazel — инструмент для создания вебсайта, который делает процесс разработки быстрым и надёжным.

Dynamics.js: библиотека анимаций JavaScript с научной тематикой

Полное и простое в обращение собрание JavaScript для создания анимации, с использованием математических функции и законов физики.

HTTTML

Похожая на Vanilla HTML библиотека, созданная в JavaScript. Позволяет создавать персонализированные метки для простой работы над кодом. Лучше всего работает с набором инструментов OOCSS.

Vibrant.js: инструмент для определения основных цветов на картинке

Данная библиотека, сделанная в JavaScript, отлично подойдёт для определения основных цветов на изображениях.

Hammer.js: генератор сенсорных жестов JavaScript для DOM элементов

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

FolderBulder

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

Flight: фреймворк для JavaScript

Flight — простой фреймворк для создания JavaScript элементов для приложений TweetDeck и Twitter.

Dokker.js: профессиональный разработчик документации кодов для JavaScript

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

Quttons: jQuery плагин для плавной трансформации кнопок

Этот jQuery помогает сгенерировать кнопки, которые легко могут трансформироваться в другие элементы.

Верстка для Twitter Bootstrap

Простая в использовании верстка, сделанная в jQuery для Twitter Bootstrap.

jQuery Calx

Средство для вычислений в Excel, сделанное в формате плагина jQuery. Использует для работы формулы, импортированные из formula.js.

Главная фотография взята из сайта — Depositphotos.com

 Автор —WebDesignerDepot 

Перевод — Say-Hi

Мы рекомендуем:

300 потрясающих бесплатных полезностей для каждого

Использование фотографии в веб-дизайне. Основные тренды 2015

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

10 заповедей дизайна пользовательского интерфейса

comments powered by HyperComments
comments powered by HyperComments

Теги

Мы Вконтакте

Яндекс.Метрика