10 лучших сервисов для дизайнеров и веб-дизайна


Содержание материала:

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

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

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

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

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

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

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. Подборка из сотен разнообразных иконок, из минусов — все хорошее начинается после оплаты подписки или покупки определенного набора.
Топ-пост этого месяца:  Как использовать в CSS переменные в макетах на основе Grid примеры кода, поддержка браузерами

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» рассчитан на новичков в веб-дизайне. Шаг за шагом, вместе с опытными и практикующими преподавателями, вы узнаете все о дизайне и станете востребованным специалистом.

70+ лучших ресурсов о веб-дизайне

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

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

Что читать, смотреть и слушать о веб-дизайне

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

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

Для вашего удобства мы свели все ресурсы в таблицы, разбитые по категориям.

Сайты и блоги

Рассылки

Сообщества

Подкасты и видео

Телеграм-каналы

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

Вторая тема — управление творческими процессами. Sketch, Slack, Avocode, Invision и десятки похожих компаний вступили в борьбу за эффективность дизайнера, поэтому обязательно читайте их блоги, смотрите и слушайте выступления.

Внутренний Getpocket. Обычно интересные статьи, которые мне попадаются в сети, я собираю здесь. Получается ежедневный журнал, который удобно читать офлайн. В нем — десятки сайтов на русском и сотни на английском языках: блоги, заметки, журналы. Информация очень размазывается и ее тяжело найти в одном месте. Этими статьями я делюсь внутри CreativePeople с другими дизайнерами, чтобы мы могли обсуждать их и синхронизировать свои знания.

Отмечу несколько фаворитов, которые попадают в подборку достаточно часто.

Medium. Поиск по ключевым словам выдает интересные и свежие статьи. Отдельно стоит выделить два блога: Muzli и Nathan Curtis.

Sketchapp.me. Отличный ресурс, где коллеги собирают статьи по работе sketch. Все чаще публикуют статьи не про управление программой, а про эффективность вообще, про полезные фичи и ускорение дизайнера.

Vc.ru. Следим за новостями и переводами статей по UIX.

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

Дизайн-кабак. Неплохие подборки в виде еженедельных дайджестов.

10 лучших сервисов для дизайнеров и веб-дизайна

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

1. Friend or follow
Если вы хотите знать кто не является вашим взаимным фолловером в Твиттере, то этот сервис вам поможет. В самом Твиттере достаточно утомительно вручную выискивать тех, кого вы зафолловили, а в ответ ничего не получили. А здесь достаточно ввести ваш юзернейм в твиттере и вы получите заветный список.

2. Wordle
Очень интересный сервис, находящийся в тренде современной дизайнерской типографики. Генерирует симпатичное облако из ключевых слов. Придется установить Java для Windows (free), если еще не установлен и дальше следовать инструкции, как настроить облако (цвет, направление, шрифт).

3. Web20badges.com — сервис временно недоступен
Позволяет генерировать онлайн популярные бейджики. Вы выбираете приглянувшийся шаблон и настраиваете по своему желанию.

4. Friends mosaic
А этот сервис сгенерирует вам большую картинку, состоящую из юзерпиков ваших фолловеров в Твиттере или френдов в ЖЖ. Достаточно ввести ваш юзернайм и все остальное сервис сделает сам.

5. Browser shots
Этот сервис делает скриншоты вашего сайта в разных браузерах. Вы отмечаете галочками браузеры и отправляете адрес своего сайта, он добавляется в очередь. Несколько различных компьютеров откроют ваш сайт в своих браузерах. Затем они сделают скриншоты.

6. Bg patterns
Очень простой сервис для генерации паттернов для бэкграунда. Все легко настраивается — цвет, рисунок, текстура, направление. На выходе скачиваете небольшую картинку.

7. Stripe generator
Похож на предыдущий сервис, но только генерирует паттерн для бэкграунда с популярными наклонными полосками.

8. Da button factory
Генерирует онлайн различные варианты простейших кнопочек для сайта с надписями. Понятные настройки.

9. Quick ribbon
А этот сервис позволяет создавать такой элемент для дизайна сайта, как угловая ленточка. Быстро и просто.

