Курсы по дизайну онлайн: Факультет графического дизайна — обучение онлайн на курсах графического дизайна института GeekBrains | GeekBrains

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

Курс рассчитан на начальный уровень подготовки. Даже если вы никогда не работали в Adobe Photoshop и не верстали на HTML, после прохождения курса вы сможете создать полнофункциональный сайт (десктопную и мобильную версию) с нуля и «под ключ». В рамках курса вы изучите не только внешнюю сторону создания веб-сайтов (frontend), но и серверную часть (backend).

В процессе обучения вы изучите основные технологии создания современных и успешных веб-сайтов: научитесь разрабатывать макеты в таких популярных программах как Adobe Photoshop и Adobe Illustrator, получите полное представление о технологии верстки веб-страниц (frontend), применяя язык разметки гипертекста HTML5 и каскадные таблицы стилей CSS3, научитесь динамически управлять элементами веб-страниц благодаря языку программирования JavaScript, получите базовое представление о платформе NodeJS и научитесь работать с менеджером задач Gulp, а также настраивать его для выполнения ряда задач (hot-reloading и транспиляция файлов).

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

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

Изучая серверную часть (backend) разработки сайтов, вы будете работать с системой виртуализации docker. Вы научитесь создавать собственные образы, управлять контейнерами и получите базовый уровень знаний для работы с консолью unix-систем. Внутри docker-контейнеров научитесь разворачивать стек технологий для веб-разработки на языке программирования PHP с использованием БД MySQL. Научитесь организовывать взаимодействие между контейнерами как на уровне docker, так и средствами языков программирования (API).

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

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

Дизайн электронного курса – 17 примеров

← Предыдущий урок
Это четвертый урок из цикла «Марафон: как создать онлайн-курс». Для полного погружения в тему лучше начните с первого.

Знаете высказывание: «Не стоит судить книгу по обложке»? Мы частенько выбираем тома в богатом переплете, хотя видавшая виды книга может таить невероятные истории. То же и с электронным курсом. Даже если ваш контент накачан пользой, он зацепит отнюдь не каждого, если выглядит неряшливо и блекло.

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

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

Композиция

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

Композиция — это единство и цельность.

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

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

Соблюдайте правило третей

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

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

Слайд, построенный по правилу третей, приятнее для глаз и выглядит аккуратнее странички, на которой объекты стоят сбоку или по центру.

Используйте правило перевернутой пирамиды

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

Разберем правило «перевернутой пирамиды» на примере этого слайда.

В начале основная мысль: Subaru — экологический чемпион среди других промышленных компаний. Ключевые моменты: компания Subaru одна из первых начала внедрять экотехнологии. Заключение: блок о том, как компания успешно запустила проект, который повысил вторичную переработку сырья до 99,8%.

Подробнее о приемах уверенной композиции можно прочитать в книге «Slide:ology». Автор — Нэнси Дуарте, основатель крупной дизайнерской компании «Duarte Design». В книге она собрала полезные рекомендации, как создать вдохновляющие презентации, от которых не оторваться.

Шрифт

Шрифт — не просто способ подачи текста, а мощный инструмент в оформлении. 80% дизайна составляет текст. Буквами можно не только передать смысл, но и подчеркнуть стиль изложения. Вот несколько рекомендаций по работе со шрифтами.

Используйте не больше 3 шрифтов на слайде

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

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

Шрифты должны быть читабельными

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

Курсив или полужирный шрифт — выберите что-то одно

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

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

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

Выравнивание

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

Выравнивайте текст по левому краю

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

Оставляйте «воздух» на слайде

Не лепите иконки и текст вплотную друг к другу. Курсу нужно «дышать». Есть правило: 20% слайда должны быть пустыми. Оставляйте отступы от краев слайда до текстовых блоков — так проще усвоить информацию.

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

Соблюдайте основные правила верстки

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

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

Делите информацию на блоки

Делите длинные предложения на короткие. Идеальный размер — 70-100 символов. Так пользователям проще удерживать внимание и уловить суть.

