Adobe XD: Дызайн, прататып і сумеснае выкарыстанне рашэння UX / UI ад Adobe

Сёння я ўсталяваў Adobe XD, рашэнне UX / UI ад Adobe для прататыпавання вэб-сайтаў, вэб-прыкладанняў і мабільных прыкладанняў. Adobe XD дазваляе карыстальнікам пераключацца са статычных каркасаў на інтэрактыўныя прататыпы адным пстрычкай мышы. Вы можаце ўнесці змены ў свой дызайн і ўбачыць абнаўленне прататыпа аўтаматычна - сінхранізацыя не патрабуецца. І вы можаце прагледзець свае прататыпы ў камплекце з пераходамі на прыладах iOS і Android, а потым падзяліцца імі з камандай для хуткай зваротнай сувязі.

Adobe XD

Асаблівасці Adobe XD ўключаюць:

  • Інтэрактыўныя прататыпы - Пераключыцеся з дызайну ў рэжым прататыпа адным пстрычкай мышы і падключыце мастацкія вобласці, каб паведамляць пра паток і шляхі шматэкранных праграм. Злучыце элементы дызайну з адной мантажнай дошкі, уключаючы ячэйкі Repeat Grid. Дадайце ўзаемадзеянне з інтуітыўным візуальным кіраваннем, каб праверыць і пацвердзіць вопыт.
  • Апублікаваць прататыпы для зваротнай сувязі - Стварыце агульныя вэб-спасылкі, каб атрымаць зваротную сувязь з вашымі праектамі, альбо ўбудуйце іх у Behance альбо на вэб-старонку. Рэцэнзенты могуць каментаваць непасрэдна вашыя прататыпы і пэўныя часткі вашага дызайну. Вы атрымаеце апавяшчэнне, калі яны будуць каментаваць, і яны могуць проста абнавіць браўзэры, каб убачыць вашыя змены.
  • Хуткія, універсальныя мастацкія вобласці - Незалежна ад таго, працуеце вы з адной артбордам альбо сотняй, XD забяспечвае такую ​​ж хуткую прадукцыйнасць. Дызайн для розных экранаў і прылад. Панарамаваць і маштабаваць без затрымкі. Абярыце адзін з зададзеных памераў альбо вызначце ўласны, а таксама капіруйце паміж мастацкімі вобласцямі, не губляючы размяшчэння элементаў дызайну.
  • Паўтарыць сетку - Выберыце элементы ў сваім дызайне, напрыклад, спіс кантактаў ці фотагалерэю, і паўторыце іх па гарызанталі або вертыкалі столькі разоў, колькі хочаце - усе вашы стылі і інтэрвалы застануцца некранутымі. Абнавіце элемент адзін раз, і вашы змены будуць абнаўляцца паўсюдна.
  • Крос-платформавая падтрымка - Adobe XD падтрымлівае Windows 10 (універсальная платформа Windows) і Mac, а таксама мабільныя дадаткі для Android і iOS.
  • Панэль актываў - Зрабіце колеры і стылі сімвалаў лёгкадаступнымі для паўторнага выкарыстання, дадаўшы іх на панэль "Актывы" (раней - "Сімвалы"), якая аўтаматычна ўключае сімвалы. Адрэдагуйце любы колер ці стыль сімвала на панэлі, і змены будуць адлюстраваны ва ўсім вашым дакуменце.
  • Пераасэнсаваныя сімвалы - Зэканомце час з дапамогай сімвалаў, шматразовых элементаў дызайну, якія пазбаўляюць ад неабходнасці знаходзіць і рэдагаваць кожны асобнік аб'екта ў дакуменце. Абнавіце адзін, і яны будуць абнаўляцца ўсюды альбо адмяніць пэўныя асобнікі. Сімваламі могуць быць вектарная графіка, растравыя выявы альбо тэкставыя аб'екты, а таксама яны могуць быць выкарыстаны ў якасці аб'ектаў у паўторных сетках.
  • Creative Cloud Libraries - З інтэграцыяй Creative Cloud Libraries вы можаце атрымліваць доступ і ўжываць растравыя выявы, колеры і стылі персанажаў, створаныя ў Photoshop CC, Illustrator CC і іншых праграмах Creative Cloud, унутры XD і выкарыстоўваць іх паўсюдна ў дакументах.
  • Інспектар кантэкстнай уласнасці - Працуйце ў свабоднай прасторы дзякуючы кантэкстнаму інспектару ўласцівасцей, які адлюстроўвае толькі параметры выбраных вамі аб'ектаў. Змяняйце такія ўласцівасці, як колер і таўшчыня мяжы, колеры залівання, цені, размытасць, непразрыстасць і паварот, а таксама параметры доступу для выраўноўвання, памераў і паўтарэння сеткі.
  • Разумная навігацыя на палатне - Лёгка павялічце пэўную вобласць вашага дызайну альбо зрабіце выбар на мастацкай вобласці і скарыстайцеся цэтлікам, каб павялічыць яе прама. Панарамуйце альбо маштабуйце мышшу, сэнсарнай панэллю або спалучэннем клавіш. І атрымаеце выдатную прадукцыйнасць, нават калі ў вас сотні мастацкіх дошак.
  • Кантэкстныя пласты - Заставайцеся арганізаванымі і сканцэнтраванымі, кіруючы складанымі дызайнамі дзякуючы кантэкстнаму падыходу да слаёў. XD вылучае толькі пласты, звязаныя з мантажнай вобласцю, над якой вы працуеце, так што вы можаце хутка і лёгка знайсці тое, што вам трэба.
  • Інструменты кіраўніцтва па макеце - Плаўна малюйце, паўторна выкарыстоўвайце і рэміксуйце элементы дызайну, выкарыстоўваючы прывязаныя сеткі і іншыя інтуітыўна зразумелыя інструменты макета, якія дапамагаюць ствараць адносныя вымярэнні паміж аб'ектамі, маскіраваць фігурамі, групаваць, фіксаваць, выраўноўваць і размяркоўваць элементы дызайну і шмат іншага.
  • Эфекты размыцця - Хутка размыйце пэўны аб'ект ці ўвесь фон, каб змяніць фокусную кропку вашага дызайну, надаўшы яму глыбіню і памернасць.
  • Універсальныя лінейныя градыенты - Стварайце прыгожыя лінейныя градыенты, выкарыстоўваючы простыя, але дакладныя візуальныя элементы кіравання ў падборцы колераў. Вы таксама можаце імпартаваць градыенты з Photoshop CC і Illustrator CC.
  • Сучасны інструмент Pen - Малюйце формы і контуры лёгка пры дапамозе інструмента "Пяро". Выкарыстоўвайце ўласныя шляхі, дадавайце і выдаляйце апорныя кропкі, лёгка маніпулюйце лініямі і пераключайцеся паміж выгнутымі і вуглавымі шляхамі - усё адным інструментам.
  • Рэдагаванне лагічнай групы - Стварайце і эксперыментуйце са складанымі фігурамі, аб'ядноўваючы групы аб'ектаў, выкарыстоўваючы неразбуральныя лагічныя аператары.
  • Тыпаграфічны стыль - Стыль тэксту з дакладным кіраваннем для паляпшэння карыстацкага досведу. Лёгка наладзьце друкарскія элементы, такія як шрыфт, шрыфт, памер, выраўноўванне, інтэрвал паміж сімваламі і міжрадковы інтэрвал. Зменіце знешні выгляд тэксту такім жа чынам, як і іншыя элементы ў XD, такія як непразрыстасць, заліванне, эфект фону і размытасці і межы.
  • Аптымізаваны кантроль колеру - Падбярыце колеры, увёўшы дакладныя значэнні альбо зрабіўшы пробу знутры альбо звонку XD з дапамогай піпеткі. Стварайце і захоўвайце ўзоры колераў і выкарыстоўвайце цэтлікі для шаснаццатковых кодаў у падборцы колераў.
  • Рэсурсы карыстацкага інтэрфейсу - Хутка распрацуйце і зрабіце прататып для прылад Apple iOS, Google Material Design і Microsoft Windows, выкарыстоўваючы высакаякасныя кампаненты карыстацкага інтэрфейсу.
  • Скапіруйце і ўстаўце з іншых дызайнерскіх прыкладанняў - Дадайце ілюстрацыі ў XD ад Photoshop CC і Illustrator CC.
  • Папярэдні прагляд IOS і Android у кантэксце - Папярэдне праглядзіце свае дызайны і ўсе ўзаемадзеянні на рэальных прыладах, на якія вы арыентаваны. Унясіце змены на працоўным стале, а затым праверце іх на сваіх прыладах на дакладнасць і зручнасць.
  • Кропка доступу - Аўтаматычна вылучыце гарачыя кропкі ў вашым прататыпе, каб карыстальнікі маглі бачыць, якія вобласці інтэрактыўныя і на якія можна націснуць.
  • Кіраванне прататыпам - Стварыце некалькі URL-адрасоў з аднаго файла, каб дзяліцца рознымі версіямі вашага прататыпа. Падзяліцеся неабмежаванай колькасцю прататыпаў, а таксама лёгка атрымлівайце доступ да іх і выдаляйце іх з уліковага запісу Creative Cloud.
  • Запіс узаемадзеяння прататыпа ў выглядзе відэа - Пры праглядзе папярэдняга прагляду запішыце файл MP4, каб падзяліцца з камандай або зацікаўленымі бакамі (толькі для Mac).
  • Экспарт мастацкіх работ, актываў і мастацкіх дошак - Экспартуйце выявы і дызайны ў фарматах PNG і SVG, якія вы можаце наладзіць для iOS, Android, Інтэрнэту або ўласных налад. Экспарт цэлай мантажнай дошкі альбо асобных элементаў. І абагульвайце актывы і мастацкія вобласці, экспартуючы іх у выглядзе асобных файлаў PDF альбо ў выглядзе аднаго файла PDF.
  • Шматмоўная падтрымка - Падтрымліваюцца мовы: англійская, французская, нямецкая, японская і карэйская.
  • Паведамленні па каментарыях па электроннай пошце - Атрымлівайце апавяшчэнні па электроннай пошце, калі зацікаўленыя бакі каментуюць вашы вэб-прататыпы. Электронныя лісты можна адпраўляць паасобку альбо групаваць у штодзённым дайджэсце

Лепш за ўсё, Adobe XD пастаўляецца з маёй ліцэнзіяй на Adobe Creative Suite!

Раскрыццё інфармацыі: Мы з'яўляемся філіяламі кампаніі Adobe.

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.