10. Microsoft translator
Этот онлайн переводчик незаменим при чтении иностранной прессы. Переводит не идеально, но общий смысл текста помогает понять.

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

Сервисы и библиотеки, которые сэкономят ваше время.

Kerntype

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

Color — A Matching Game

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

Webfont

Отечественный сервис Webfont.ru — каталог бесплатных шрифтов для использования в вебе. Можно подключать шрифт напрямую с сайта, можно через плагин для редактора (Sublime Text 2, PHP Storm, NotePad++), можно скачать. С его же помощью удобно подгружать на сайт нестандартные шрифты. Всего около 450 шрифтов, из них около 300 поддерживают кириллицу.

Pattern Library

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

Character Code

Своеобразный справочник самых ходовых символов — показан вместе с HTML-кодом, кодом в hex и описанием каждого символа.

Sizzlepiq

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

Flakes

Open-source фреймворк для разработки дизайна и интерфейса бизнес-приложений. Представляет собой набор CSS, javascript-библиотек и других полезностей.

Evil-Icons

Набор иконок в формате SVG от российских разработчиков. Можно легко начать работать с Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

Skeleton

Для тех, кому горит — Skeleton в 400 строк кода, простой адаптивный шаблон. Можно сразу приступать к разработке.

Material Palette


Генератор палитр для тех, кому полюбился Material Design. Выбираете два цвета — и получаете полную палитру, которую можно скачать.

UXCheck

Chrome может все, даже проверить сайт на наличие проблем с юзабилити. UX Check — это расширение для браузера, которое ищет и выделяет проблемы. Отметки затем можно экспортировать.

Apple Pie

Набор CSS-инструментов для разработки продвинутых веб-интерфейсов. Упрощает работу с кодом и его организацию благодаря семантическому подходу к CSS.

Frame

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

JS Nice

Анализирует JS-скрипт, загруженный вами, и превращает его в человеческий вид, переименовывая переменные и параметры (сервис использует данные, основанные на сотнях open source проектов).

Hipster Logo Generator

Если клиенты вам надоели и вы просто хотите побыть немного ленивым хипстером — генератор хипстерских логотипов для вас. Не забудьте добавить немного свэга. Согласитесь, это красиво!

Bounce.JS

Сервис и JS-библиотека для создания и редактирования CSS3-анимаций.

CSS3 Generator

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

«Песочница» для веб-разработчиков. Рабочая часть окна разделена на панели (CSS, HTML, JavaScipt и панель просмотра) и большое количество настроек. Проекты можно сохранять и делиться ими.

CSS Triggers

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

Web Developer Checklist

Перед запуском своего проекта проверьте все пункты чек-листа. Вдруг что-то забыли.

Текст: Мария Илюшина, Елена Брызгалова.

Материалы по теме:

10 незаменимых инструментов для работы с Instagram

Google сделала «фотошоп» для виртуальной реальности

8 трендов 2020 года в графическом дизайне

Что почитать, если вы хотите ориентироваться в UX

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

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

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

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

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

ТОП-30 лучших веб-дизайнеров мира

Донателла Версаче, Кристиан Диор, Коко Шанель, Марк Джейкобс, Вивьен Вествуд, Вера Вонг – список известных модных дизайнеров можно продолжать долго. Некоторые из них стали легендами, изменившими мир. Но даже те, которые просто являются креативными директорами прославленных модных домов, известны общественности больше, чем самые значимые веб-дизайнеры всех времен. Мы составили список творцов от веба, ориентируясь не только на их должность или корпоративную принадлежность, но и учитывая яркость, нестандартность работ.

