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