Упаковывайте информацию в блоки. Разбросанный по слайду текст, как раскиданные по квартире вещи: раздражает и мешает найти главное.

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

Убирайте лишнее. На слайде должно оставаться только то, что действительно важно — квинтэссенция знаний.

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

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

Контраст

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

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

Контраст должен быть очевиден сразу.

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

Используйте полупрозрачные подложки для фона

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

Измените прозрачность самого фона

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

Подробнее о том, как сделать фон прозрачнее, можно прочитать здесь.

Выделяйте важный текст другим цветом

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

Цвет

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

Используйте в курсе до трех цветов

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

Придерживайтесь правила 60–30–10 — вместо того, чтобы смешивать цвета в одинаковой пропорции, разделите их на части: 10%, 30%, 60%.

Используйте цветовой круг

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

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

Монохромное — выбор ценителей минимализма. Цветовая схема строится на одном основном цвете и нескольких его оттенках.

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

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

О дополнительных вариантах цветовой гаммы можно прочитать здесь.

Если вы не можете самостоятельно выбрать цветовую гамму, есть два удобных сервиса для подбора цвета:

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

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

Учитывайте психологию цвета

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

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

• светло-зеленый — для продуктовых курсов;
• сине-зеленый — для курсов по ПК;
• монохромный синий — для тренинговых курсов.

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

Стиль

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

Кажется, что курс не сделали с нуля, а копировали из нескольких презентаций

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

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

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

Для вдохновения: примеры электронных курсов с аккуратным дизайном

Где взять качественный контент для дизайна курса

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

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

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

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

А если у вас есть идеи как можно улучшить текст — расскажите нам. Мы будем рады доработать материал!

← Предыдущий урок   Следующий урок →

Обучение дизайну UX/UI школы веб дизайна

Лучшие дизайн школы и ресурсы для обучения digital, графическому, UI/UX дизайну. В топ список входят бесплатные и платные курсы дизайна. Выбирайте то, что вам по душе и начинайте свое развитие.

Графический дизайн с нуля, дизайн сайтов, UI/UX — всему этому вы легко научитесь.

1. Онлайн-школы дизайна
2. Курсы по веб-дизайну
3. Онлайн-интенсивы
4. Уроки дизайна
5. Вебинары по дизайну
6. Интенсивы
7. UI/UX курсы

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

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

• Графическим и веб-дизайнерам. Изучите дизайн айдентики и бренд-дизайн, освоите новые средства коммуникации. Научитесь исследовать аудитории и создавать нестандартные сильные визуальные решений с опорой на данные.
• Арт-директорам. Освоите Data Driven Design и прокачаете процессы дизайн-команды. Повысите скорость разработки айдентики для физических и цифровых продуктов.
• Product-менеджерам. Освоите уникальную визуальную культуру и сможете управлять первой линией борьбы за внимание аудитории. Сможете глубоко разобраться в мышлении творческих специалистов и станете «своим» в команде.
• UX-дизайнерам. Прокачаете навыки визуального дизайна и станете более востребованным специалистом.

Обучаясь в школах дизайна вы поймете кто такой веб-дизайнер и чем занимаются современные специалисты? Где берут вдохновение топы индустрии и какими инструментами пользуются? Как новичку построить карьеру в веб-дизайне?

Поймете, чем UX отличается от UI, что такое CJM (customer journey map). Разберете примеры удачного и неудачного применения дизайне.

Сможете подробно пройтись по этапам разработки веб-сайта от анализа ЦА до создания визуала. Разберетесь в проектировании и создадите собственные прототипы

Научитесь проектировать интерфейсы. Узнаете что такое: аналитика, инструменты проектирования, прототипирование. Изучите дизайнерские программы и получите базовые навыки работы в Figma, Sketch, Photoshop. Погрузитесь в композицию и научитесь работать со шрифтами, освоите модульную сетку и теорию цвета. Вы сможете защищать свой дизайн и разберетесь в презентации, менеджменте, подготовке портфолио и резюме.

Узнаете технические особенности и нюансы, что такое frontend и backend, как они работают в связке. Обучаясь на курсах онлайн по дизайну вы сможете создать свой первый дизайн-проект. Перейдете от теории к практике.

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

