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

Обновлено: 11.05.2024

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




Шрифты

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

    – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки. – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр. — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге. – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям. – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам. – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание. – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный. – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть. – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые. – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать. — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

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

Инфографика

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

Цвета

    – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора. – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта. – позволяет создавать цвета и градиенты. Выводит css свойства для них. – создание цветовых схем. – нажимайте на пробел и генерируйте новый цвет. — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую. – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme. – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют. – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру. – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете. — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл. — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение

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

    — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение. – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины. — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен. – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр. – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск. – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс. – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др. – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования. — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ. – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС. — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape. — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики. — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF. — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например. – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр. — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст. – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро. — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

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

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

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

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

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

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

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

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

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

Canva


Цена: бесплатно. Есть платные элементы, от 0,99 у.е. за шт.


По какой-то причине не можете установить себе Photoshop? Не надо переживать — есть вполне хорошая онлайн-версия этой программы. Конечно, ее функционал немного упрощен, но для решения стандартных задач вполне хватит. Здесь вы можете обрезать фото (в том числе по кругу), убрать фон, добавить рамку или стикеры, кадрировать, изменить резкость… И все это прямо в окне браузера, без регистрации и смс 🙂

Цена: бесплатно.

InVision


Это сервис для создания прототипов веб-страниц. Он может похвастаться такими клиентами, как HBO (да-да, тот самый!), Netflix, Airbnb. В чем его преимущество – тут можно работать в команде и обмениваться файлами. Именно поэтому этот облачный сервис очень популярен среди команд разработчиков по всему миру.

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

Цена: бесплатно для одного прототипа. Три прототипа – 15 у.е. в месяц. Безлимит – от 25 у.е. в месяц.

Pixelmator


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

Цена: 29,99 у.е.

Axure


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

Программа работает на Mac и PC. Минус – высокая цена.

Цена: 99 у.е. в месяц. Есть бесплатная триал-версия на 30 дней.

Paletton


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

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

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

Цена: бесплатно.

Gliffy


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

Цена: От 4,99 у.е. в месяц. Есть бесплатная версия.

Visme

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

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

Цена: бесплатно.

Png2jpg


Из минусов – при пакетной загрузке иногда подвисает.

Цена: бесплатно.

TinyPNG


Онлайн-инструмент для сжатия картинок. Можно использовать в рамкам оптимизации картинок для сайта. Работает с файлами в форматах .рng и .jpg. одновременно можно обрабатывать до 20 фото, весом не больше 5 Мб.

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

Цена: базовые функции сервиса можно использовать бесплатно.

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

Все говорят о высоких зарплатах веб-дизайнеров — и мы тоже, потому что это чистая правда. По данным Superjob, средний доход специалиста этого профиля составляет 80 тысяч рублей в месяц. Но никто не предупреждает, что на покупке сервисов для работы можно разориться. Полный пакет Adobe Illustrator с Adobe Stock, например, обойдется в пять тысяч рублей в месяц.

Поговорим о бесплатных или бюджетных заменах дорогостоящим инструментам.

ProtoPie


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

Gravit Designer


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

Pencil Project


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

Marvel


Платформа позволяет работать индивидуально или быстро делиться прототипами и обсуждать их в реальном времени. Создавайте макеты в сервисе или экспортируйте их из Sketch и Photoshop. На прототип в виде веб-страницы или мобильного приложения можно в любой момент посмотреть глазами пользователя.

Vectr


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

Inkscape


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


Подключайте iPhone и iPad к компьютеру через USB или «по воздуху» и просматривайте прототипы сразу на мобильных устройствах.

PowerMockup


Вряд ли вы рассматриваете в качестве инструмента для веб-дизайна Microsoft PowerPoint, но все меняет плагин PowerMockup. Дополнительная панель превращает программу для создания презентаций в платформу для прототипирования. Тестовый период плагина бесплатный.

Fluid UI


Сервис создан для прототипирования мобильных приложений в онлайн-режиме и содержит набор элементов, подходящих для iOS, Android и Windows 8. Бесплатно можно разработать десять страниц для одного проекта. Хотите больше — придется доплатить.

iPhone Mockup


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

Proto


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

UXPin


Сервис для быстрой работы над прототипами. Можно открыть совместный доступ для нескольких человек, чтобы редактировать и комментировать проект «в прямом эфире».

Balsamiq


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

Justinmind


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

Moqups


Простой интерфейс, масса вариантов кнопок, контейнеров, полей, шаблоны для приложений под iPhone и iPad — все это собрано в сервисе для прототипирования на HTML5.

Lost Type


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

Red Pen


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

Subtle Patterns


Бесплатный набор изображений для создания бесконечного фона на сайте.

I want hue


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

Iconfinder


Огромная база иконок для любых целей.

Font Reach


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

Pttrns


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

Mobile Patterns


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

UX Myths


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

Good UI


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


Перед тем, как читать дальше, настоятельно рекомендую убедиться в том, что вы правильно понимаете, что такое "веб-дизайн". Ведь это не вёрстка и не программирование. И точно не создание сайта под ключ. Поэтому программы Dreamweaver, Muse, Webflow и прочие автоматически отпадают.

