UI-kits maken met Sketch

UI-kits maken met Sketch

“Hey wat goed, je hebt het einde van de cursus bereikt, ik hoop dat je alles leuk vond wat ik je heb geleerd! Nu weet je alles wat je nodig hebt om je eigen UI-kit te maken. Tijdens de cursus heb ik je het proces laten zien dat ik volg om de mijne te maken onder het concept van een muziek-app. Nu is het jouw tijd en ben je klaar om je eigen project uit te voeren. Laat je fantasie de vrije loop! Maak een UI-kit voor elke app die je maar kunt bedenken, of als je al een project voor de deur hebt staan, raad ik aan om het op diezelfde app te doen. Wat vindt u ervan als we een kort overzicht geven van de stappen die u moet volgen om het u gemakkelijker te maken? Welk product? Onderzoek en analyseer een product dat al op de markt is, dat wil zeggen, het is al gelanceerd, want op deze manier heeft u een geavanceerd startpunt en kunt u gemakkelijker aan uw UI Kit werken.

De eerste configuraties Zodra je het product klaar hebt, kun je aan de slag met de instellingen zoals kleuren, lettertype en grids van je UI Kit. Geef het de nodige configuratie zodat het de look and feel wat wil je! Pictogrammenset Combineer de set pictogrammen die u voor uw ontwerp gaat gebruiken. Vergeet niet om het uw persoonlijke touch te geven, dit voegt altijd meer toe aan uw project, als uw idee is om het aan een klant te laten zien, zal dit u zeker een pluspunt geven. De componenten Begin met het maken van de eenvoudigste componenten zoals knoppen, ingangen , pictogrammen, chips , enzovoort. Ga verder met de rest van de componenten, ik bedoel de kaarten , navigatiebalk , menu's, lijsten en je headers . Vergeet niet om verschillende variaties van jezelf te maken, zodat je uiteindelijk degene kunt kiezen die je het leukst vindt. Maak je schermen en presenteer je UI Kit Zodra u alle componenten gereed heeft, kunt u ze gaan verenigen en aan de schermen van uw applicatie gaan werken. Zodra je schermen klaar zijn, maak je je klaar om je UI Kit te presenteren. Houd er rekening mee dat hoe je het presenteert erg belangrijk zal zijn, omdat dit de deuren voor je zal openen bij je klanten. Ik raad u daarom aan enkele voorbeelden van gebruik op enkele belangrijke schermen te maken. Vergeet niet om de componenten te benadrukken die u het belangrijkst vindt en maak een Sketch-bibliotheek met uw componenten zodat u ze later kunt bijwerken, dit zal in de toekomst erg handig zijn als u ze in andere projecten wilt gebruiken. Klaar, je hebt je UI Kit al! Vergeet niet om het eindresultaat van je project op het forum te delen, op deze manier houden we contact en kan ik je zo snel mogelijk feedback Ik nodig je uit om ook het werk van je collega's te observeren en vooral, als je een soort tip deel deze dan met de gemeenschap. Ik kijk er naar uit om te zien wat je hebt gemaakt. Tot ziens op het forum! ”

Gedeeltelijke transcriptie van de video

“Laatste project Laten we een samenvatting maken van wat er tijdens de cursus is gezien. Ik vertelde hoe ik digitale producten ben gaan ontwerpen en de projecten waarin ik heb ontwikkeld op een professionele en persoonlijke manier. Toen deelde ik wat invloeden en voordat we aan de slag gaan, praten we over het uiteindelijke project. We behandelen basisconcepten, zoals wat is een UI Kit en de voordelen om er een te hebben. Ik liet je mijn methodologie zien bij het maken van componenten binnen Sketch. We analyseren ons project en welke componenten het zou hebben. We definiëren onze "look and f...”

Deze transcriptie wordt automatisch gegenereerd en er kunnen typefouten in staan.

Samenvatting van de cursus: UI-kits maken met Sketch

• Niveau: Beginner
• 91% positieve beoordelingen (23)
• 634 studenten
• 5 didactische onderdelen
• 17 lessen (3u 1m)
• 11 aanvullende bronnen

• Categorie

  Web- en app-ontwerp

• Software

  Sketch

• Domeinen

  App-ontwikkeling, Webdevelopment, App-ontwerp, Interactief ontwerp, Mobiel ontwerp, UX / UI, Webdesign