Почему самому известному веб-дизайнеру никогда не стать Кристианом Диором?

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

  1. Веб-дизайн все еще молод и развивается. Мода в оформлении жилья и одежды существует много сотен лет. Всегда были люди, которые занимались нарядами богатых господ и оформлением их жилья. Сегодня они именуются дизайнерами одежды и интерьера. Веб-дизайнеры появились тогда, когда люди начали более активно использовать интернет для решения своих задач. Буквально 20-30 лет назад, что для становления целой индустрии не возраст. Мы знаем о модных дизайнерах больше, потому что их идеи старше, чем весь веб-дизайн вместе взятый. Что уж говорить об отдельных личностях?
  2. Веб-дизайн значительно меньше приветствует оригинальность и креативность. Странное, но верное утверждение. Дизайн – не творческая импровизация. Веб-дизайн – тем более. Fashion-дизайнеры чаще могут покорять мир своими открытиями и идеями. Веб-дизайнерам нужно следовать четким правилам при создании сайтов. Иначе последние не будут приносить пользу бизнесу. Есть удобная и красивая одежда, есть комфортные и фестивальные сайты. Если модный дизайнер запомнился своей коллекцией, произвел фурор, его продукция будет хорошо продаваться. Ему необходимо обрести народное признание, чтобы бизнес приносил доход. Веб-дизайн такой исход дела исключает. Если веб-дизайнер получил много наград, это не добавляет ему известности. Он должен обрести признание узкой аудитории тех, кто покупает корпоративные сайты. Web designer ориентирован на B2B-сегмент, в то время как fashion designer имеет в разы большую ЦА в B2C.
  3. Людям в первую очередь важно то, как выглядят они сами, и во вторую – то, как воспринимается их бизнес. Психологами написан не один труд по этому поводу. Оформление сайтов многих крупных компаний оставляет желать лучшего, хотя в последнее время и наблюдаются позитивные изменения в этом направлении. Все больше предприятий уделяют внимания своему имиджу в сети. Очередное доказательство того, что веб-дизайн на стадии развития. Можно предположить, что в будущем мы будем следить за виртуальной модой также пристально, как за проведением современных fashion weeks.
  4. Любой дизайн – дело коллективное. Никто здесь не добивается успеха в одиночку. Но в мире моды и оформления интерьера дизайнер является ключевой фигурой, которая своими идеями направляет других игроков команды. Чего нельзя сказать о веб-дизайне – самый красивый сайт без верстки, корректного текстового наполнения, рекламы не будет приносить никакой пользы. При создании сайта все специалисты в равной степени важны, ведь ресурс просто не будет существовать без участия одного из них. Как результат – мы можем знать работу веб-дизайнера и ничего о нем самом.

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

Команда Plerdy подготовила для Вас новый бесплатный вебинар — «Почему 99% клиентов на сайте никогда не покупают? Примеры, решения». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

30 лучших веб-дизайнеров, имена которых стоит знать каждому

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

Марк Уиллер

Арт-директор Microsoft, можно сказать, икона веб-дизайна, работы которой известны практически каждому человеку. Специализация – пользовательский опыт, интеракции и удобные интерфейсы. Один из лучших веб-дизайнеров Марк Уиллер радует своих почитателей авторскими рисунками, а также футуристическим стилем оформления непосредственных работ в вебе.

Критика Кушваха

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

Ольга Шевченко

Креативный директор киевской компании Vintage. Продуктовый дизайнер, проектировщик интерфейсов и пользовательского опыта. Работы Ольги отличаются своей разноплановостью. Она использует все доступные дизайнеру инструменты для достижения нужного результата: крупную типографику, большие фотографии, анимацию, необычные сочетания цветов, иллюстрации, диагональные формы и линии. Ее работы выглядят дорого, современно, минималистично и воздушно.

Кими Льюис

Талантливый арт-директор, иллюстратор и дизайнер из Лос-Анджелеса. Обладатель множества наград. Один из апологетов минимализма в веб-дизайне. Он так же, как и Марк Уиллер, обрел свою популярность в качестве создателя работ в нише имиджевого веба. Его девиз – сначала брендинг, потом дизайн.

Антон Реппонен

Фотограф и дизайнер, проживающий в Нью-Йорке. Один из наиболее известных специалистов-выходцев из СНГ, сооснователь собственной творческой студии, законодатель мод в имиджевом и продуктовом дизайне. Антон делает ставку на большую типографику и буквы как отдельные иллюстрации. Его работы – главное доказательство того, что используя один цвет и подходящий шрифт можно создать концептуальный сетевой шедевр. За это его имя входит в ТОП-30 лучших веб-дизайнеров.

Лотта Найманен

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

Джесс Тан

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

Шантель Мартин

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

Кристина Ред

