September 12, 2020

20 grunde til at bruge Adobe Xd i stedet for Photoshop til at designe websteder

Efter at have skiftet for nylig fra Photoshop til XD, har denne artikel til formål at dele grundene til at skifte til dig. Forfatteren af ​​artiklen arbejder på en digitalt bureau i nærheden af ​​Brighton, UK.

1. Hurtig og letvægts

Hvorfor indlæse fuld fotoredigeringssoftware, medmindre du har brug for det? XD er hurtig og let. Det indlæses hurtigt, og du kan arbejde på flere sider / designs på samme tid uden brug af monsterhardware og masser af tid til at behandle store mængder grafiske data

2. Indbygget netsystem, perfekt til websteder 

Uanset hvilken enhed du vælger til dine tegnebrætter, har XD allerede et 12 col gitter, du kan tænde / slukke med et klik på en knap. Hvad mere er, det klikker på kolonnerne og viser dig afstanden mellem elementerne, når du flytter dem, så det er hurtigt og nemt at justere tingene perfekt.

https://lh3.googlecontent.com/UOtS0I09QrF0kXQ7Z5LOjdTPl7f7GnCNlfTJPrqJVWaW6mHmV2QMXSSkm919YRAlqx3Rkk8aeutklpH5SuwYLHpN9OAQDmrFGMfWQEI_dF3Qhcl5rvK3Joxx5MwZmTuHXs4xrOzu

3. Prototyping

Forbind design sammen for at vise brugerens rejse. Fjerner gætterier fra, hvordan tingene skal fungere. Så forestil dig at du arbejder med en klient, og du vil vise brugerens rejse fra landing på hjemmesiden til visning af et produkt eller en tjeneste og derefter forespørgsel. Du kan gøre dette ved at tilføje links mellem sider. Det er så tæt som du kan komme, indtil webstedet faktisk er bygget.

4. Lettere samarbejde om projekter

Del aktiver med udviklere - XD giver vores udviklere mulighed for hurtigt at kontrollere de anvendte skrifttyper, kopiere tekst med et enkelt klik og e billeder og aktiver.

5. Det er et vektorbaseret system

Med fremkomsten af ​​højopløselige skærme har nettet ændret sig fra at være et lavopløsningsrasterbaseret miljø til et vektorbaseret højopløsningsmiljø. XD løser dette ved at opmuntre dig til at arbejde med vektorbaseret grafik og knapper. Du kan nemt eksportere aktiver uden opløsningsbegrænsninger, som SVG-filer, der er klar til din hjemmeside. Dine billeder er krystalklare, fordi al tekst forbliver som faktisk tekst og vektorgrafik og ikoner forbliver skarpe i enhver størrelse. I denne sammenhæng kan du tage hjælp fra eksperter som "Accessibility Spark", som professionelt kan hjælpe med at kontrollere kontrasten på billeder og skærme gennem en indbygget kontrastkontrol værktøj, der nemt kan integreres. Denne virksomhed er specialist i at bygge ADA-kompatible WordPress-websteder med de bedste plugins, værktøjer og apps i klassen for en bedre UI/UX-oplevelse. Du behøver ikke at genskabe grafik til højopløsningsskærme eller have enorme Photoshop-filer i X2-størrelse.

6. Opdater dine kunder, nemmere og hurtigere end før

Cloud storage betyder, at det næsten ikke tager tid at dele dit design med din klient. Foretag dine ændringer, og klik på "opdater link". Du behøver ikke at gemme PSD'en som en jpg og levere jpg'en på en eller anden måde, XD giver dig linket til designet, så din klient let kan gennemgå det ved hjælp af deres browser.

7. XD understøtter andre Adobe-produkter

XD er ikke software til grafisk design, men det gør det nemt at arbejde med forskellige medier fra forskellige kilder. Du kan stadig redigere og oprette fantastisk grafik i Photoshop og ikoner fra Illustrator og indsætte dem direkte i XD.

9. Mål nemt alt

XD fortæller dig konstant afstanden mellem elementer, så det tager meget lidt tid at lægge tingene nøjagtigt ud. I et sæt af lignende elementer gætter det intelligent, at det aktuelle element, du placerer, skal have samme afstand og viser dig på skærmen, når du flytter det. Det er så meget hurtigere og lettere end i Photoshop, hvor du fysisk måler og indstiller guider osv.

