13 svarīgi Adobe XD spraudņi

Autors: Randy Alexander
Radīšanas Datums: 28 Aprīlis 2021
Atjaunināšanas Datums: 16 Maijs 2024
Anonim
20 Most useful Plugins for Adobe XD -  Plugins you need in XD for UI Design
Video: 20 Most useful Plugins for Adobe XD - Plugins you need in XD for UI Design

Saturs

Kopš tika izlaists pirmais Adobe XD spraudņu vilnis, tie lietotājiem ir mainījuši spēli. Daudzi augsta līmeņa uzņēmumi, piemēram, Dribbble, Airtable un Stark, ieviesa savus rīkus un pakalpojumus tieši XD, tiklīdz tika paziņots par atvērto platformu, un tagad ir pieejami jauni lietotāja saskarņu komplekti un spraudņi no Trello, Google Cloud, UserTesting.com un pārpilnība citu spēcīgu dizaineru rīku.

Adobe ir laidis klajā spraudņus, kas nodrošina līdzekļu pārvaldību, automatizāciju, publicēšanu, pieejamības utilītus un lielāku sadarbību starp dizaineriem un izstrādātājiem un ieinteresētajām personām, ar kurām viņi strādā. Dizaineriem tas ir milzīgi, jo līdz šim viņiem daudz laika bija jāpavada turp un atpakaļ - importējot, saglabājot, eksportējot un augšupielādējot starp vairākām platformām savā darbplūsmā.

Paturot to prātā, mēs esam izvēlējušies labākos Adobe XD spraudņus, kas palīdzēs uzlabot jūsu darbplūsmu. Lai pabeigtu Adobe ceļojumu, varat arī apskatīt mūsu apkopojumus par labākajiem Photoshop spraudņiem, After Effects spraudņiem un Illustrator spraudņiem.


Ko patiesībā dara Adobe XD?

Bet varbūt jūs esat palaidis garām visas šīs Adobe XD spraudņu runas un domājat, ko patiesībā dara Adobe XD?

Adobe XD ir spēcīgs uz ekrāna balstīts dizaina rīks, kas ļauj dizaineriem izveidot, animēt, prototipēt un koplietot savus dizainus vienā lietojumprogrammā. Tas ir kļuvis plaši pieņemts, pateicoties nepārspējamajai veiktspējai gan Mac, gan Windows. Tas ir arī daļa no Creative Cloud, kas nozīmē, ka Adobe XD patiešām labi darbojas ar citiem Adobe produktiem, piemēram, Photoshop, Illustrator un After Effects, un pat var atvērt programmatūras konkurenta Sketch failus, saglabājot tā sākotnējos elementus.

Tātad, turpināsim pārbaudīt labākos pieejamos labākos Adobe XD spraudņus.

01. Izvelciet

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

UnDraw piedāvā pastāvīgi atjauninātu .svg ilustrāciju kolekciju, kas ir pilnībā pielāgojama un ko varat izmantot bez maksas un bez attiecinājuma pat komerciālos projektos. Vienkārši pārlūkojiet vai meklējiet, lai atrastu ilustrācijas, kuras vēlaties izmantot, mainiet krāsu, lai tā atbilstu jūsu paletei vai aktīvu krāsām, pēc tam lejupielādējiet un izmantojiet attēlu. Voila!


02. PhotoSplash 2

  • Cena: $19.99
  • Lejupielādējiet šeit

Atzīmēts kā “Adobe XD + UnSplash”, izstrādātājs lepojas, ka šo spraudni ir izstrādājuši dizaineri dizaineriem. Izmantojot bezmaksas UnSplash kontu, jūs varat importēt fotoattēlus tieši savos dizainos, un ērti lietojami navigācijas un meklēšanas rīki ir prieks izmantot. Mēs domājam, ka nevienam XD lietotājam nevajadzētu būt bez šī.

03. Mockplus iDoc

  • Cena: No bezmaksas
  • Lejupielādējiet šeit