Как стать дизайнером?

Бесплатный онлайн-курс от Нетологии, который расскажет о нюансах профессии и поможет выбрать правильный путь на старте. Начинающий дизайнер часто теряется и не может понять, в каком направлении двигаться.  Какие виды дизайна существуют в digital-сфере. Чем отличается UI-дизайнер от графического дизайнера, и как выстраивается работа над продуктом в каждом направлении. Этот онлайн-курс поможет сделать первый шаг в профессию.

Как стать дизайнером – онлайн-курс с нуля бесплатно

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

Ководство Артемия Лебедева

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

Дизайн Альманах Readymag

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

Readymag дизайн-альманах — R/m Design Almanac

R/m Design Almanac — это серия образовательных проектов о дизайне. Идея заключается в создании открытой дизайн-азбуки, которая знакомила бы людей с такими фундаментальными вещами, как типографика, цвет и сетка.

Shift Nudge

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

https://shiftnudge.com

Bang Bang Education

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

Годовые программы — Bang Bang Education

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

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

Bang Bang Education преподает:

Contended: прямой путь в дизайн

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

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

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

Профессия «Моушн-дизайнер в 2D и 3D»

Научитесь создавать качественную анимацию за 9 месяцев

Профессия «UX/UI-дизайнер»

Пошаговое обучение профессии дизайнер интерфейсов за 9 месяцев

Профессия «Web-дизайнер»

Пошаговое обучение профессии Web-дизайнер за 7 месяцев

Профессия «Графический дизайнер»

Прямой путь в графический дизайн за 9 месяцев

Профессия «Дизайнер интерактивных медиа»

Научитесь создавать уникальный опыт через мультимедийные объекты за 8 месяцев

Курс UX исследователя онлайн — Обучение CX исследователей — Contented

Курс UX исследователя онлайн ★ Получите базовую теорию, навыки и инструменты UX-research за полтора месяца обучения ▶ Прямой путь в дизайн с Contented ☎ +7 495 291-32-01

Курс дизайна на Tilda онлайн — Обучение дизайнеров на Тильде — Contented

Курс дизайна на Tilda онлайн ★ Создавайте сайты быстро, реализуя все свои дизайнерские задумки с помощью прогрессивного конструктора без привлечения программистов ▶ Прямой путь в дизайн с Contented ☎ +7 495 291-32-01

Онлайн-курс «Дизайнер интерфейсов» от Mail.Ru Group

Пошаговое обучение профессии дизайнер интерфейсов от Mail.ru

Курс «Дизайн-системы. Погружение» от Contented

5-недельный авторский курс Андрея Сундиева по разработке и внедрению дизайн-систем

Онлайн-курс: Figma

Изучаем самый популярный инструмент среди дизайнеров путем создания своего первого прототипа

Spalah: Онлайн-образование от лидеров индустрии

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

Онлайн-курс – Креативное мышление в веб-дизайне / SPALAH образовательная онлайн-платформа

Онлайн-курс Ольги Шевченко. Курс содержит: 7 часов видео-контента, 12 теоретических занятий, 6 практических занятий

Онлайн-курс Motion-дизайн для UI/UX / SPALAH образовательная онлайн-платформа

Онлайн-курс от Vintage Web Production. Курс содержит: 10 часов видео-контента, 6 теоретических модулей, 5 практических занятий

Все курсы Spalah →

Skvot online school

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

INSTAGRAM-ФИЛЬТРЫ

Креатив, коммуникация, кейсы

НЕЗАВИСИМЫЙ ДИЗАЙНЕР

Онлайн-лекция о том, как преуспеть вне офиса

PRODUCT DESIGN

Исследования, проектирование, анализ

ART DIRECTION — онлайн-курс по арт-дирекшену от Вовы Смирнова и Насти Жеребецкой | SKVOT

Обучение арт-дирекшену: как вести проекты айдентики, сайта или приложения ⚫ Записывайся на курс Art Direction Вовы Смирнова и Насти Жеребецкой до 29 октября ⚫ SKVOT — onoffline school

