Advertentie
U associeert Adobe niet vaak met 'gratis' downloads, maar dat is precies wat dat bedrijf heeft gedaan Adobe XD. Het is een snelle prototyping-app voor mobiele apparaten en websites, waarmee ontwerpers snel ontwerpen voor specifieke platforms kunnen bedenken.
Het beste van Adobe XD is hoe gemakkelijk het te gebruiken is. Zelfs als je weinig ervaring hebt met het ontwerpen van iets, is er slechts een zeer geleidelijke leercurve om je tegen te houden.
Zelfs de gebruikersinterface is verfrissend strak, zonder alle tools en panelen die zoveel mensen afschrikken apps zoals Photoshop, Illustrator en Lightroom 15 gratis alternatieven voor Adobe Lightroom, Illustrator en PhotoshopWilt u gratis Adobe Photoshop, Lightroom of Illustrator downloaden? Hier zijn enkele van de beste Creative Cloud-alternatieven. Lees verder . In dit artikel laten we u kennismaken met Adobe XD en leggen we uit wat u wel en niet kunt doen.
Wat is Adobe XD?
Adobe XD is een ontwerptool. Het zal uw app niet voor u bouwen, maar het zal u helpen een visie of een prototype te presenteren voor hoe u wilt dat uw volgende mobiele of tablet-app, website of andere gebruikersinterface eruitziet. De app maakt gebruik van kunstborden - in wezen schermmodellen - om een visuele weergave van uw app-ontwerp te bieden.
Mobiele apps maken Maak uw eerste mobiele app met deze cursuspakketten met kortingHeb jij het in je om de volgende grote iOS- of Android-app te ontwikkelen? In deze cursusbundels met hoge kortingen leer je hoe het moet! Lees verder en websites die werken, kunnen veel technische knowhow vergen. Adobe XD biedt je de tools om een idee om te zetten in een proof of concept. Als je klaar bent, heb je een blauwdruk om vanaf te werken, en een die je eindeloos kunt aanpassen totdat je tevreden bent met het ontwerp.
Op dezelfde manier dat concept art zo belangrijk is bij creatieve inspanningen (zie dit prachtige videogame concept art Waar vind je mooie videogames Concept Art onlineWil je een aantal van de prachtige concept art zien achter je favoriete games? Hier zijn de bronnen voor videogamekunst die tot je beschikking staan! Lees verder als bewijs), is een proof of concept voor uw gewenste interfaceontwerp belangrijk als het gaat om het bouwen van software en websites. Programmeurs een concept bieden dat zo dicht bij het eindproduct past, is een geweldige manier om uw verwachtingen af te stemmen op wat mogelijk is.
Het beste van alles is dat de app zo is ontworpen dat iedereen hem kan gebruiken. Of je nu een doorgewinterde ontwerper, een programmeur of iemand bent die beide vaardigheden mist; Adobe XD kan de kloof overbruggen tussen uw visie en technische kennis. Je hoeft het niet eens te doen leren coderen Leer coderen door bestaande apps gratis te remixenOp deze site kunt u apps maken of remixen, zodat u creatief kunt zijn zonder bang te hoeven zijn iets te breken. Lees verder om een app te ontwerpen.
Wat kan Adobe XD doen?
Adobe XD is ontworpen met een paar specifieke applicaties in gedachten, maar je kunt ook out of the box denken. De app maakt het u gemakkelijk door sjablonen op te nemen voor:
- Smartphone-apps: Van iPhone 5 en SE tot en met de allernieuwste modellen; en ook een generieke Android-sjabloon.
- Tablet-apps: Met sjablonen voor iPad, beide formaten iPad Pro, Surface Pro 3 en 4 en een generieke Android-tabletsjabloon.
- Websites / web-apps: Met een paar presets om uit te kiezen, inclusief Full HD.
U hoeft zich niet aan deze sjablonen te houden, ze zijn er alleen om uw leven gemakkelijker te maken. Je kunt ook een volledig aangepaste interface (dat wil zeggen scherm) specificeren en beginnen met ontwerpen voor zowat elk platform dat je maar kunt bedenken.
Als u een mobiele app ontwerpt, kunt u de gratis Adobe XD-app voor uw platform downloaden en uw ontwerpen exporteren voor een live preview op uw apparaat.
UI-kits maken het leven nog eenvoudiger
Als je denkt ontwerpen voor iOS 7 redenen waarom de snelle programmeertaal de moeite waard is om te lerenJe zou de programmeertaal Swift eerder in plaats van later moeten leren als je niet achter wilt blijven. Hier zijn enkele uitstekende redenen die u kunnen overtuigen. Lees verder , Android, Windows of een ander gerenommeerd platform; u kunt UI-kits gebruiken om een helpende hand te krijgen. Dit zijn in wezen projectsjablonen die worden onderhouden door Apple, Google, Microsoft en anderen, die kunnen worden gedownload in het .XD-bestandsformaat van Adobe.
Met UI-kits kunt u de productie versnellen, zodat u uw app kunt ontwerpen binnen de beperkingen en gemeenschappelijke elementen die te zien zijn in uw favoriete platform. Omdat ze worden onderhouden door de platformontwikkelaars, zijn ze over het algemeen altijd up-to-date en grondig.
De iOS UI-kit van Apple bevat bijvoorbeeld lege schermafmetingen voor een reeks apparaten, voorbeelden van de iOS-toetsenbord, navigatie-elementen zoals het lint bovenaan het scherm, de iOS-schakelknoppen en meer. U kunt eenvoudig elementen kopiëren en plakken in uw ontwerp-tekengebieden en nauwkeurige prototypes maken.
Adobe onderhoudt ook een paar andere UI-kits, waaronder watchOS-compatibele smartwatch-voorbeelden, een e-commerce website-kit en een aantal voorbeelden voor het maken van smartphone-apps voor digitale valuta Top 10 Bitcoin- en Cryptocurrency-apps voor iPhoneHet is nu gemakkelijker dan ooit om Bitcoin te kopen, om te zetten naar altcoins en zelfs te investeren in ICO's, allemaal vanaf je telefoon met apps voor cryptocurrency. Lees verder . Je moet de juiste downloaden UI-kits voor iOS, Materiaalontwerp van Google en Microsoft Windows afzonderlijk.
Een eenvoudige set ingebouwde tools
In tegenstelling tot Adobe's andere complexe grafische en ontwerp-apps, heeft XD een mooie, schone gebruikersinterface met slechts een paar eenvoudige tools. Je hebt je basisvormen: rechthoeken, cirkels, lijnen en een pengereedschap voor het maken van aangepaste vormen. Er is ook een eenvoudige teksttool, met toegang tot de Typekit-lettertypebibliotheek (maar niet alles).
Vervolgens kunt u verschillende kenmerken met betrekking tot deze elementen wijzigen, zoals dekking, vulkleur, randen, schaduwen en scrollgedrag. Eindelijk is er een vergrootglas en een tekengebiedtool om uw ontwerp uit te breiden.
Adobe XD helpt je om elementen op esthetisch aangename plaatsen te plaatsen door op hun plaats te "klikken" rond de randen van het scherm, het middelpunt van het canvas en andere elementen. Je kunt dit overschrijven als je wilt door een knop ingedrukt te houden (op de Mac-versie is dat zo Cmd).
Langs de bovenrand van de app zie je twee schakelaars: Ontwerp en Voorlopig ontwerp. Bij ontwerp besteed je de meeste tijd aan het creëren van je visie. Schakel over naar de prototypemodus om verschillende interacties tussen elementen op het scherm toe te voegen. U kunt gebeurtenissen activeren en overschakelen naar verschillende tekengebieden, waardoor de gebruikerservaring eenvoudig verloopt zonder een regel code te hoeven schrijven.
Dit wordt gedaan via een eenvoudige interface voor slepen en neerzetten, bijvoorbeeld: maak een knop met het cirkelgereedschap, maak een nieuw tekengebied met de gewenste resultaat van die knopdruk (bijv. een ander tabblad in uw app), schakel over naar de Prototype-modus en sleep de pijl van de knop naar uw nieuwe tekengebied. Klik op de knop "Afspelen" of bekijk een voorbeeld op je live apparaat om te zien hoe het zich afspeelt.
U kunt zelfs overgangen en effecten specificeren om het er mooi uit te laten zien. Er zijn een aantal behoorlijk grote beperkingen aan de Prototype-modus. Je kunt er niet echt te diep op ingaan, maar het heeft een doel en de eenvoudige implementatie maakt het gemakkelijk te gebruiken.
Hoe beperkt is de gratis versie van Adobe XD?
Omdat het een gratis product is, is Adobe XD ontworpen om je verslaafd te maken aan zijn eenvoudige workflow en gebruiksvriendelijke tools zonder een cent uit te geven. Het grootste nadeel van de gratis versie is het onvermogen om meer dan één actief gedeeld prototype of set ontwerpspecificaties tegelijk te hebben.
Dus voor uw eerste ontwerp of project is de gratis versie misschien voldoende. Als het gaat om het delen van meer ontwerpen of projecten met uw team of app-ontwikkelaars, raakt u snel een muur. U kunt uw verschillende tekengebieden altijd als .PNG-bestanden gratis exporteren, voor altijd via de Bestand> Exporteren optie.
De gedeelde prototyping en interactiviteit tussen tekengebieden is hier echter een van de opvallende kenmerken. De app is nog steeds nuttig zonder, alleen niet in dezelfde mate. U kunt geen volledig gerealiseerd prototype bouwen, maar u kunt uw ontwerp snel neerleggen.
De andere beperkingen van de gratis versie omvatten een beperkt aantal Typekit-lettertypen en 2 GB cloudopslag (in tegenstelling tot 100 GB) voor Creative Cloud-abonnees. Als je besluit om het geld voor te storten de betaalde versieKost Adobe XD je $ 9,99 / maand alleen voor deze app of $ 52,99 / maand voor de volledige Creative Cloud-suite.
We denken Adobe Creative Cloud is het geld waard 5 redenen om de Adobe Creative Cloud te kopenAdobe's Creative Cloud heeft veel geweldige voordelen. We hebben een lijst met redenen samengesteld om in Adobe Creative Cloud te investeren zolang het nog kan. Lees verder , op voorwaarde dat u er voldoende gebruik van kunt maken.
Adobe XD is een verrassend gebruiksvriendelijke tool
Adobe XD is een handig hulpmiddel, of u nu wilt betalen of niet. In sommige gevallen kom je misschien weg met de gratis versie voor het werken aan kleine persoonlijke projecten. Als het gaat om serieus werk en delen met teams, moet je upgraden.
Adobe XD is niet het ultieme ontwerp van de gebruikersinterface. Ontwerpers gebruiken al jaren grafische tools om mockups te maken voor websites, app-ontwerpen en meer. Bekijk de beste Mac vector grafische tools voor ontwerpers met een beperkt budget De beste vectorsoftware voor Mac-ontwerpers met een beperkt budgetHier zijn de beste vectorsoftware voor macOS die u gratis kunt gebruiken of met een beperkt budget kunt kopen. Perfect voor moderne ontwerpers! Lees verder om enkele capabele alternatieven te zien.
Tim is een freelance schrijver en woont in Melbourne, Australië. Je kunt hem volgen op Twitter.
