Войти
 
×

Все Курсы


Отобразить пароль    Забыли пароль?

Войти

для тех, кто ищет курсы:

Уроки по Adobe XD для начинающих: бесплатные видео для обучения

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

Все Курсы Онлайн нашли лучшие бесплатные уроки по XD для изучения программы с нуля. 


Вводный обзор 



Experience Design предназначен для веб-дизайнеров и доступен для Windows и Mac OS. Видеообзор будет интересен тем, кто только столкнулся с программой и начинает ее тестировать. Интерфейс состоит из панели инструментов и их настроек. При выборе инструмента с правой стороны открывается панель свойств, где задаются нужные параметры. Программа снабжена вводным обучением, пройдя которое пользователи могут познакомиться с ее основами. Начальное окно позволяет выбрать размер проекта для мобильных телефонов, планшетов, компьютера и пользовательский размер. В отличие от Photoshop, нет большого количества инструментов, но их достаточно для разработки веб-сайта. Работа с растровой графикой или 3D моделированием в программе не предусмотрена. В рабочем пространстве размещается необходимое количество артбордов. 
 

Функционал



Видео представляет подробный обзор функционала и особенностей Adobe XD, а также преимуществ перед другими продуктами, предназначенными для создания приложений и веб-страниц. Открыв программу, сразу попадаете в интерфейс, где собраны все инструменты. Панель слоев и символов позволяет работать со слоями артбордов. В разделе Design компонуется постраничный проект, а в разделе Prototype создается прототип. Занятные штучки внедрены для удобства пользователя: подсказки расстояния, сетки (объекты липнут к сетке, становятся ровно по вертикальным и горизонтальным линиям), артборды (скроллинг), символы (сохранение необходимого объекта для последующего использования), прототипы (черновой вариант тестирования системы), Live Preview (просмотр проекта через смартфон), Repeat Grid (дублирование элементов). Удобно реализована функция маскировки объектов.
 


Проектирование сайта 



До появления Experience Design сайты компоновались в Photoshop, Illustrator или Sketch. В 2016 году на рынке появился новый продукт, который занял лидирующее место среди программ, используемых для верстки в веб-дизайне. Мастер-класс по компоновке макета сайта с нуля поможет понять ее принципы и способы использования инструментов. Простой и современный дизайн можно легко повторить, даже если не занимались этим раньше профессионально. Весь процесс объясняется шаг за шагом (отрисовка сетки, основных элементов, кнопок, добавление картинок и текста).


Проект приложения



При запуске Adobe XD на приветственном экране есть несколько шаблонов со стандартными размерами для разных устройств. Соответствующий размер предусмотрен и для приложений iOS и Android. Видеоурок на примере разработки оформления приложения познакомит зрителей с интерфейсом, инструментами, плюсами и минусами программы, новинками, которые разработчики внедрили в нее. Будут показаны этапы и особенности создания интерфейса типа «мессенджер». Состоит он из нескольких экранов: начальный с функцией введения логина, пароля и список с контактами. В программе реализована новая функция создания динамического прототипа (т.е. возможность увидеть все переходы по страницам и по кнопкам). Видео состоит из 2-х частей: 1-я часть —экран приветствия, 2-я — экран с контактами.
 


Дизайн интернет-магазина



Вебинар будет полезен тем, кто связан с веб-дизайном, в частности с разработкой сайтов и приложений. Авторы расскажут о существующих программах (Photoshop, Sketch) существенно облегчающих работу веб-дизайнера. В рамках вебинара будет акцентировано внимание на работе в Adobe XD. Он разрабатывался для конструирования макетов. Поэтапные действия показаны на примере интернет-магазина. Обратите внимание, что все сложные графические элементы должны быть подготовлены заранее. По ходу трансляции авторы дают много советов, которые будут полезны как начинающим, так и разработчикам с опытом.


Разработка мессенджера



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

Дизайн главного экрана



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


Оформление лендинг пейдж



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

Легкий дизайн для новичков



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


Проект для смартфона



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

23 мая 2019
Оставить комментарий