Все курсы Skvot →

Школа Projector

Projector – Курсы веб дизайна, графического дизайна, программирования, data science и gamedev в Киеве.

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

Философия школы строится на 3-х принципах: Flame, Practicult & Feedback.
Flame — учиться нужно с интересом, страстью и вдохновением.
Practicult — учиться нужно руками, а не ушами. Практика, практика, практика.
Feedback — учиться нужно на фидбеках опытных кураторов.

Web Design Beginning

Концентрированный курс, который даст базу для старта в профессии веб-дизайнера.

Mobile Apps Design

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

UX Research

Дослідження і розуміння реальних потреб людини та перетворення знань в дизайн-задачі. 2 місяці.

UX/UI Animation

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

Управление дизайн-процессом

Курс по управлению такими методологиями как Design Thinking, HCD, Service Design и всех остальных в необходимом контексте применения. Учимся управлять своим временем, проектами и командой. 3 месяца, 2 раза в неделю.

Smart Interface Design Patterns

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

Все курсы Projector →

Typomania School

Typomania School — это объединяющее название образовательных проектов Александра Васина и Натальи Вельчинской. Длительные и краткосрочные курсы для профессиональных дизайнеров, студентов, начинающих дизайнеров и детей.

Курсы по дизайну плакатов

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

Плакат

Онлайн-курс по истории и дизайну плаката

Базовый курс по графическому дизайну

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

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

Дизайн. Самое начало

Базовый онлайн-курс по графическому дизайну

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

Курсы по дизайну книг

Основы книжного дизайна, принципы макетирования в Adobe InDesign.
Итоговая работа — книжная серия (принцип построения обложек, типовой макет). Курс рассчитан на начинающих дизайнеров, желающих научиться дизайну книги.

Книга 1. Начало

Базовый онлайн-курс по дизайну книги

Никита Обухов: дизайн в цифровой среде

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

Никита Обухов. Дизайн в цифровой среде

Теоретический курс по веб-дизайну

В рамках курса разбираются темы, составляющие основу современной практики дизайна:

Задача и идея: дизайн-мышление, персона-модели, эмпатия, составление майндмэпов и ведение скетчбука. Дизайн-исследование и фокусировка, основы графического дизайна: базовые понятия композиции, User Experience, прототипирование, скетчи, wireframes, mock-ups, Visual Storytelling.

Профессия UX/UI дизайнер от Uprock

Станьте высокооплачиваемым ux/ui дизайнером по внутренней методике ведущего дизайн-агентства.

Школа

Станьте высокооплачиваемым ux/ui дизайнером по внутренней методике ведущего дизайн-агентства.

Skillbox: Онлайн-университет востребованных профессий

Большие образовательные программы, чтобы освоить новую специальность с самого нуля.

Skillbox – онлайн-университет, один из лидеров российского рынка онлайн-образования.

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

Бесплатные уроки по веб-дизайну и созданию сайтов

Если вы искали бесплатные курсы веб дизайна и хотите разобраться в ui ux дизайне и с чего начать, то я рекомендую вам курсы ux дизайна онлайн бесплатно от Академии интернет профессии Groward, автора Игоря Джазова.

«Groward» — онлайн-академия по обучению современным интернет-профессиям в направлении интернет-маркетинга, дизайна интерфейсов, управления интернет-проектами.

Онлайн-курсы по ui/ux дизайну и digital-маркетингу — Groward

Академия digital-профессий Groward. Обучение ui/ux дизайну и digital-маркетингу.

На онлайн курсах по дизайну вы разберетесь в таких темах как:

• Стратегия развития UI дизайнера
• Начнёте осваивать Figma и перерисуете сайт Apple
• Создадите анимацию в Tilda
• Создатите landing page под ключ
• Обучение веб дизайну
• Обучение графическому дизайну

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

• Почему ваш доход не растёт?
• За что платят дизайнеру в крупных компаниях?
• Как пройти собеседование на высокооплачиваемые позиции?
• Перспективные направления в будущем
• Как создать сильное портфолио UI/UX-дизайнера за 2 месяца

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