Mockplus iDoc ir viss vienā produkta dizaina platforma, kas palīdzēs izveidot vairāk sasaistītu darbplūsmu komandās. Jūs varat importēt savus dizaina failus no XD tieši Mockplus iDoc, lai jūs varētu redzēt visus savus projektus, dizaina uzdevumus un darbplūsmu storyboard. Spraudnis ļaus jums izveidot funkcionālus prototipus ar komponentiem, mijiedarbību un ikonām. Jūs varēsiet arī izveidot mērogojamas projektēšanas sistēmas, lai palīdzētu konsekvenci visā projektā (lai uzzinātu vairāk par to, skatiet mūsu ceļvedi par veiksmīgu projektēšanas sistēmu izveidi).


04. UI sejas

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Atrast cilvēku fotoattēlus, kurus izmantot maketiem, var būt laikietilpīgi. Lietotne UI Faces apkopo viņu iemiesojuma lietotāju iesniegtās fotogrāfijas un marķē tās ar atribūtiem, kas saistīti ar vecumu, dzimumu, emocijām un matu krāsu, lai pēc iespējas ātrāk un ērtāk atrastu pareizo seju. Šis Adobe XD spraudnis ļauj dizaineriem atlasīt parametrus ap šiem atribūtiem un ar vienu klikšķi aizpildīt jebkuru izvēlēto formu ar sejām.

05. Color Ranger Pro 2

  • Cena: $21.99
  • Lejupielādējiet šeit

Color Ranger Pro 2 (iepriekš Color Ranger) ļauj dizaineriem viegli uzlabot krāsas dizainā. Jaunās versijas virsraksti ir tumsas vai gaišā režīmā, lai izveidotu jaunu sava dizaina versiju. Bet, tāpat kā iepriekš, jūs varat arī pielāgot atsevišķu elementu vai visu mākslas paneļu spilgtumu, piesātinājumu, nokrāsu, krāsu dziļumu vai necaurredzamību, neveicot katra Photoshop elementa rediģēšanu. Color Ranger ļauj arī saglabāt un pārvaldīt sākotnējos iestatījumus, kas nozīmē, ka ar vienu klikšķi var izveidot tēmas vai rediģēt lietotāja saskarnes komplektus. Tagad jūs varat veikt izmaiņas tiešsaistē, un jaunā, uzlabotā versija ir divas reizes ātrāka.

Lai uzzinātu vairāk par krāsu dizainu, skatiet mūsu ziņu par krāsu teoriju.

06. Starks

  • Cena: No bezmaksas
  • Lejupielādējiet šeit

Dizaineru un uzņēmumu, ar kuriem viņi strādā, galvenā uzmanība tiek pievērsta tam, lai dizainparaugi būtu pieejami visiem. Stark, kas aprakstīts kā integrētu pieejamības atbilstības rīku komplekts programmatūras komandām, palīdzēs jums izstrādāt un veidot pieejamus, ētiskus un iekļaujošus produktus. Stark ir iespējojis pārbaudīt kontrastu un simulēt krāsu akluma formas tieši Adobe XD. Ir pagājuši laiki, kad vajadzēja palaist atsevišķu lietojumprogrammu, lai simulētu un priekšskatītu krāsu aklumu, kā arī pavadīja daudzas stundas, kopējot un ielīmējot sešstūra kodus, lai pārbaudītu veida kontrastu un salasāmību.

07. Pārdēvējiet to

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Mēs visi esam pavadījuši vairāk laika, nekā mēs gribētu atzīt slāņu un mākslas dēļu organizēšanu un pārdēvēšanu. Pārdēvēt Tas ļauj secīgi pārdēvēt visus slāņus augošā vai dilstošā secībā, kā arī mainīt slāņa nosaukuma reģistru mazāk laika, nekā pārdēvēt tikai dažus slāņus. Tas pat ļauj atrast un aizstāt vārdus vai rakstzīmes ar vienkāršiem īsinājumtaustiņiem.

08. Mainīt lietu

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Change Case ir patiešām vienkāršs, bet spēcīgs spraudnis, kas lietotājiem ļauj mainīt teksta lielo burtu lietošanu XD. Tas šķiet tik vienkārši, taču tas ietaupa tik daudz negaidīta laika, kad tas jums nepieciešams.