Норвежский продуктовый дизайнер, веб-разработчик, проектировщик интерфейсов. Кристина жила и работала в Осло, Сан-Франциско, Лондоне и Амстердаме. Обрела известность в дизайнерских кругах за счет сотрудничества с Facebook. Для этого гиганта она создавала коммерческие приложения. Стиль Кристины — минимализм с достаточным количеством анимации, свободного пространства и необычными цветовыми сочетаниями.

Сэндор Джёрайс

Продуктовый дизайнер из Лондона, который работал со многими именитыми брендами, среди которых Facebook, YoYo, Delivero, Ravelin и Cafe Noir. Стиль Сэндора – минимализм. Он делает ставку на цвет и одну-две детали, позиционирующие бренд. Все гениальное просто – буквально о нем.

Мэтт Вэрд

UI/UX-дизайнер из компании TTI, приверженец графического минимализма, креативный проектировщик. Его личный сайт – лучшее тому подтверждение. Мэтт предлагает следовать за тако (знаменитым мексиканским блюдом), параллельно изучая стилистику его работ. Хороший прием в проектировании пользовательского пути, мистер Вэрд!

Мэтт Пэймер

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

Эшли Прал

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

Косуке Фуцукаши

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

Дэвид Лэнхем

Титулованный дизайнер, художник, иллюстратор. Childish and fantastic – именно так он описывает стиль своих творений. Они действительно во многом мультяшные и сказочные. Нужно отметить, что Дэвид фактически не берется за разработку сайтов, его ниша – иллюстрации. Лэнхем принимает участие в разработке умопомрачительный скетчей, из которых потом рождаются оригинальные ресурсы. По этой причине мы также внесли его в список ТОП-30 лучших веб-дизайнеров мира.

Сэм Смолл

UX/UI-дизайнер из Канзаса. Специализация – брендинг, айдентика, дизайн интерфейсов, графический дизайн. Минимализм и современный поп-арт – основная стилистика работ Сэма.

Анна Дью

UX-дизайнер из Нью-Йорка, который создавал проекты для Microsoft, SAP, BarterSugar. Анна умело соединяет в своей деятельности минимализм и абстракционизм. Дью также активно использует флетовую инфографику, линии, геометрические фигуры, добиваясь максимальной архитектурности своих творений.

Сергей Шапиро

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

Джеремайя Шэу

Художник и дизайнер, работающий на свободной основе с Dropbox, Google, Apple и Kolor Labs. Специализация – 3D-иллюстрации, анимации, проектирование интерфейсов и брендинг. Но сейчас Джеремайя преимущественно занимается созданием 3D-игр для детей, которые выпускаются под логотипом его именитых партнеров. Его стиль весьма узнаваем – максимум геометрии и полигональности.

Крис Сэндлин

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

Свободный иллюстратор и веб-дизайнер, создающий проекты для таких гигантов, как Siemens, Telegraf, Vodafone, The Sims. Ее работы выполнены в минималистичном стиле и отличаются чистотой композиции. Только взгляните на иллюстрации Ками, ее специализацию – ни одной лишней детали, все выдержано в едином стиле.

Маттиас Адам

Продуктовый дизайнер, ведущий дизайнер Blackpills. Адам – мастер сочных интерфейсов. Стили, которых Маттиас придерживается в своей работе, – флет, семи-флет.

Джеймс Уайт

Дизайнер, иллюстратор, основатель и креативный директор Signalnoise Studio. Поклонник нео-нуара в оформлении сайтов и создании рекламных компаний. Темный, насыщенный, полигональный, геометрический – такой дизайн предлагает вкусить нам Джеймс Уайт.

Тиффани Чен

Дизайнер, иллюстратор и просто стажер Microsoft, Adobe и Duolingo. Специализация – имиджевый веб, иллюстрации. Работы Тиффани отличаются своей пограничностью – в них умело сочетается искусство и юзабилити интерфейсов.

Хосе Хуртадо

Графический дизайнер и арт-директор компании Нестле. Проживает в Лос-Анджелесе. Специализация – брендинг, продуктовый дизайн. Хосе постоянно экспериментирует, старается взять максимум от скевоморфизма, флета и семи-флета. Единый стиль не просматривается, тем не менее почерк автора все равно узнаваем.

Мередит Шомбург

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

Топ-пост этого месяца:  Что такое Global Redirect Drupal 7 и как с ним бороться

