Inleiding tot UI-ontwerp

Inleiding tot UI-ontwerp

“Hoi! U bent aan het einde van de cursus gekomen. Tijdens de cursus heb ik je veel ervaringen en gevoelens verteld die deze wondere wereld van UI omringen, ik heb je verteld hoe alles aan het eind van de dag een lonende ervaring is geworden, het heeft me ertoe gebracht niet alleen meer over het onderwerp te leren, maar ook om elke dag meer over hem te willen weten. Ik ben er vast van overtuigd dat deze community met de dag groeit en het delen van wat we weten is de sleutel tot het bereiken van steeds betere resultaten in de gebruikersinterface. Daarom deel ik bij elke gelegenheid alles met u wat ik onderweg heb geleerd. Maar nu is het jouw tijd om aan deze reis te beginnen, het is tijd om te beginnen, je eigen project! Om je op weg te helpen, deel ik de reeks stappen die ik heb gevolgd om de mijne te maken. We zullen zien! Kies je gereedschap Ik heb je een breed scala aan tools laten zien die je kunt gebruiken om je project te maken. In mijn geval koos ik voor Figma, ik vertelde je enkele van de redenen waarom ik besloot om deze tool te gebruiken. Maar u kunt degene gebruiken die u wilt, ik raad u aan degene te gebruiken waarmee u zich het beste en meest comfortabel voelt.

Start je ontwerpproces! Voordat u een weg inslaat, is het belangrijk dat u weet wat u wilt of waar u heen wilt. Ik heb je geleerd dat enkele van de belangrijkste vragen zijn: begrijp het probleem en denk aan de gebruiker. Onthoud dat er momenten zullen zijn dat je als een team moet werken! Wees niet bang om met de programmeurs te communiceren, als je een duidelijk idee hebt, zullen ze je gemakkelijker begrijpen. Uw maatstaf Om te beginnen met het maken van interfaces, heb ik je laten zien hoe je je benchmarks kunt maken. In dit geval deed ik het voor "Fresh". Ik laat je zien hoe je twee soorten maakt, de eerste rekening houdend met producten die mijn merk al heeft en de tweede alleen gericht op design. De draadframes Ik begon met het maken van mijn wireframes en ik liet je zien hoe je ze kunt gebruiken om onze ideeën te materialiseren. Ik raad je aan om altijd rekening te houden met de zin: "Wat wil ik communiceren?" Denk na over de structuur en de informatie! Het hoeft niet perfect te zijn, je kunt beginnen zoals ik deed door papier en potlood te pakken. Dan heb je tijd om ze te perfectioneren. Een paar letters hier en andere letters daar Ik heb het lettertype voor mijn project gekozen, rekening houdend met zaken als grootte, gewicht en zelfs de soorten teksten. Ik noemde het belang van harmonie en hoe dit te bereiken met typografie, aangezien het 80% ervan definieert. De lay-outs Ik begon met het ontwerpen van de box-modellen , en ik liet je zien hoe je ze kunt gebruiken om ruimtes te optimaliseren. Ook heb ik de nodige hiërarchieën voor onze responsive website gegenereerd. Hoe kleuren te gebruiken? Ik gebruikte RGB-kleuren om later de meest geschikte kleuren voor mijn project te kunnen kiezen, zodat ik mijn kleurenpalet kon definiëren. Bedenk dat digitale kleuren anders werken, daarom is het belangrijk dat je dat altijd doet rekening houdend met RGB-kleuren. De iconen Zoek naar de juiste pictogrammen voor mijn project, rekening houdend met het feit dat ze allemaal uit dezelfde familie kwamen. De iconen kunnen meer zeggen dan duizend woorden, het is belangrijk dat je de zoektocht niet opgeeft totdat je de beste hebt gevonden. Maak je knoppen! Ik heb je laten zien hoe je de juiste knoppen maakt. Maak de mijne rekening houdend met of je wilde dat ze primaire, secundaire of tertiaire knoppen waren. Lijsten en kaarten Ten slotte heb ik de lijsten gemaakt van enkele producten die bepaalde kenmerken delen. Ik heb ook een aantal kaarten gemaakt en ervoor gezorgd dat ze alles bevatten wat nodig is om de informatie te communiceren die ik naar de gebruiker moet sturen. Ontwerp uw login! Ik heb de logins van mijn project gedaan, zowel voor de computer als voor de mobiele . En voila, je hebt je responsive website al! Wanneer je een project start, raad ik je aan jezelf constant de vraag "waarom" te stellen, dit zal een grote hulp zijn om te bepalen of wat je wilt creëren een probleem oplost. Het beste advies dat ik je kan geven is om altijd je nieuwsgierigheid levend te houden, op deze manier kun je altijd leren, weten en voel je je meer op je gemak om een nieuw avontuur te beginnen. Het heeft me een groot genoegen gegeven om deze nieuwe cursus met je te delen, ik hoop dat het je heeft geholpen om alle ideeën in je hoofd te creëren of gewoon om enkele twijfels weg te nemen. Vergeet niet het resultaat van je eindproject te delen! Een dikke knuffel uit Peru! 🇵🇪 ”

Gedeeltelijke transcriptie van de video

“LAATSTE PROJECT Hallo, in deze les, we zullen een korte terugblik doen op wat er in de cursus is gezien. In Unit 1 hebben we gesproken op de "mindset" die een UI Designer zou moeten hebben en hoe continu leren in deze carrière essentieel is. Ik heb je het proces van het ontwerpen van een digitaal product geleerd en ik liet je de tools zien die je gaat gebruiken, zoals Figma, Sketch of Adobe XD, om uw projecten te starten. Dan hebben we het over inspiratie, de maatstaf en het belang van wireframes. We wijden twee eenheden om te behandelen: de concepten die elke ontwerper zou moeten kennen, z...”

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

Samenvatting van de cursus: Inleiding tot UI-ontwerp

• Niveau: Beginner
• 95% positieve beoordelingen (340)
• 11008 studenten
• 6 didactische onderdelen
• 21 lessen (2u 30m)
• 1 aanvullende bron

• Categorie

  Web- en app-ontwerp

• Domeinen

  Ontwerp, App-ontwerp, Interactief ontwerp, Mobiel ontwerp, Webdesign