10. Wireframe i XD, og ​​udvikl derefter nemt dine wireframes til det endelige design

Forestil dig, om din designsoftware også var din wireframing-software? Hvor hurtigt ville det være at gå fra wireframes til designs? Det er her XD giver enorme tidsbesparelser i forhold til Photoshop. XD er perfekt til wireframing og design af websteder.

https://lh5.googlecontent.com/DBrXojjrE81oFH6z4kHQms9nrplLXkZ05RFk3iU-1_Y1xgKdC0doJuEwkqWbbPJPCF8QqVvJu3720iLHZMea6SHDSl0jvzqygWly51RIcz9NO_KTcSC3GLHBmmfJ4OcYYNfJqsC1

11. Vis let responsivt design på forskellige enheder

XD tilbyder dig en række tegnebrætter fra desktop til individuelle telefonmodeller. Du kan vise forskellige tegnebrætter i et projekt, så din klient nemt kan skifte mellem desktop-visning, tablet og telefon. Fordi de er i et projekt, kan du kopiere og indsætte elementer mellem tegnebrætter og nemt forfine og forenkle dine designs til telefoner og tablets. Hele processen er utrolig let sammenlignet med Photoshop, som ikke er designet til web- eller softwaredesign.

12. Spar tid med genanvendelige komponenter 

Opret komponenter til knapper, ikoner, endda hele din header. Så hvis du har brug for at opdatere dem, skal du gøre det en gang, og XD vil afspejle ændringerne overalt.

Tænk på en komponent som en gruppe af elementer, men det er som en CSS-regel. Du opdaterer det en gang, og det ændres overalt. Forestil dig nu et projekt med tyve eller flere sider, og du vil ændre noget i overskriften? Wow, XD er fantastisk til dette!

13. Plugins

XD har en række nyttige plugins, du kan tilføje til det fra datavisualisering, HTML-prototyping og eksport og integrationer med Flutter og Jira.

Editors Choice inden for XD er et godt sted at komme i gang med XDs forskellige plugins.

14. Skylagring

Photoshop-filer kan være store og skal gemmes lokalt. XD bruger cloud storage og leveres gratis med generøs lagertildeling. Dette betyder, at du er mindre afhængig af din egen lagerplads. Potentielt vil dette spare dig for omkostningerne ved at skulle opgradere din kontorserver eller harddisk, og det fjerner bekymringen for at skulle sikkerhedskopiere tingene hele tiden.

15. Livevisning 

Denne XD-funktion giver dig mulighed for at se og redigere direkte på din enhed. Dette giver dig virkelig den nøjagtige gengivelse af, hvordan det vil se ud på denne enhed, som hjælper dig med at få proportionerne rigtige.

16. Stor understøttelse af video

Ved hjælp af Anima-pluginet kan XD faktisk integrere videoer direkte i dine designs.  Denne video forklarer pænt, hvordan man gør dette i XD.

17. Få uden brug af anden software

Der er forskellige delingsindstillinger tilgængelige i XD. De spænder fra "præsentation", der simpelthen viser designet på skærmen til "Udvikling" for deling af aktiver og tekst til "Design Review". Design Review giver dig mulighed for at indsamle kommentarer via en post / svar stil sektion på højre side, som holder tingene i kontekst og ofte er bedre end at bruge e-mail eller anden software.
https://lh4.googlecontent.com/DMI8MTlv6cdAbqtBXZJ1jSYSCDJTQqHPWVhQflQyOMzAsowFPute1uqQBVawNEeo3G8GwRxz2PxG0qYOv3C3yUyGDZXhYae247y7ND6XKJMPWkQd7Z93VsDCc5TEUVyLvpNhU0KQ

18. Flere tegnebrætter i en projektfil

Dette tilskynder til organisering, konsistens og er bare rart at arbejde med!

19. Det er banebrydende 

Tillykke, du bruger avanceret software, der konstant udvikler sig! Uanset om du arbejder for et Digital Agency, som freelance webdesigner eller softwarehus, er XD ideel, og din oplevelse af det er værdifuldt i dit job.

20. Lær gratis 

Du kan begynde at bruge XD i dag ved at e det her:  https://creativecloud.adobe.com/apps//xd?promoid=B8NR3RT1&mv=other

 

Softwares

Om forfatteren 

Peter Hatch


{"email": "E-mail-adresse ugyldig", "url": "Webstedsadresse ugyldig", "required": "Påkrævet felt mangler"}