Хотите порекомендовать что-то еще?

Обучение графическому дизайну в Киеве, Москве, Беларуси, графический дизайнер курсы, школа дизайна онлайн, компьютерный дизайн вебинары, курсы по веб дизайну, обучение фотошопа в онлайне, онлайн школа дизайна бесплатно, интенсивы дизайнера онлайн, Украина, Россия. Графический дизайн колледж.

✉️ Пишите на: [email protected]

10 лучших онлайн-курсов по графическому дизайну — бесплатных и платных | by Inkbot Design

Электронное обучение: 10 лучших онлайн-курсов по графическому дизайну

Весь мир переходит в более цифровое пространство.

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

Благодаря этому искусство иллюстрации стало неотъемлемой частью современной деловой динамики.

Опыт в области цифровых технологий высоко ценится и востребован компаниями.

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

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

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

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

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

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

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

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

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

Его можно рассматривать как конкурентоспособный цифровой класс с самым широким кругом тем.

Система, внедренная Udemy, включает видео-лекции, подготовленные независимыми преподавателями.

Стоимость видео зависит от качества лектора по контракту, продолжительности лекции, тем и, в сущности, области.

Кстати, хотя цены на Udemy в целом довольно справедливы, иногда вы можете получить еще лучшую цену с правильным промокодом Udemy, который иногда дает вам скидку до 90% на желаемый курс — поэтому убедитесь, что вы следите за одним из них!

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

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

Что касается графики — Введение в графический дизайн — программа с хорошими рейтингами из-за ее жизненно важного и информативного подхода к новым учащимся.

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

Бесплатная сертификация не может быть лучше, чем Alison Online.

Они гарантируют правильное добавление к любому резюме после того, как этот человек пройдёт курс.

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

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

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

Coursera фокусируется на предоставлении доступа заинтересованным учащимся к лучшим преподавателям мира.

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

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

В конце каждого курса им также выдают электронные сертификаты.

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

Сертификат, однако, требует от потребителей оплаты курса.

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

Онлайн-версия института идентична реальной программе в отношении содержания и обучения в реальном времени.

В ADMEC нет предварительно записанных материалов.

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

Дипломные курсы продолжаются от 6 до 8 месяцев.

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

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

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

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

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

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

Тематика включает Illustrator, Rhino, Photoshop, Cinema 4D и многие другие.

База данных исключительно сложна с разнообразием тем.

В системе установлено более 990 курсов.

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

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

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

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

Курс «Визуальный и графический дизайн» — это фундаментальный стартовый пакет для любителей графики.

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

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

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

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

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

Next-G также имитирует учебные курсы графического дизайна в их онлайн-версиях.

Курсы, предлагаемые этим онлайн-институтом, рассчитаны на срок от 1 месяца до года.

Дипломные курсы можно также получить через Next-G онлайн.

Некоторые из их курсов включают курс продвинутого эксперта по графическому дизайну, премиальный курс графического эксперта, стандартный курс графического эксперта, курс эксперта по графическому дизайну, курс Adobe Illustrator, курс Adobe InDesign, курс Adobe Photoshop и курс CorelDraw.

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

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

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

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

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

Это естественный выбор для всех, кто хочет попробовать свои силы в графике.

Это не слишком усложняет материалы, тем самым облегчая учащимся доступ к огромному цифровому пространству искусства.

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

Однако это не стоит того.

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

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

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

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

Еще одним важным фактором при выборе онлайн-курса является доступ к лекциям ведущих преподавателей со всего мира.

Их лекции повлияют не только на знания, но и на мудрость.

Возможность взаимодействия с соответствующими наставниками — дополнительное преимущество, которое ни один студент не должен превзойти, если ему будет предоставлена ​​такая возможность.

Цифровое искусство — это технический навык; однако для этого требуется, чтобы учащийся имел собственное воображение.

Инструктор не может научить этому навыку.

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

Лучшие бесплатные онлайн-курсы по графическому дизайну

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

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

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

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

Вот здесь и появляется этот список.

Что делает курс графического дизайна отличным?

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

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

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