Также хочется отметить, что для рисования сайтов НЕ подходят графические программы:

  • Illustrator - лучше всего подходит для рисования векторных иллюстраций и последующей продажи на фотобанках;
  • InDesign - оптимальный софт для дизайна и вёстки различной полиграфии.

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


Лучшая программа для веб-дизайна: Photoshop (фотошоп)?

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

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

Плюсы:

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

Минусы:

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


Sketch - будущее веб-дизайна?

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

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

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

Инструменты веб-дизайнера, актуальные для 2016-2017 годов.


Pixate

Удобный сервис для визуального прототипирования. Веб-версия позволяет создавать анимацию для мобильных устройств на базе iOS и Android. А настольное приложение для Windows и Mac. В Pixate много разноплановой встроенной анимации и интерактивных жестов. Также есть библиотека скриптов. Для продвинутых дизайнеров, которым мало шаблонных инструментов, предусмотрена возможность создания авторских программ на JavaScript. Сервис постоянно развивается, что сделало его ТОП-овым для западноевропейских и американских веб-дизайнеров. В среде отечественных специалистов он только набирает популярность.


Affinity (for Mac OSx)

По мнению профессиональных веб-дизайнеров, этот редактор вскоре заставит забыть о Photoshop. И не только потому, что его стоимость на порядок ниже популярного аналога. Его функционал объективно превосходит софтверную легенду. Программа работает с CMYK и LAB, поддерживает PSD и обработку RAW. Особенно впечатляет работа с векторной графикой, качественное масштабирование и ещё некоторые "фишки". Инструмент заточен только под «яблочную» ОС и становится всё более популярным в профессиональной среде.


Avocode

Программа полностью совместима с Photoshop. Позволяет превратить эскиз сайта (в формате psd или sketch) в интерактивную страницу. Незаменима для тех, кто занимается вёрсткой и разработкой мобильных приложений. Используя Avocode с исходниками удастся работать непосредственно через веб-интерфейс или десктоп-приложение.


Antetype

Многофункциональная среда для разработчиков пользовательского интерфейса самого разного формата с учётом правил UX дизайна. Ресурс радует объёмной библиотекой виджетов и гибкой отзывчивостью. А встроенный учебник образцов проектов позволяет быстро приступить к работе даже новичку. Среди плюшек Antetype можно обозначить возможность настроить свойства экрана, стиль, ресурсы, истории.

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

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


10 месяцев,
2 раза в неделю

5 готовых кейсов в портфолио

Вебинары и практические занятия

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

Ярмарка профессий

узнайте про опыт 15-ти специалистов из разных областей, который поможет вам лучше ориентироваться на цифровом рынке и понять, кто чем занимается

Путь в цифру

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

Карьерная мастерская

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

Получите свой грант 10 000 ₽ на обучение

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


Подробнее


Специальное предложение
в чёрную пятницу!

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

Ярмарка профессий

узнайте про опыт 15-ти
специалистов из разных
областей, который поможет вам лучше ориентироваться
на цифровом рынке и понять, кто чем занимается

Путь в цифру

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

Карьерная
мастерская

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

Кто такой веб-дизайнер? Создатель. Художник. Стратег. Веб-дизайн — это не только создание сайтов. Сегодня веб-дизайнер анализирует потребности пользователей, создаёт дизайн-концепцию, продумывает UX и отрисовывает элементы.
Мы научим вас всему, что понадобится для этой работы.

Веб-дизайнеры
востребованы на рынке

70 000 ₽


613 вакансий

Кому подойдет курс


Новичкам

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


Дизайнерам

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


Менеджерам
проектов

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

Кому подойдет курс

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

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

Станьте
‍ веб-дизайнером с нуля

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


Компетенции, востребованные на рынке

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


Инсайты
от экспертов-практиков


Работа
в кросс-функциональной
команде

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


Подробная программа и актуальные навыки

Вы освоите такие инструменты, как Figma, Photoshop, Illustrator, Tilda. Разберётесь в основах вёрстки, сможете исследовать пользовательский опыт и юзабилити. И разработаете проект веб-сервиса в качестве дипломной работы.


Доступ к сообществу GeekBrains

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

Наши студенты достигают успеха


«Все оказалось не так, как я ожидала, а гораздо сложнее, подробнее, круче и интереснее. Хочу отдельно поблагодарить организаторов проекта за состав преподавателей: очень точно подобранные люди. Каждый — специалист в своей сфере. И это очень чувствуется на лекциях, в обратной связи по домашкам, в ответах на вопросы. Не перестаю восторгаться, как легко у меня получается применять на практике в домашних заданиях всё, что нам объясняли на лекции».


«Преподаватели молодцы! Всю информацию дают конкретно и чётко. Курс учит многому, навыки можно получить отличные. Если и рекомендовать, где учиться дизайну или любой другой digital-профессии, от меня — только в GeekBrains. Спасибо большое!».


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




Выпускники GeekBrains уже работают в топовых компаниях

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

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