Виктория Бэдинэс

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

Филипп Бенда

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

Лучано Инфанти

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

Беттани Хик

Фрилансер, вдохновляющий журнальным стилем в вебе. Дизайнер, который сотрудничает с NYM, NY, Wired, SM и многими другими известными американскими изданиями. Беттани делает ставку на крупную типографику, цвет и качественные фотографии. Карточки для своих проектов производит сама, так как является по совместительству и фотографом.

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

Онлайн сервисы для веб дизайна

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

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

Полезные сервисы дизайнеру №14 — для веб-разработки, email-рассылок, шрифтов и др.

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

FontDrop — сервис для просмотра символов шрифтов онлайн

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

Сервисы для распознавания шрифтов онлайн — по картинке, текстовые, расширения браузеров

Если вам вдруг встретилась красивая типографика сайта в интернете, то посмотрев исходный HTML/CSS код страницы вполне реально узнать какую именно коллекцию шрифтов там использовали. В крайнем случае можно написать авторам/владельцам проекта и спросить о применяемых ими решениях в работе и где их взять. Однако, когда речь идет о найденных в сети иллюстрациях, принтах, баннерах и любых других проявлениях графического дизайна, то узнать шрифт по картинке онлайн…

Обзор сервиса «Без Обмана 24/7» — разоблачения онлайн аферистов и не только

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

Инструменты для UX/UI дизайна: UXPin, Mason, Interfacer и Webflow

Эффективность любого веб-ресурса во многом зависит от степени успешности его взаимодействия с пользователем, т.е. юзабилити и удачного UI/UX дизайна. Если сайт сложен в использовании, то его посетители с высокой долей вероятности найдут и выберут что-то другое. Однако если юзер получит положительное впечатление, то он не только будет пользоваться этим продуктом сам, но и станет рекомендовать его знакомым. В данной статье мы рассмотрим лучшие инструменты для создания хорошего юзабилити….

Baxov.Net — обзоры сомнительных проектов и мошеннических схем в сети

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

Используем Canva для создания презентаций онлайн (советы, сохранение в PowerPoint)

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

Интересные дизайнерские веб-сервисы №13: PNG, иллюстрации, иконки…

Что-то в этом году, как и в прошлом, никак не получается собирать каждый месяц по одной полноценной подборке веб-проектов с краткими обзорами. Прошлый 12-тый выпуск вышел аж в январе. В нем можете почитать про сервисы Emoji и скриншотов, использование шритов + посмотреть парочку вариантов скроллинга (горизонтальный, диагональный и др.). Сегодня в статье полезных ссылок будет чуть меньше, но старались выбрать реально самые полезные из недавно…

VDSina.ru — профессиональный VDS-хостинг на SSD дисках: тарифы, панель управления

Виртуальный выделенный хостинг — один из самых востребованных типов услуг среди веб-разработчиков, такой себе компромисс между ценой и качеством. Если ваш онлайн проект требует больше мощности нежели бюджетный shared-хостинг, но при этом не является крупным порталом с сотнями тысяч посетителей, то VDS подойдет как нельзя кстати. Он гарантирует надежную бесперебойную работу за вполне приемлемую цену. Особенно, если брать ценовую политику компании VDSina.ru, где можно заказать полноценный VDS-сервер всего…

Сервисы позволяющие убрать задний фон на картинке онлайн

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

Canvas Chrome — рисуем на странице браузера Google Chrome, Firefox и не только

Современные графические редакторы давно ушли от старых десктопных версий и запустили собственные онлайн-сервисы и разные мобильные приложения. Так, например, недавно мы рассматривали более 10-ти полноценных и самодостаточных программ дизайна на Андроид, есть аналогичный софт под iOS, можно вспомнить векторный редактор Vectr и многое другое. Корпорация Google решила не отставать от подобных тенденций и запустила свое онлайн веб-приложение для рисования на страницах браузера — Canvas Chrome. Не смотря…

Полезное дизайнерам и разрабочикам №12: палитры, слайдеры, иконки, эффекты

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

SmartApe — надежный хостинг с безлимитными тарифами и быстрыми SSD-дисками