Логотипы образовательных институтов
Логотипы колледжей
Академические логотипы
Логотипы профессиональных школ

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

Основы графического дизайна: основные принципы визуального дизайна

Skillshare — это популярное место для многих типов учащихся, а также возможность исследовать, как только вы овладеете определенным навыком — учащийся может стать учителем!

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

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

Источник изображения: Freepik.com

Графический дизайн: Визуальный и графический дизайн

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

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

Научитесь графическому дизайну

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

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

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

Профессиональный дизайн логотипа в Adobe Illustrator

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

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

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

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

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

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

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

Типографика, которая работает: типографская композиция и шрифты

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

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

Дизайн логотипа от концепции до конца

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

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

Введение в типографику

Этот курс предлагается CALArts как часть специализации «Графический дизайн».Регистрация бесплатна, хотя курс немного более структурирован, чем некоторые из перечисленных здесь, поэтому будет ли это работать для вас, зависит от вашего расписания.

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

Источник изображения: Freepik.com

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

От каракуля к логотипу

Полезный (и бесплатный) курс, представленный на Udemy, этот вариант проведет вас через создание логотипа от первых быстрых и беспорядочных набросков до готового, отполированного продукта.

В курсе говорится: «Вам нужны только Adobe Illustrator и креативность!»

Это отличный развлекательный курс с рейтингом 4,1 звезды.

Введение в графический дизайн — Школа дизайна Canva

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

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

Заставьте свое образование работать

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

Но, в конечном счете, «лучший» курс по графике — это то, что вы, как дизайнер, делаете с тем, что вы изучаете.

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

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

Логотипы арт-компаний
Логотипы Hobby
Аудиовизуальные логотипы
Логотипы медиа-услуг

10 лучших бесплатных онлайн-курсов по графическому дизайну

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

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

В этом посте мы собрали лучшие бесплатные онлайн-курсы по графическому дизайну от ведущих поставщиков курсов по дизайну Coursera, Kadenze и Udemy.Однако, если есть отличный бесплатный курс, который, по вашему мнению, мы упустили, сообщите нам об этом в Facebook или Twitter.

Курсы Coursera

Coursera — это технологическая компания с венчурным капиталом, ориентированная на образование, основанная профессорами Эндрю Нг и Дафни Коллер, которая предлагает онлайн-курсы в ведущих школах, таких как Стэнфорд и Йельский университет.

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

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

Для этого не обращайте внимания на предложение «Бесплатная пробная версия», поскольку это означает, что вы начнете платить через семь дней. Вместо этого выберите «Проверить этот курс», чтобы получить доступ к материалам бесплатно без ограничения по времени. (Если вы все еще не знаете, как получить уроки бесплатно, то ознакомьтесь с этим сообщением в блоге Class Central.)

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

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

Этот курс, который преподает консультант по дизайну и преподаванию медиа Дэвид Андервуд, из Университета Колорадо в Боулдере, учит основам хорошего графического дизайна.

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

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

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

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

Обучаемый графическим дизайнером из Лос-Анджелеса Антером Кили, это не программный курс, поэтому потребуются базовые рабочие знания и доступ к Adobe InDesign или аналогичному программному обеспечению для верстки страниц.

Курсы Kadenze

Kadenze — это коммерческий провайдер массовых открытых онлайн-курсов (MOOC), предлагающий курсы, ориентированные на искусство, музыку и творческие технологии.

Он следует модели, аналогичной Coursera, поэтому выберите вариант «Аудит курса», и вы получите бесплатный доступ к следующим материалам курса.

Этот курс от колледжа искусств Мэрилендского института спрашивает: откуда появился графический дизайн и где он пойдет дальше?

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

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

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

Курсы Udemy

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

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

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

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

Из Eduonix Learning Solutions вы получите полное руководство для начинающих по изучению Adobe Photoshop. Этот практический курс, который преподает Мэтью Браун, начинается с базового введения в программное обеспечение, а затем изучает такие функции, как инструменты выбора, инструменты манипулирования, инструменты создания и инструменты рабочего пространства.

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

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

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

