Adobe XD De gratis UI- en UX-ontwerptool die u nu kunt gebruiken

Het is niet vaak dat je Adobe hiermee associeert “gratis” downloads, maar dat is precies wat dat bedrijf met Adobe XD heeft gedaan. Het is een snelle interface prototypen app voor mobiele apparaten en websites, waardoor ontwerpers snel kunnen komen met ontwerpen voor specifieke platforms.

Het beste ding over Adobe XD is hoe gemakkelijk het is om te gebruiken. 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 panels die zoveel mensen van apps zoals Photoshop, Illustrator en Lightroom 15 gratis alternatieven voor Photoshop, Illustrator, Lightroom en nog meer 15 gratis alternatieven voor Photoshop, Illustrator, Lightroom en Meer Wilt u geen $ 50 / maand aan een Adobe Creative Cloud-abonnement besteden? Hier zijn enkele van de beste gratis beschikbare alternatieven. Lees verder . In dit artikel zullen we u kennis laten maken met Adobe XD en uitleggen wat u wel en niet kunt doen.

Wat is Adobe XD?

Adobe XD is een ontwerptool. Het zal je app niet voor je bouwen, maar het zal je helpen een visie of een prototype te presenteren voor hoe je je volgende mobiele of tablet-app, website of andere gebruikersinterface eruit wilt zien. De app maakt gebruik van tekenboards, in wezen schermmodellen, om een ​​visuele weergave van je app-ontwerp te bieden.

Mobiele apps maken Maak uw eerste mobiele app met deze bundels met kortingsvarianten Maak uw eerste mobiele app met deze kortingsbundels met kortingen Hebt u wat nodig is om de volgende grote iOS- of Android-app te ontwikkelen? Deze sterk verdisconteerde cursuspakketten zullen je leren hoe het gedaan is! Meer lezen en websites die werken, kunnen veel technische kennis vergaren. Adobe XD biedt u de tools om van een idee een proof of concept te maken. Als je klaar bent, heb je een blauwdruk waaruit je kunt 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 videogameconcept Waar vind je een mooi videogame-concept? Art Online Waar vind je een mooi videogame-concept? Art Online Wil je een paar van de prachtige concept-kunst achter je zien? favoriete spellen? Hier zijn de videogamekunstbronnen tot uw beschikking! Lees meer als bewijs), een proof of concept voor uw gewenste interfaceontwerp is belangrijk als het gaat om software en website-constructie. Programmeurs een concept bieden dat zo nauw aansluit bij het eindproduct, is een uitstekende manier om uw verwachtingen op één lijn te brengen met wat mogelijk is.

Het beste van alles is dat de app zo is ontworpen dat iedereen er gebruik van kan maken. Of je nu een ervaren ontwerper, een programmeur of iemand bent die beide vaardigheden mist; Adobe XD kan de kloof overbruggen tussen uw visie en technische kennis. Je hoeft niet eens te leren programmeren om te leren programmeren door bestaande apps gratis te remixen Leren coderen door bestaande apps gratis te remixen Met deze site kun je apps maken of remixen, zodat je creatief kunt zijn zonder de angst 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 het achterhoofd, maar u kunt ook out-of-the-box denken. De app maakt dingen gemakkelijk door sjablonen toe te voegen voor:

• Smartphone-apps: Van iPhone 5 en SE tot de allernieuwste modellen; en een algemene Android-sjabloon ook.
• Tablet-apps: Met sjablonen voor iPad, 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 gewoon om uw leven gemakkelijker te maken. U kunt ook een volledig aangepaste interface (dat wil zeggen een scherm) opgeven en beginnen met ontwerpen voor vrijwel elk platform dat u 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 voorvertoning op uw apparaat.

UI-kits maken het leven nog gemakkelijker

Als je denkt aan ontwerpen voor iOS 7 Redenen, is de Swift programmeertaal de moeite van het leren 7 Redenen dat de Swift programmeertaal de moeite van het leren waard is Je zou de snelle programmeertaal vroeger of later moeten leren als je niet achter wilt blijven. Hier zijn enkele uitstekende redenen die u kunnen overtuigen. Lees meer, 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 Adobe .XD-bestandsindeling.

Met UI-kits kunt u de productie versnellen, zodat u uw app kunt ontwerpen binnen de beperkingen en algemene elementen die u tegenkomt op uw platform naar keuze. Omdat ze worden onderhouden door de platformontwikkelaars, zijn ze over het algemeen altijd up-to-date en grondig.

De iOS UI-kit van Apple omvat bijvoorbeeld lege schermafmetingen voor een reeks apparaten, voorbeelden van het iOS-toetsenbord, navigatie-elementen zoals het lint aan de bovenkant van het scherm, de iOS-schakelknoppen en meer. U kunt eenvoudig elementen in uw ontwerpkunstboards kopiëren en plakken en nauwkeurige prototypen maken.