С заказа услуги хостинга, как правило, начинается процесс создания сайта в интернете. Она подразумевает предоставление веб-мастерам физического пространства и мощностей для размещения собственных проектов в онлайне. Выбор типа хостинга зависит от целей/сложности веб-ресурса и размера вашей целевой аудитории. Чем выше планируется посещаемость, тем мощнее «железо» придется покупать. Сегодня рассмотрим интересное предложение от компании SmartApe, предоставляющей тариф без ограничений дискового пространства/трафика, надежные VPS сервера и SSD диски…

ТОП-10 курсов по веб-дизайну

Если вы подыскиваете высокооплачиваемую удаленную работу, советую присмотреться к профессии веб-дизайнера. Сайты бывают разными, но объединяет их одно: всем им нужен классный дизайн. А значит, это растущий рынок, на котором самое время занять заслуженное место. Заинтересованы? Тогда начинаем!

1. Удаленные курсы по веб-дизайну сайтов на Tilda

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

Что представляет из себя программа.

Это набор из 20 лекций, разбитых на 7 блоков по темам. Из курса вы узнаете:

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

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

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

2. “Профессия Веб-дизайнер” от SkillBox

Компания SkillBox в особом представлении не нуждается — это реальные лидеры по поставке кадров в сфере IT и интернет-маркетинга. Одни только звания “Резидент сколково” и “Обладатель премии рунета 2020” чего стоят.

Обучение у них долгое, обстоятельное и недешевое. Но в данном случае это вполне оправдано: фактически вы заканчиваете полноценное учебное заведение и получаете диплом. С такими регалиями в резюме вы сможете устроиться хоть в “Яндекс”. Хотя, возможно, никакого резюме писать не придется: после обучения SkillBox гарантирует трудоустройство.

Что представляет из себя программа.

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

Из курса вы узнаете:

  • основы UX-дизайна;
  • тонкости веб-разработки сайтов с нуля;
  • как делать рекламную графику;
  • как создавать промо-сайты.

В конце обучения слушатели защищают дипломную работу.

Стоимость обучения — 190 тысяч рублей. Первый платеж можно сделать через 6 месяцев после начала занятий. Предоставляется рассрочка при поддержке ведущих банков.

Преподаватели курса — ведущие практикующие дизайнеры и специалисты по UX. Нажмите сюда, чтобы узнать подробнее о курсе!

3. Онлайн-курс “UX-специалист” от Texterra

Еще одна платная программа от ведущего маркетингового агентства России. Содержание соответствующее: курс разработан с креном в продающие составляющие сайта.

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

Из курса вы узнаете:

  • тонкости UI и UX дизайна;
  • как работать с целевой аудиторией;
  • что такое пользовательский путь — Customer journey map (CJM);
  • как грамотно вставлять текст в интерфейс сайта;
  • как проектировать интерфейс сайта в программах Figma и Axure;
  • как сделать Usability-аудит сайта и многое другое;

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

Стоимость курса — 10 тысяч рублей за 7 видеоуроков. На данный момент доступно только обучение по видеозаписям с обратной связью от спикеров. После окончания выдается диплом UX-специалиста. Нажмите сюда, чтобы подробнее узнать о курсе!

4. “Профессия дизайнер с доставкой на дом” от “Среды обучения”

Ну тут вообще все серьезно. Речь идет о полноценном высшем и средне-специальном образовании по профессии “Дизайнер сайтов и мобильных приложений”. В первом случае нужно отучиться 4 года, а во втором — 2.

По окончании выдается диплом государственного образца. Обучение проводится в виртуальном классе. Можно присутствовать здесь в онлайн-режиме, а можно просматривать записи в удобное время. Не буду перечислять программу курса — для нее не хватит и 10 статей. Там есть все: от академического рисунка до физической культуры для дизайнеров. Да, оказывается, есть и такая.

Стоимость курса по программе высшего образования — 60 тысяч рублей за учебный семестр. Средне-специальное стоит чуть дешевле — 45 тысяч. Кроме этого, “Среда обучения” предлагает несколько вариантов курсов попроще. Они длятся от 2 до 20 месяцев и стоят от 3000 рублей. Программы ведут 3 с лишним десятка преподавателей, среди которых — специалисты “Яндекса”, Rambler и CreativePeople. Впечатляет!