Этот курс от Rawson Uddin объясняет, как определять компоненты и методы дизайна, лежащие в основе наиболее успешных логотипов, и как создавать свои собственные.

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

Статьи по теме:

Дизайн онлайн-курса: 6 принципов графического дизайна

Прежде чем мы погрузимся в разработку онлайн-курсов, давайте представим, что мы находимся в зоопарке или музее, где есть классы маленьких детей, которые отправляются на экскурсию из своей школы. Во многом это хаос, не так ли? Хотя дети должны быть со своим учителем или руководителем, всегда есть пара из них, которые отстают, плотно сбиты вместе или плавают вместе со всеми.Если бы кто-то сказал: «Найди ребенка в синем пиджаке и светлых волосах»? Да после того, как ваш мозг оправился от перегрузки! А теперь представьте, что кто-то сказал: «Хорошо, иди, поставь всех этих детей в очередь и следуй за тобой на выставку динозавров». Как бы Вы это сделали?

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

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

Зачем использовать принципы визуального дизайна

Во-первых, давайте взглянем на иллюстрацию из популярного сборника головоломок «Где Уолдо?» Создан английским иллюстратором Мартином Хэндфордом.

Так это Уолдо:

Можете ли вы найти его на этом изображении?

Кадр из книги «Где Уолдо?» Мартин Хэндфорд

Наверное, нет! Создатели серии книжных головоломок «Где Уолдо» и тщательно увеличивают когнитивную нагрузку , чтобы вам было сложнее найти Уолдо в этой головоломке.

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

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

Принципы разработки онлайн-курсов

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

1. Контрастность

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

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

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

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

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

Итак, как вы можете определить, где находится самая важная часть страницы, когда вы ее создаете? Вы можете попробовать «тест на косоглазие» , как описано в веб-семинаре. Для этого:

1. Отойдите от экрана или изображения
2. Посмотрите на свой дизайн
3. Прищурите глаза, чтобы нечетко смотреть на картинку.

Что для вас выделяется? Этот контраст — это то, на что ученика сразу же привлечет, когда он впервые увидит страницу.

Попробуйте это на следующих изображениях:

Вы видите, как изменилось сообщение?

2. Сходство

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

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

1. Закройте глаза на 10 секунд
2. Откройте глаза и посмотрите на экран в течение 2 секунд, а затем снова закройте их
3. Вспомните, что выделялось для вас

Хотели бы вы попробовать этот тест? Тогда взгляните на изображение ниже; вы можете найти «чудаков»?

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

3. Близость

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

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

Если бы мы провели линию, соединяющую кошку (как на картинке справа), вы бы превратили отсутствие близости в другую историю: «О, кошка на поводке и не любит их. ; Я понимаю!»

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

4. Выравнивание

Бывали ли вы когда-нибудь в музее или в чьем-то доме, где картина в рамке на стене была кривой? Возможно, не очень криво, но достаточно, чтобы вы заметили. Вы помните, что было в кадре? Многие люди сказали бы нет, потому что из-за отсутствия симметрии их мозг обрабатывал выпрямление и не слишком много смотрел на реальное изображение! (Подумайте о тесте на косоглазие.) То же самое можно сказать и о разработке электронного обучения.Есть два правила графического дизайна, которым вы должны следовать, чтобы ваши ученики не отвлекались на макет, а сосредоточились на содержании: выравнивание и пустое пространство.

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

Оба изображения содержат одни и те же элементы: изображение здания и текст о здании.Но на картинке слева эти два понятия не связаны. Нет никаких эмоций или воображения, связывающих этих двоих на странице.

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

5. Симметрия

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

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

Правило третей гласит, что объект или фокус того, что вы хотите, чтобы ваш ученик видел, должен находиться на одной из точек оси, где линии X и Y пересекаются в сетке 9 × 9.

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

6. Повторение

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

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

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

Некоторые другие советы по созданию лучшего онлайн-курса

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

Лучше меньше, да лучше!

Шрифты

