Веб-дизайн
(Основы)

Веб-дизайн
Основы
Длительность
Расписание
Время
Цена
3,5 месяца
Вторник, четверг, суббота
18:30 - 21:30
7800 лей
Мы научим вас создавать сайты! Много практики, только необходимые знания, никакой воды и лишних движений. На курсе мы изучим опыт ведущих студий и продуктовых компаний, разберем последовательность разработки сайтов, мобильных приложений. Мы познакомимся с инструментарием проектирования и разработки дизайна, научимся проверять идеи с помощью тестирования, создавая полезный и понятный для пользователя продукт. Преподают только практикующие веб-дизайнеры с большим опытом работы.
Приходи, и мы докажем, что в Молдове можно создавать качественные сайты!
Программа курса
Академические и
практические занятия
Figma
Среди множества современных инструментов UX/UI дизайнера, Figma занимает ведущие позиции. На сегодняшний день программа активно развивается и является достойным конкурентом лидера — Sketch. Более того, некоторые дизайнеры и дизайн-команды переходят со Sketch на Figma из-за ряда преимуществ. Мы решили остановиться на ней в целях обучения, поскольку программа бесплатна, подходит для Macos и Windows. К тому же изучив принцип работы в Figma вы легко сможете разобраться в аналогичных продуктах вроде Sketch или Adobe Xd.

Figma объединяет в себе возможности Sketch, Invision, Zeplin, позволяет проектировать, разрабатывать дизайн и создавать прототипы в одном месте. При этом обладает высокой производительностью и работает быстрее над большими, сложными проектами. Рабочие файлы сохраняются автоматически и хранятся на собственном облаке, заменяя необходимость Dropbox, Google Drive или аналогов. Это крайне удобно для презентации клиенту и никаких конфликтов с рабочими версиями файлов. Figma дает возможность коллаборации нескольким пользователям над одним проектом в реальном времени. Это здорово облегчает работу и ускоряет результат. Здесь есть удобный инструмент для работы с кривыми и отрисовки иконок. Можно посмотреть информацию для кода, вроде позиции, привязки, цвета и других параметров, необходимых разработчику.

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

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

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

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

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

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

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

Цель курса — изучение основ оформления текста для UX/UI дизайна, работа со шрифтом, а также знакомство с особенностями использования различных шрифтов и композиционных схем в зависимости от задачи проекта.
Tilda Publishing
Tilda представляет собой популярный конструктор сайтов. Он позволяет оперативно собирать готовые онлайн ресурсы под ключ, без знания кода, без верстальщиков и программистов. Это супер-удобно для малого и некоторого среднего бизнеса. В школе обучения Тильда является факультативным предметом, но для некоторых дизайн-студий умение работать с Тильдой является обязательным навыком. Студенты познакомятся с доступными компонентами, научаться работать с разделом Zero-block и анимацией.
Adobe Illustrator
Лучший инструмент от Adobe для работы с векторной графикой. Несколько лет тому назад некоторые дизайн-студии использовали исключительно его для работы над интерфейсами, в противовес популярному в то время Photoshop.

На сегодняшний день Illustrator популярен среди дизайнеров, которые занимаются разработкой иконок, иллюстраций, логотипов. В рамках курса мы не станем рассматривать всю сферу применения Illustrator'а, а затронем только иллюстрации и иконки. Вы познакомитесь с интерфейсом программы, которая во многом схожа с Photoshop. Научитесь работать с инструментами, кистями, перо, цветом, трансформацией и слоями. Вы узнаете как правильно создавать иконки для интерфейсов, какой следовать сетке и как экспортировать.
UX дизайн
Переводится с английского"userexperience" и означает опыт, который получает пользователь, взаимодействуя с интерфейсом. UX дизайнер проводит пользователя по определенным шагам к цели, из точка А в Б, начиная со знакомства с интерфейсом, заканчивая оформлением заказа, покупкой, отправкой заявки.

Цель курса научиться логической части работы дизайнера, включая определение задач, потребностей пользователей, проектирование вайрфреймов, тестирование прототипов и их дальнейшая передача на стадию UI дизайна.
UI дизайн
С английского"userinterface", означает интерфейс пользователя. UI дизайнер занимается визуальной частью на основании протестированного прототипа. Если UX отвечает за определение шагов, которые нужно пользователю предпринять для достижения цели, то UI — за то как эти шаги будут выглядеть. Сюда относится единство стиля, эстетика, эмоции, подбор оптимальных шрифтов, цветовой палитры, отрисовка кнопок, иллюстраций, иконок.

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

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

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

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

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

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

На данном предмете студент познакомиться с эффективным методиками тестирования и получит практический навык проверки своих идей на пользователе.
UX/UI дизайнер, специалист в области интерфейсов. Тьютор и научный руководитель московской высшей школы "Среды обучения".
Липчану Григорий
Преподаватели
UX/UI дизайнер специалист в области мобильных приложений. Работает в Ideaction.io
Метренюк Михаил
Васковец Владимир
Графический и UI дизайнер в FFW Agency.
Мацко Андрей
Арт-директор и UX/UI дизайнер студии Midsun. Более 15 лет опыта в разработке и управлении интернет-проектами.
Внуковский Дмитрий
Креативный директор брендингового агентства Cutline. Основатель школы дизайна D-Spirit.
возможность совмещать работу с обучением
доступ к профессиональной библиотеке
только практикующий преподавательский состав
кофе-брейки и общение
Готовы попробовать?
Будьте готовы пройти несложное тестовое задание.
Начало курса: Начало октября 2020
Запись на курс
Мы будем очень рады знакомству с вами, для этого заполните форму и отправьте ее нам.
Дата рождения
Языки общения