5 Курс “Веб-дизайнер” от “Нетологии”

“Эффективный сайт от идеи до реализации” — гласит девиз курса. Этому можно верить: “Нетология” давно заслужила репутацию лидера рынка онлайн-обучения, а занятия ведут эксперты Google, Mail.ru и “Альфабанка”. Программа подойдет новичкам и тем, кто уже немного узнал о профессии.

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

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

Из курса вы узнаете:

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

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

6. “WEB-Design” — Образовательный онлайн-курс от GeekBrains

Думаю, образовательный портал GeekBrains в особом представлении не нуждается, поэтому сразу к делу. Курс веб-дизайнера длится 8 месяцев, по 2 занятия в неделю.

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

Как и на всех остальных курсах GeekBrains, слушатели проходят стажировку в компаниях Mail.ru Group с возможностью трудоустройства. После обучения студенты уже имеют солидное портфолио, состоящее из 5 самостоятельно выполненных проектов и сертификат об окончании. Курс рассчитан на обучение профессии с нуля, поэтому подойдет каждому.

Из курса вы узнаете:

  • базовые основы графического и веб-дизайна, продуктового дизайна;
  • главные дизайнерские тренды: UX, UI и так далее;
  • основы верстки;
  • как придумывать и реализовывать дизайнерские идеи с нуля;
  • как работать с основными программами: Figma, Photoshop, Illustrator и другими. Нажмите сюда, чтобы подробнее узнать о курсе!

7. “Продуктовый дизайнер” от “Нетологии”

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

Формат обучения — онлайн-вебинары с домашними заданиями и обратной связью. Доступны видеозаписи всех уроков для тех, кто не смог присутствовать в режиме real time. Каждого слушателя курирует наставник: к нему можно обратиться при возникновении вопросов и сложностей в обучении.

На занятиях вы научитесь:

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

Ну и приятные фишки от “Нетологии”: внушительное портфолио и помощь в трудоустройстве при поддержке “Центра развития карьеры”. Нажмите сюда, чтобы подробнее узнать о курсе!

8. “Дизайн мобильных приложений” RedmadRobot от SkillBox

Разработка мобильных приложений — одно из передовых и востребованных направлений дизайна. Оно и понятно: прикладных программ для мобильных устройств разрабатывается едва ли не столько же, сколько сайтов. А если учиться, то у лидера: курс разработан все теми же Skillbox + RedmadRobot — лидерами рынка мобильной разработки.

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

  • навыкам дизайна мобильных интерфейсов;
  • созданию приложений с нуля;
  • грамотно и профессионально презентовать свои проекты;
  • работать с передовыми платформами для мобильной разработки;
  • мобильным UI и UX;
  • работать с Photoshop, Sketch, Principle и другими программами;

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

Стоимость курса — 50 тысяч рублей. Если успеете попасть в первую десятку студентов — заплатите только 39 тысяч. По окончании выдаются подтверждающие документы. Нажмите сюда, чтобы узнать подробнее о курсе!

9. “Вы станете графическим дизайнером” от Бориса Поташника

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

Из курса вы узнаете о базовых понятиях дизайна:

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

С 6-го урока вам предложат выполнить практические задания — с пошаговыми комментариями от автора.

Конечно, дизайнерским ремеслом вы не овладеете, но для затравочки — самое то. После ознакомления с материалом вы поймете, что веб-дизайнером может стать абсолютно любой. Нажмите сюда, чтобы подробнее узнать о курсе!

10. Бесплатный интенсив “Основы веб-дизайна” от GeekBrains

2-часовой видеоурок по основам дизайна. Думаете, маловато? А вот и нет. Авторы курса смогли упаковать в такую короткую программу множество тем:

  • базовые принципы сильного дизайна;
  • основы работы с Adobe Photoshop;
  • создание лендингов;
  • программы и инструменты, необходимые дизайнеру для работы и многое другое.

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

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

��Источник дохода! Хотите создать дополнительный источник дохода и зарабатывать от 30 000 рублей в месяц через Интернет? Покажу, как создать прибыльный сайт и начать на нем зарабатывать (без технических знаний)! Нажмите сюда, чтобы получить пошаговую инструкцию!

Добавить комментарий