UX/UI Design

Среди множества современных инструментов 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 представляет собой популярный конструктор сайтов. Он позволяет оперативно собирать готовые онлайн ресурсы под ключ, без знания кода, без верстальщиков и программистов. Это супер-удобно для малого и некоторого среднего бизнеса. В школе обучения Тильда является факультативным предметом, но для некоторых дизайн-студий умение работать с Тильдой является обязательным навыком. Студенты познакомятся с доступными компонентами, научаться работать с разделом Zero-block и анимацией.

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

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

Переводится с английского"userexperience" и означает опыт, который получает пользователь, взаимодействуя с интерфейсом. UX дизайнер проводит пользователя по определенным шагам к цели, из точка А в Б, начиная со знакомства с интерфейсом, заканчивая оформлением заказа, покупкой, отправкой заявки.

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

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

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

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

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

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

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

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

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

Цель курса научить слаженной работе в команде с верстальщиком с помощью инструмента Zeplin.

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

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