Snelle tip bespoedig uw ontwerpproces met Studio

In de snelle tip van vandaag ga ik je voorstellen aan "Studio", een ontwerptool voor digitale producten. Laten we eens kijken hoe het kan helpen om uw ontwerpproces te versnellen!

 

studio.design

In de loop der jaren zijn we allemaal vertrouwd geraakt met het gebruik van hulpmiddelen zoals Photoshop, Adobe XD of Sketch om lay-outs en interfaces te ontwerpen. Studio hanteert een iets andere benadering van het ontwerpproces.

Het is een webgebaseerde tool die momenteel gratis te gebruiken is, dus als je je wilt aanmelden of inloggen, ga dan naar https://studio.design/ en voer je inloggegevens in.

Je wordt begroet met een projecten pagina, klaar voor uw eerste project als u zich net heeft aangemeld. Bij het starten van een nieuw project krijgt u de mogelijkheid om een ​​webproject of een iPhone-app te ontwerpen.

Het gereedschap

Zodra u een project start, ziet u een pagina (vergelijkbaar met een artboard in andere ontwerptoepassingen), enkele zoom- en beeldbedieningselementen en aan de linkerkant ziet u dat u vakken, afbeeldingen, tekst en pictogrammen kunt toevoegen. Dat zijn vrijwel alles wat je kunt toevoegen, dus er is onmiddellijk een verschil tussen Studio en andere UI-ontwerp-apps waar je misschien aan gewend bent!

De interface van Studio

Dit schijnbare gebrek aan flexibiliteit wordt echter snel de kop ingedrukt als je ziet dat de zijbalk aan de linkerkant ook toegang geeft tot een reeks vooraf gebouwde elementen (UI-kits). De UI-kits bevatten algemene elementen en patronen, zoals navigatiebalken, hero-secties, formulieren, enzovoort. Je zult ook insluitingsblokken vinden, waarmee je ook Google Maps, video's enz. Naar je pagina kunt slepen en neerzetten.

Cruciaal is dat alle lay-outelementen van Studio responsief zijn; ze veranderen in grootte en indeling, afhankelijk van de grootte van de pagina die u aan het ontwerpen bent. Dit is de sleutel tot hoe Studio werkt en hoe het de manier waarop u interfaces ontwerpt, kan veranderen.

Bekijk de bovenstaande video voor meer informatie over het gebruik van Studio, de hulpprogramma's en de bijbehorende bronnen. Laat ons weten wat je van Studio vindt in de comments!