• Никогда не выбирайте более 1 основного и 1 выделенного шрифта и старайтесь не размещать более 3 шрифтов на одном слайде или презентации.
• Используйте курсив или полужирный , но не вместе и не с подчеркиванием (из-за этого текст выглядит неаккуратно и трудно читаемым)

Цвета

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

Хороший дизайн — доступный дизайн

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

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

Полезные ресурсы по дизайну курсов

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

Блоги

Блог iSpring содержит огромное количество информации о создании отличного электронного обучения!

Бьянка Вудс из Clever Raptor (возможно, вы знаете ее как руководителя программы в Learning Guild) ведет фантастический блог и серию презентаций, которые вам понравятся!

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

Twitter

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

Книги

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

Онлайн-уроки

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

Подводя итоги

Мы надеемся, что эта статья поможет вам эффективно организовать и представить информацию в ваших курсах электронного обучения и сделать их привлекательными для ваших учащихся.Однако, если вы не готовы глубже погрузиться в визуальный дизайн, но хотите сразу же приступить к созданию профессионально оформленных курсов, попробуйте инструмент разработки iSpring Suite Max. Это набор инструментов электронного обучения, который позволяет создавать курсы с использованием готовых шаблонов, созданных профессиональными дизайнерами. Единственное, что вам нужно сделать, это заполнить слайды текстами и изображениями, и ваш курс готов к работе. Так чего же ты ждешь? Загрузите бесплатную пробную версию iSpring Suite Max, чтобы начать работу сегодня.

Те, кто заинтересован в просмотре вебинара, на котором основана эта статья, могут сделать это здесь.

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

Sam deGeus,

Менеджер по обучению в LLamasoft

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

Мэг Фэирчайлд,

Технолог по обучению в LLamasoft

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

Лучшие онлайн-курсы UX: наш список 10 лучших

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

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

Сложная часть — найти «Лучший онлайн-курс UX» для ваших нужд. Поэтому мы перечислили:

• 10 лучших онлайн-курсов по UX на наш взгляд
• их краткое описание
• и кому мы их рекомендуем

Coursera: Введение в дизайн взаимодействия с пользователем

О курсе

• Создатель: Технологический институт Джорджии
• Бесплатно
• Продолжительность: прибл.7 часов на выполнение

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

Исходя из международного гуманитарного права, я прошел через разрешение споров, да и UX тоже. Я помню, как впервые посмотрел на курсы UX на заре Coursera, когда у них был только этот курс для UX.

Безумно простой для понимания курс, который охватывает самые основы UX-дизайна, он учит базовым принципам, а также четырехэтапному циклу проектирования.Доктор Роза И. Арриага сделала свои лекции очень легкими для понимания, а программа — исключительно простой.

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

Ссылка на курс — >>

О курсе

• Создатель: Калифорнийский институт искусств
• Выплачено — доступна финансовая помощь
• Продолжительность: прибл. четыре месяца на выполнение (один месяц / курс)

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

Четыре курса охватывают полный цикл проектирования, включая основы исследования пользователей, от определения стратегии и объема проекта до создания каркасов и карт сайта. Первый курс («Визуальные элементы дизайна пользовательского интерфейса»), подготовленный Майклом Уортингтоном, больше посвящен UI-аспекту UX / UI: графическому пользовательскому интерфейсу.

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

Компоненты курса

Курс «Основы дизайна UX» проведет вас через этапы процесса UX / UI:

• Идеи и артикуляция
• Отображение идей
• Создание каркасов и разработка дизайна пользовательского интерфейса
• Превращение статических каркасов в интерактивный прототип

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

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

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

Ссылка на курс — >>

О курсе

• Платный
• Продолжительность: ок. три месяца

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

На протяжении всего курса UX-дизайна вы создадите свой проект.В результате у вас будет многостраничный дизайн, который можно добавить в свое портфолио ux. Этот курс проведет вас через весь процесс проектирования: проведение собеседований, создание персонажей, создание макетов и, в конечном итоге, создание тестируемого прототипа.

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

Если вы уже планируете начать карьеру в UX, но у вас нет времени или возможности участвовать в офлайн-обучении.

Ссылка на курс — >>