Adobe onderhoudt ook een paar andere UI-kits, waaronder watchOS-compatibele smartwatch-voorbeelden, een e-commerce-websitekit en een reeks voorbeelden voor het maken van smartphones met digitale valuta Top 10 Bitcoin- en Cryptocurrency-apps voor iPhone Top 10 Bitcoin- en Cryptocurrency-apps voor iPhone Het 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 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 tools

Anders dan de andere complexe grafische en ontwerp-apps van Adobe, heeft XD een mooie, schone gebruikersinterface met slechts een paar eenvoudige hulpmiddelen. U heeft uw basisvormen: rechthoeken, cirkels, lijnen en een pengereedschap voor het maken van aangepaste vormen. Er is ook een eenvoudige teksttool, met toegang tot de Typekit-lettertypenbibliotheek (maar niet alles).

U kunt vervolgens verschillende kenmerken met betrekking tot deze elementen wijzigen, zoals dekking, opvulkleur, randen, schaduwen en schuifgedrag. Eindelijk is er een vergrootglas en een tekenbordtool om uw ontwerp uit te breiden.

Met Adobe XD kunt u elementen op esthetisch aangename plaatsen plaatsen “snapping” op zijn plaats rond de randen van het scherm, het middelpunt van het canvas en naar andere elementen. Je kunt dit overschrijven als je dat wilt door een knop ingedrukt te houden (op de Mac-versie is het dat wel) cmd).

Langs de bovenrand van de app ziet u twee schakelopties: Ontwerp en Prototype. Ontwerp is waar u het grootste deel van uw tijd besteedt aan het creëren van uw visie. Schakel over naar Prototype-modus om verschillende interacties tussen elementen op het scherm toe te voegen. U kunt gebeurtenissen activeren en overschakelen naar verschillende tekengebieden, waardoor een eenvoudige verlaging van de gebruikerservaring wordt bereikt 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 (bijv. Een ander tabblad in uw app), schakel over naar de Prototype-modus en sleep de pijl van de knop naar uw nieuwe tekengebied. Druk op de “Spelen” knop of voorbeeld op uw live-apparaat om te zien hoe het zich afspeelt.

Je kunt zelfs overgangen en effecten specificeren om het er chique uit te laten zien. Er zijn een aantal 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?

Als gratis product is Adobe XD ontworpen om u te laten verslaafd aan de 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 tegelijkertijd te hebben.

Dus voor uw eerste ontwerp of project kan de gratis versie voldoende zijn. 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 gratis als .PNG-bestanden exporteren, voor altijd via de Bestand> Exporteren keuze.

De gedeelde prototyping en interactiviteit tussen tekengebieden is hier echter een van de opvallende kenmerken. De app is nog steeds nuttig zonder deze, alleen niet in dezelfde mate. Je kunt geen volledig gerealiseerd prototype bouwen, maar je kunt je ontwerp snel bepalen.

De andere beperkingen van de gratis versie omvatten een beperkt aantal Typekit-lettertypen en 2 GB cloudopslag (in plaats van 100 GB) voor Creative Cloud-abonnees. Als u besluit om het geld voor de betaalde versie te verzieken, kost Adobe XD u $ 9,99 / maand voor deze app alleen of $ 52,99 / maand voor het volledige Creative Cloud-pakket.

We denken dat Adobe Creative Cloud het geld de moeite waard is 5 Redenen om de Adobe Creative Cloud 5 te kopen Redenen om de Adobe Creative Cloud te kopen Adobe's Creative Cloud biedt heel veel voordelen. We hebben een lijst met redenen verzameld om te investeren in Adobe Creative Cloud zolang het nog kan. Meer lezen, 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 van plan bent om ervoor te betalen of niet. In sommige gevallen kunt u de gratis versie gebruiken om aan kleine persoonlijke projecten te werken. Als het gaat om serieus werken en delen met teams, moet je upgraden.

Adobe XD is niet het enige en het allerbeste van UI-ontwerp. Ontwerpers gebruiken al jaren grafische hulpmiddelen om mockups te maken voor websites, app-ontwerpen en meer. Bekijk de beste Mac vectorgrafieken voor ontwerpers met een beperkt budget De beste vectorsoftware voor Mac-ontwerpers op een budget De beste vectorsoftware voor Mac-ontwerpers op een budget Adobe Illustrator is misschien wel de gouden standaard als het gaat om vectorsoftware voor de Mac, maar je hoeft niet altijd een fortuin te besteden aan ontwerpsoftware. Lees Meer om enkele capabele alternatieven te zien.

Ontdek meer over: Adobe Creative Cloud, Design.