Adobe XD: de gratis UI en UX Design Tool die u nu kunt gebruiken
Advertentie
Het is niet vaak dat u Adobe associeert met "gratis" downloads, maar dat is precies wat dat bedrijf met Adobe XD heeft gedaan. Het is een snelle interface-prototyping-app voor mobiele apparaten en websites, waarmee ontwerpers snel ontwerpen kunnen maken voor specifieke platforms.
Het beste ding over Adobe XD is hoe gemakkelijk het is te gebruiken. Zelfs als je weinig ervaring hebt met het ontwerpen van iets, is er slechts een zeer geleidelijke leercurve die je tegenhoudt.
Zelfs de gebruikersinterface is verfrissend grimmig, zonder alle tools en panelen die zoveel mensen afzetten apps zoals Photoshop, Illustrator en Lightroom 15 Gratis alternatieven voor Adobe Lightroom, Illustrator en Photoshop 15 Gratis alternatieven voor Adobe Lightroom, Illustrator en Photoshop zou wilt u Adobe Photoshop, Lightroom of Illustrator gratis krijgen? 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 ermee 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 uw volgende mobiele of tablet-app, website of andere gebruikersinterface eruit wilt zien. De app maakt gebruik van tekenborden - in wezen schermmodellen - om een visuele weergave van uw app-ontwerp te bieden.
Mobiele apps maken Maak uw eerste mobiele app met deze afgeprijsde cursusbundels Maak uw eerste mobiele app met deze afgeprijsde cursusbundels Heeft u het in zich om de volgende grote iOS- of Android-app te ontwikkelen? Deze zwaar afgeprijsde cursusbundels zullen je leren hoe het gedaan is! Meer lezen en websites die werken, kunnen veel technische knowhow vereisen. Adobe XD biedt u de tools om van een idee een proof of concept te maken. Als je klaar bent, heb je een blauwdruk om mee 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 deze prachtige videogame concept art Waar vind je prachtige videogame Concept Art online Waar vind je prachtige videogame Concept Art online Wil je een aantal van de prachtige concept art zien achter je favoriete games? Hier zijn de middelen voor videogames tot uw beschikking! Lees meer als bewijs), een proof of concept voor uw gewenste interface-ontwerp is belangrijk als het gaat om software en website-constructie. Programmeurs voorzien van een concept dat zo nauw aansluit bij het eindproduct 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 ervaren ontwerper, een programmeur of iemand bent die beide vaardigheden mist; Adobe XD kan een brug slaan tussen uw visie en technische kennis. Je hoeft niet eens te leren coderen Leer coderen door bestaande apps gratis te remixen Leer coderen door bestaande apps gratis te remixen Met deze site kun je apps maken of remixen, zodat je creatief kunt zijn zonder bang te zijn om iets te breken. Lees meer om een app te ontwerpen.
Wat kan Adobe XD doen?
Adobe XD is ontworpen met een paar specifieke toepassingen in gedachten, maar u kunt ook buiten de doos denken. De app maakt het u gemakkelijk door sjablonen op te nemen voor:
- Smartphone-apps: van iPhone 5 en SE tot de allernieuwste modellen; en een generiek Android-sjabloon.
- Tablet-apps: met sjablonen voor iPad, beide formaten van iPad Pro, Surface Pro 3 en 4, en een generiek Android-tabletsjabloon.
- Websites / web-apps: Met een aantal presets om uit te kiezen, waaronder Full HD.
Je hoeft je niet aan deze sjablonen te houden, ze zijn er gewoon om je leven gemakkelijker te maken. U kunt ook een volledig aangepaste interface (dwz scherm) grootte opgeven en beginnen met het ontwerpen voor vrijwel elk platform dat u zich kunt voorstellen.
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 overweegt om voor iOS te ontwerpen 7 redenen waarom de Swift-programmeertaal het leren waard is 7 redenen waarom de Swift-programmeertaal het leren waard is Je zou de Swift-programmeertaal eerder moeten leren in plaats van later als je niet achter wilt blijven. Hier zijn enkele uitstekende redenen die u kunnen overtuigen. Lees meer, Android, Windows of een ander bekend platform; u kunt UI-kits gebruiken om een helpende hand te bieden. Dit zijn in wezen projectsjablonen die worden onderhouden door Apple, Google, Microsoft en anderen, te downloaden in Adobe's .XD-bestandsindeling.
Met UI-kits kunt u de productie versnellen, zodat u uw app kunt ontwerpen binnen de beperkingen en gemeenschappelijke elementen die u op uw favoriete platform ziet. 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 het iOS-toetsenbord, navigatie-elementen zoals het lint bovenaan het scherm, de iOS-schakelknoppen en meer. U kunt elementen eenvoudig kopiëren en in uw ontwerp-tekengebieden plakken en nauwkeurige prototypes maken.
Adobe onderhoudt ook een paar andere UI-kits, inclusief 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 iPhone Top 10 Bitcoin en Cryptocurrency Apps voor iPhone Het is nu eenvoudiger dan ooit om Bitcoin te kopen, te converteren naar altcoins en zelfs te investeren in ICO's, allemaal vanaf uw telefoon met cryptocurrency-apps. Lees verder . U moet de juiste UI-kits voor iOS, het materiaalontwerp van Google en Microsoft Windows afzonderlijk downloaden.
Een eenvoudige set ingebouwde hulpmiddelen
In tegenstelling tot andere complexe grafische en ontwerp-apps van Adobe, heeft XD een mooie schone gebruikersinterface met slechts een paar eenvoudige hulpmiddelen. U hebt uw basisvormen: rechthoeken, cirkels, lijnen en een pentool voor het maken van aangepaste vormen. Er is ook een eenvoudige teksttool, met toegang tot de Typekit-lettertypebibliotheek (maar niet allemaal).
U kunt vervolgens verschillende attributen met betrekking tot deze elementen wijzigen, zoals dekking, opvulkleur, randen, schaduwen en schuifgedrag. Eindelijk is er een vergrootglas en een tekengebiedtool om uw ontwerp uit te breiden.
Adobe XD helpt u elementen op esthetisch aantrekkelijke plaatsen te plaatsen door op de plaats rond de randen van het scherm, het middelpunt van het canvas en andere elementen te klikken. Je kunt dit desgewenst opheffen door een knop ingedrukt te houden (in de Mac-versie is dit Cmd ).
Langs de bovenrand van de app ziet u twee schakelaars: ontwerp en prototype . Ontwerp is waar u het grootste deel van uw tijd zult besteden aan het creëren van uw visie. Schakel over naar de Prototype-modus om verschillende interacties tussen elementen op het scherm toe te voegen. U kunt gebeurtenissen activeren en naar verschillende tekengebieden overschakelen, waardoor een eenvoudige run-down van de gebruikerservaring wordt geboden zonder een regel code te schrijven.
Dit gebeurt via een eenvoudige interface met slepen en neerzetten, bijvoorbeeld: maak een knop met het cirkelgereedschap, maak een nieuw tekengebied met het gewenste resultaat van die knopdruk (bijvoorbeeld een ander tabblad in uw app), schakel over naar de prototypemodus en sleep de pijl van de knop naar uw nieuwe tekengebied. Druk op de knop 'Afspelen' of bekijk een voorbeeld op uw live-apparaat om te zien hoe het zich afspeelt.
Je kunt zelfs overgangen en effecten opgeven om het er mooi uit te laten zien. Er zijn enkele behoorlijk grote beperkingen aan de Prototype-modus. Je kunt er niet echt diepgaand mee omgaan, maar het dient 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 te laten verslappen 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 een reeks ontwerpspecificaties tegelijk te hebben.
Dus voor uw eerste ontwerp of project kan de gratis versie voldoende zijn. Als je meer ontwerpen of projecten met je team- of app-ontwikkelaars wilt delen, kom je snel tegen een muur. U kunt uw verschillende tekengebieden altijd gratis als .PNG-bestanden exporteren, voor altijd via de optie Bestand> Exporteren .
De gedeelde prototyping en interactiviteit tussen tekengebieden is echter een van de opvallende kenmerken hier. De app is nog steeds nuttig zonder hem, alleen niet in dezelfde mate. Je kunt geen volledig gerealiseerd prototype bouwen, maar je kunt snel je ontwerp 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 u besluit om het geld voor de betaalde versie te verhogen, kost Adobe XD u $ 9, 99 / maand voor deze app alleen of $ 52, 99 / maand voor de volledige Creative Cloud-suite.
We denken dat Adobe Creative Cloud het geld waard is 5 Redenen om de Adobe Creative Cloud te kopen 5 Redenen om de Adobe Creative Cloud te kopen Adobe's Creative Cloud heeft veel grote voordelen. We hebben een lijst met redenen samengesteld om te investeren in Adobe Creative Cloud zolang u dat nog kunt. Lees meer, op voorwaarde dat u er voldoende gebruik van kunt maken.
Adobe XD is een verrassend gebruiksvriendelijk hulpmiddel
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 alles en iedereen van het UI-ontwerp. Ontwerpers gebruiken al jaren grafische hulpmiddelen om modellen voor websites, app-ontwerpen en meer te maken. Bekijk de beste Mac-grafische vectorhulpmiddelen voor ontwerpers met een beperkt budget De beste vectorsoftware voor Mac-ontwerpers met een budget De beste vectorsoftware voor Mac-ontwerpers met een budget Hier zijn de beste vectorsoftware voor macOS die u gratis kunt gebruiken of kopen op een budget. Perfect voor moderne ontwerpers! Lees meer om enkele capabele alternatieven te zien.
Ontdek meer over: Adobe Creative Cloud, Design.