09. Google izklājlapas

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Tipa ievadīšanai un izlikšanai ir jābūt vienam no visvairāk biedējošajiem uzdevumiem dizaineriem, kā rezultātā vieni vai tie paši elementi tiek kopēti un ielīmēti vairākas reizes, vai visā dizainā tiek izmantots lorem ipsum. Diemžēl lorem ipsum nepārbauda labi, un tas bieži noved pie traucējošiem faktoriem vai lietotājiem, lietojamības testēšanas laikā pievēršot uzmanību nepareizai lietai. Šis Google izklājlapu spraudnis ļauj importēt faktisko kopiju savā Adobe XD dokumentā no Google izklājlapu dokumenta. Pat ja Google izklājlapu dokumenta saturs mainās, jūs joprojām varat atsvaidzināt dokumenta kopiju, lai pilnībā sadarbotos ar copywriting komandu.

10. Trello

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Trello ir produktivitātes platforma, kas ļauj personām vai komandām organizēt, noteikt prioritātes un vienmērīgi sadarboties ar uzdevumiem. Izmantojot Trello spraudni, dizaineri var bez piepūles nosūtīt savus XD aktīvus Trello, ļaujot viņiem koplietot mākslas plāksnes ar komandu, neatstājot Adobe XD.

11. Leņķis

  • Cena: No bezmaksas
  • Lejupielādējiet šeit

Šad un tad dizainerim ir jāpiedalās savā darbā prezentācijas ietvaros. Vienkārši nometot statiskos ekrānos, dizains nav taisnīgs. Ikviens ir iepazinies ar šo darbplūsmu: Photoshop atveriet ierīces maketu un eksportējiet dizainu Photoshop, lai uz ekrāna nomestu ierīci. Angle ļauj jums darīt to pašu, neatstājot Adobe XD. Ar simtiem ierīču, no kurām izvēlēties, vairākos leņķos, ir nepieciešams daudz mazāk laika, lai ievietotu kaut ko vairāk slīpētu šajā prezentācijā vai augšupielādētu kadru uz Dribbble.

12. Icondrop

  • Cena: No bezmaksas
  • Lejupielādējiet šeit

Icondrop padara dizaineriem pieejamus miljoniem dizaina resursu ar vienu klikšķi - ļaujot piekļūt ikonām, ilustrācijām un fonda fotoattēliem, neatstājot Adobe XD. Izmantojot vienkāršu meklēšanas funkciju un ērtu piekļuvi iepriekšējām lejupielādēm, tas kļūs par vienu no pārejas spraudņiem, veidojot maketus lidojuma laikā.

13. Tīmekļa eksportēšana

  • Cena: Bezmaksas
  • Lejupielādējiet šeit

Dizaineriem, kuri nepārzina kodēšanu, Adobe XD piedāvā lielisku veidu, kā kopīgot failus un noformējuma specifikācijas ar izstrādātājiem, lai ļautu viņiem redzēt dokumenta elementu galvenos atribūtus. Tomēr tiem dizaineriem, kuri strādā pie personīga projekta un kuriem nav piekļuves izstrādātājiem, Web Export varētu būt jūsu jaunākais labākais draugs. Šis spraudnis ļauj eksportēt HTML un CSS no jūsu XD failiem, vienlaikus piedāvājot ligzdotus izkārtojumus, centrētus ierobežojumus un iespēju pievienot papildu stilus, atribūtus un marķējumus.

Mēs Rekomendējam
18 tēlaini tīmekļa komiksi, kas jūs iedvesmo
Tālāk

18 tēlaini tīmekļa komiksi, kas jūs iedvesmo

Tīmekļa komik i ir ļoti izklaidējoši, un iztēle un radošum darbā bieži ir iedve mojoš . Viegla pieejamība mobilajā ierīcē nozīmē, ka jū varat to la īt neatkarīgi no atrašanā vieta , tāpēc tie ir lieli...
Tīmekļa nozare: Google var saglabāt Keep
Tālāk

Tīmekļa nozare: Google var saglabāt Keep

Tā kā Google Reader līķi joprojām ir ilt un nozare ek perti ūdza , kā Google ar avu bezmak a modeli agrāva R eko i tēmu, vē ture varētu drīz atkārtotie ; Google ir paziņoji par Google Keep.Katherine K...
Kā uzzīmēt gotisku raksturu
Tālāk

Kā uzzīmēt gotisku raksturu

Šai darbnīcai e veidoju ilu trāciju, kura pamatā ir brāļu Grimmu pa aka Thou andfur . Vien no tā ta galvenajiem elementiem ir apmetni , ka izgatavot no dažāda veida kažokādām un palvām. Kad e pirmo re...