Adobe XD — лучшая программа для верстки и создания интерфейсов

Автор Elena Batratskaya
Adobe XD — лучшая программа для верстки и создания интерфейсов

Всем привет.

Вы на канале. Бронислав с вами перевозок в этом видео хочу с вами поговорить об одной очень интересной программе которая называется Adobe XD данные программа как вы поняли от адобо и насос для разработки интерфейсов мобильных приложений и веб сайтов очень крутая программа мне удалось уже с ней поработать и я скажу вам, что я сначала был очень расстроен скептически потому когда я увидел, что местных дизайн в 3D формате. Сначала не понял, что — это за формат и подумал, что — это очередная как — это программа для дизайнеров которой они рисуют дизайн в принципе сейчас очень много.

Ну когда я с ним работал я был впечатлён.

И мне очень понравилось сейчас давайте я вам покажу. Какие основные фишки данные программы и поделюсь своими впечатлениями как я уже говорила только работал над одним проектом и я пока ещё не полностью изучил интерфейса программы, но уже то, что я понял они мне нравится на сайте адобо вот по такой ссылочки я оставлю в описании. Вы можете скачать данную программу и оно абсолютно бесплатно, что очень не похожи для адоба обычно. Дубровский продукты в Photoshop там After Effects так далее иллюстратор они все платные, но данная программа бесплатные. Вы можете рисовать мне дизайн интерфейсов. Вы можете также использовать для верстки форматы для данной программы — это и кто из вас будет камерном лендинг. XD, а также данная программа поддерживает и psd формат открывает PDF файлы, но бывают разные неточности если например у вас дизайн в. Старой который нарисован в старом. Фотошопе не все фишки там поддерживаются в. Я думаю если нарисован дизайном Photoshop — это возможно там всё. О'кей Но я замечал я экспериментировал psd файл в программе и там были некоторые неточности. Ну — это опустят давайте мы с вами поговорим о данной программе скачать. Вы можете здесь на официальном сайте абсолютно бесплатно устанавливайте её и давайте мы с вами разберем её интерфейс, что ещё очень-очень быстро загружается на лёгкое то есть. Давайте я вам покажу запущу Adobe XD и мы видим настолько быстро загружаются ты нажала мы видим она уже запустилась то есть не было никакой в принципе загрузки было какая большая задержка там пару секунд. Но она очень быстро работает и давайте я сейчас открою дизайн сайта и мы видим так только я нажал на дизайн сайта мы его очень быстро открыли и. Дана программа очень быстро работает как я уже говорила — это очень классно вот в принципе такое интерфейс. Поначалу как бы непривычно. Если вы работали только зашёл. Но со временем. Если вы там часик потыкайте какой-нибудь дизайн то вы поймёте как с ним работать OK. Давайте разберем общаетесь всё устроено, а также для того чтобы. Вы могли разбирать как здесь работает я нашёл сайт который называется фигура и. Здесь вы можете найти разные шаблоны сайтов скачать бесплатно и открыть в этой программе и попробовать что-нибудь здесь потыкать давайте рассмотрим интерфейс вот я открыл сайт. И если мы сжимаем Alt в. Фотошопе крутим крутим колесико мышки то мы делаем. Зум нашего дизайна также если мы например зажимаем пробел у нас появляется такая руками мой можем его передвигать нужно нам позицию то есть очень удобно сделано. Вы можете быстро при помощи клавиатуры и мышки передвигаться по вашему макету смотреть то, что вам нужно рисовать вертолёт, что угодно, а если мы нажимаем примерно у нас здесь права в колонке появляется все его свойства то есть мы видим. А какой шрифт используется размер шрифта. Чистильщик так далее. Также Например если нужно на какую кнопку. Мы видим border-radius здесь указан 21 пиксели мы видим также цвет заливки мы нажимаем здесь мы можем его скопировать и пользоваться прививки также очень. Крутая фишка — это отступы. То есть как в. Фотошопе измеряли массу потом приходится как-то изощряться все эти все делают по-разному, но я обычно брал выделение примерно классы выделял остров смотрел сделано очень круто. Мы зажигаем с вами Alt нажимаем на какой-нибудь элемент зажимает он показывает нам отступать как мы видим в пикселях от документа если мы наводим на другой элемент мы видим уже отступ этого элемента до этого элемента мы видим 135 пикселей то есть очень удобно мы наводим на любой элементы мы видим выступ элементы которые мы выделили до этого элемента очень. Крутая фишка и — это очень здорово здесь очень — это продумано очень удобно так также слева мы здесь видим все слои. То есть как в. Фотошопе Photoshop надо было справа внизу здесь же всё — это слева находится то есть мы можем перемещаться по слоям тыкать по ним и так далее. Здесь всё — это тоже по слоям по группам как в. Фотошопе как мы привыкли мы можем также скрывать показывать какие-то элементы вашего дизайна и так далее то здесь в принципе очень похоже на Photoshop. А давайте мы с. Вами рассмотрим такой интересный момент как экспорт графики например. Фотошопе мне очень нравятся экспорт графики там да там можно экспортировать картинки тоже отдел пнг в джипег. Ну там с деньгами не очень нравится как он экспортирует вот, а здесь же сделаю очень прикольно и мы можем например выделить какой-то элемент дизайна нажал нажать правой кнопкой мыши и здесь есть отметить для экспорта то есть мы можем отмечать отдельные элементы для экспорта.

0 комментариев
0

Читайте также