Welke vaardigheden heb je nodig om een ​​UI ontwerper te worden

Welke vaardigheden heb je nodig om een ​​UI ontwerper te worden

Ik zal een paar grote aannames hier te maken:

  1. Je bent geïnteresseerd in zowel visuele design en productontwikkeling thinking
  2. Je bent op dit moment niet een ontwerper van een ander soort (communicatie ontwerper, industrieel ontwerper.)
  3. U wilt werken in tech

Dat gezegd zijnde, hier is een gekke hoog niveau ui het oog op een goede UI ontwerper, vanaf de buitenste schil.

Ik moet respectvol oneens met Tyler hier. Smaak kan zeker worden geleerd, dus laten niet dat u stoppen. Ik bespaar u het bewijs, maar laten we maar zeggen dat voor design school was ik een ongebreideld Papyrus gebruiker. Dat is de beruchte Papyrus (lettertype) als je echt n00b bent 🙂 De manier waarop ik geleerd schoonheid was in zintuiglijke uithongering te gaan.

Schoonheid is moeiteloos en efficiënt. Het is het verschil tussen een balletdanser en die kerel of gal wie probeert te hard op de dansvloer. Het maakt niet uit hoe hard er iets is in de realiteit, heeft het gemakkelijk om te kijken.

Maar ontworpen schoonheid is niet alleen maar mooi. Het dient een doel. Jullie creëren contrast en hiërarchie. U leiden iemands oog. Schoonheid kan iemand herkennen uw poster. Hiërarchie maakt ze een kop te lezen en te zien dan de datum en de details.

Dus beginnen met de basis. We hadden een gezegde in de school, "eenvoudige dingen goed gedaan". Het is veel moeilijker om iets moois met slechts een paar elementen te maken. Er is niet veel om naar te kijken, zodat je alle fouten opmerkt. Maak jezelf bewust van details. Let op! Een deel van een goede visual designer is in staat om kleine vervelende neten dat een pixel uit zijn te zien. Waarom? Die kleine stukjes van wrijving optellen loop van de tijd en maak uw ontwerp kijken slordig en slecht beschouwd.

Oefeningen om te proberen:

  1. Probeer het ontwerpen van affiches met slechts zwart-wit, een lettertype en een maat. Kun je hiërarchie te maken met slechts spacing? Gewoon inkepingen? Probeer dan het toevoegen van een extra element, zoals kleur of een andere grootte. Je zult zien dat het opeens veel leuker, en dat je moet heel weinig om een ​​goede hiërarchie te maken.
  2. Print klassieke lettertypen en sporen ze met een passer en liniaal om de geometrie te leren.

Systems

Alle design dat is mooi heeft steigers van een soort. We hunkeren orde. Het maakt apps en interacties gemakkelijk te begrijpen, boeken voelen als verhalen en films samenhangend voelen. De meeste ontwerpen zijn gebouwd op roosters van een soort, en de meeste apps hebben een zeer geordende roosters. Terwijl grids zijn een onderwerp voor een volledige functie van hun eigen, de meeste site zijn gebouwd op zeer eenvoudige, vierkante rasters.

(Zeer duidelijk raster structuur, helften van helften. VanMenu (animatie))

Oefeningen om te proberen:

  1. Trace de randen van kranten, websites, apps die je leuk vindt en reverse engineering hun netwerk systemen. Probeer het ontwerpen van een andere weergave of pagina in hun exacte stijl.
  2. Probeer het ontwerpen van twee posters op een zeer eenvoudige 5×5 raster

Problemen

Wilt u een goed afgeronde product ontwerper, dit is waar de sappige spul is. Voor mij is dit het moeilijkste deel te slijpen, omdat je een tamelijk goede visuele ontwerper kan zijn als je het simpel te houden en zijn meedogenloos wetenschappelijk. Het stereotype emotionele huilen-as-the-rain-watervallen ding dat creatieve mensen worden uitgelachen voor echt in het spel komt hier.

("slechts één van deze weer apps [lost het echte probleem]", Groot artikel over de reden waarom de problemen zijn van belang:De Dribbblisation van Design – Inside Intercom)

Het herkennen van problemen vereist een beetje meer menselijkheid, en de studie van de mensen. Het vereist veel empathie voor andere mensen. Eenvoud is weten wanneer niet te zelfs zette de pixels. In dit geval, al die andere apps weer te verheerlijken metrics en hebben leuke illustraties, maar een push notificatie wanneer je loopt de deur uit is echt de meest nuttig van allemaal. Het onderzoekt waarom checken we het weer in de eerste plaats en gaat de hele tanden in de richting van dat probleem.

Dit is waar ontwerp krijgt echt moeilijk. Het is echt moeilijk om de juiste probleem te vinden en op te lossen in een nieuwe en slimme manier. Het is moeilijk om vastgeroeste en-lingo gevulde velden naar wat er eigenlijk aan de hand te krijgen begrijpen.

Neem je medicijnen bijvoorbeeld. Super belangrijk, letterlijk redden van levens. De kennis duurt jaren om te leren en het is super moeilijk om dingen te veranderen, met alle regels en risico.

Er zijn een heleboel boze problemen in de wereld. Honger, stadsplanning, vervuiling. Er zijn ook vele lokale problemen. Vervoer, het vinden van leuke dingen te doen in het weekend.

  1. Schrijf drie dingen die je vandaag de dag lastig gevallen. "Ik kon niet een taxi te vangen en moest naar huis lopen." Bedenk tenminste 20 manieren om deze problemen op te lossen. Beperk jezelf niet om een ​​app of een stuk van de media. Wat als de dispatchers wist dat de sluitingstijden van alle bars en chauffeurs werden naar die gebieden? Wat als je zou een auto zijn afkomstig uit een app? Misschien zouden wij het Uber noemen;)
  2. Besteed aandacht aan wanneer uw vrienden klagen over hun problemen. Of, meer in het bijzonder, als mensen die bestaan ​​uit onze bubble klagen over hun problemen. Je zou kunnen ontgrendelen van een zeer bijzondere gelegenheid!

Extra krediet:

Sommige echt goede boeken, zowel mijn aanbevelingen en mijn teamgenoten:
ontwerp Boeken

Schriftelijke 140w geleden · Bekijk upvotes · Not for Reproduction · Antwoord op verzoek van 1 persoon

Bijna al deze antwoorden zijn nogal vaag en belachelijk, dus ik ga geven u enkele adviezen die u daadwerkelijk kan gebruiken. Ik zal dit bij te werken als ik denk aan meer dingen.

  1. Zie het allemaal. Absorberen alles. Meld je aan voor web apps, surfen galeries, downloaden verschillende apps. Gebruik SiteInspire. Je zult beginnen om een ​​gevoel voor wat je wilt en wat je niet krijgt.
  2. Vind dingen die je wilt. Smaak is niet iets geleerd. Je hebt het, of je hebt het niet. Je kunt het scherpen en te verfijnen en te evolueren, maar het is al moet bestaan. (Ex. You * weet * dat A is mooier dan B, maar je kan het niet uitleggen). Flat vs skeu is een dom argument anyways. De stijlen die u genieten moet divers zijn, maar dienen een doel. De stijl is slechts een middel voor het afgeven van de juiste informatie en terugkoppeling aan een gebruiker.
  3. Ontdek waarom je het spul. Waarom deze knop werkt op deze locatie versus aan de andere kant van het scherm? Waarom hebben zij gekozen voor een gedempt kleurenpalet? Inzicht in de * waarom * is waarschijnlijk het meest cruciale onderdeel het feit dat een grote ontwerper. Het zal u scheiden van de thema-jockeys die geen shit geven.
  4. Doe alsof. Alleen het ontwerp een nep iets. Redesigns komen vaak voor, maar je zult waarschijnlijk krijgt stront voor het omdat je de beperkingen in het spel niet volledig begrijpen. Ga wild met een idee voor iets persoonlijks. Maak het geweldig. Kijk naar andere websites ‘broncode. Kopieer andere websites en maak het je eigen. Herhaal dit ongeveer een dozijn keer.
  5. Verzamelen. Maak kleurenpaletten. Stel het type voor de rubrieken en paragrafen. Doe die malle Photoshop en Illustrator tutorials over hoe u linten en mensen en texturen en abstracte wallpapers te maken. Houd een moodboard voor elk project dat je doet. Bewaar texture packs en middelen die u genieten.
  6. Krijg feedback, en leren. Riem op uw dikke huid, want je gaat het nodig hebben. Je gevoelens * * zal worden gekwetst. Get over it. Je ego zal een beetje een stootje. Je bent om jezelf die er zijn, en het krijgen van feedback is hoe je beter.

Als een schaamteloze plug, ik heb twee realllllly oude berichten op mijn blog over de basics van interface design. Het is niet volledig, maar geeft u een idee van de soorten dingen die je moet denken over.
Deel 1 – http://galp.in/blog/2011/ 2/8 / t.
Deel 2 – http://galp.in/blog/2011/ 04/10 / t.

Schriftelijke 140w geleden · Bekijk upvotes · Not for Reproduction · Antwoord op verzoek van 1 persoon

Bryant Quan. Chief Executive Officer bij Slickdeals, Inc

Deze dagen een echte moderne webdesigner moet begrijpen en in staat zijn om een ​​hele website te voltooien vanaf nul. Terwijl ze misschien niet per se goed in alle delen zijn, ze moeten weten en bekend zijn met alle onderdelen, zodat ze effectief in een team of als een solo-inspanning kan zijn. Op deze manier kunnen ze dingen die haalbaar, realistisch, functioneel, nuttig zijn te ontwikkelen, en goed kijken 🙂

Wat betekent dit?

Ze moeten business requirements, planning, fasering, het opstellen, ontwerp, implementatie, onderhoud, updates, upgrades en nog veel meer te begrijpen.

Van al die dingen, zullen ze nodig hebben om het bedrijf logistieke kennis, use case, functionaliteit eisen, business requirements, om deze te vertalen naar een bruikbare ontwerp dat de eerder genoemde doelen, die natuurlijk enige vaardigheid in het ontwerp zou vereisen volbrengt, uit kleuren om lay-outs om photoshop of vuurwerk, ui, ux, en het begrip van de menselijke natuur en best practices.

Vanaf daar op uit, het nemen van het ontwerp, te herzien, en schoot html.

Van daar de uitvoeringsbesluiten, ontwikkelen en ondersteunen van de backend, dus ze moeten begrijpen hoe een server hosts pagina’s, hoe de uitrol van een server en diensten, hoe je de pagina’s te dienen. Tenzij het ontwerp alleen vraagt ​​om een ​​volledig statische pagina, vaak zullen ze een backend nodig hebben om een ​​dynamische website ondersteunen, zoals PHP of Ruby.

Zij kan ook nodig zijn om complexe front-end ui en de overdracht van gegevens, zoals ajax (javascript), zeep en xml begrijpen.

Een goede webdesigner zal ook technisch schrijven ervaring om documentatie aan klanten en collega’s alike die uitleggen hoe te gebruiken, hoe te werken, hoe ze het werk dat ze hebben gemaakt te houden die.

Dit is niet om te zeggen dat ze moeten uitblinken in al die dingen, maar ze moeten de concepten en werkingen achter hen te begrijpen.

U moet uitblinken in een of twee van deze dingen om een ​​goede webdesigner, als je uitblinken in alle van hen u een uitstekende goed afgerond web designer en ontwikkelaar.

Maar zelfs als je de beste ontwerper in de wereld, en je weet niets over de technologieën die het ontwerp stroom te voorzien, kun je net zo goed "gewoon" een grafisch ontwerper. Maar om een ​​effectieve web ontwerper, het ontwerpen van je dingen die niet alleen goed uitzien, maar je ze te ontwerpen met dien verstande dat het is complexer dan alleen een afbeelding.

D.w.z. Het maken van een ontwerp voor een afdruk poster is anders dan een website design, want er zijn technische grenzen aan wat u kunt doen op een website.

Enzovoort. Ik moet echt deze bijgewerkte krijgen. Maar het is spannend, web is dynamischer en interessanter dan ooit!

Als iemand in deze wereld ondergedompeld voor de laatste 10 jaar, ik denk dat dat zijn de dingen die je op dit moment nodig hebt om een ​​basiskennis hebben van, en uit die je nodig hebt om specialiseren op een subset.

  1. Begrijpen hoe actief luisteren naar een klant of manager en effectief hun behoeften kaderen in termen van een oplossing. Actief luisteren is een specifieke vaardigheid.
  2. Flexibel aan de veranderende eisen: de eisen van een cliënt / manager / business vaak veranderen in de tijd, en de mogelijkheid om te reageren op de veranderingen op de juiste wijze is cruciaal.
  3. Ken de trends en cijfers in uw vakgebied. Bijvoorbeeld, als een Canadees Ik ben vooral bewust dat Facebook en Youtube heeft de hoogste acceptatiegraad in Canada, en dat 1 op de 6 Canucks gebruiken smartphones. Wist u dat Apple zal naar verwachting $ 24000000000 dollar te verdienen aan de iPad alleen al dit jaar?
  1. Basisgebruikersinterface design – weten hoe dingen zoals menu’s, tabs, formulieren, modale en niet-modale dialoogvensters, mode switching, multi-select / single select controls werken en hoe ze te gebruiken
  2. UI affordances – bijvoorbeeld, niet breken de back-knop, paneermeel, met behulp van opvallendheid in het ontwerp, het houden tot 7 +/- 2 elementen in een lijst, mysterie vlees navigatie etc. vermijden
  3. Gevoel voor design esthetiek
  4. Kleur theorie
  5. Typografie
  6. Hedendaags design patterns: activiteit streams, live meldingen, automatisch opslaan van de staat verandert in een pagina
  7. Begrijp inhoud curation principes – matiging, scoren
  8. game mechanics
  9. Begrip van A / B-testen
  10. de oorspronkelijke basis staatloze HTTP-client / server-model, en de live applicatie paradigma dat-jury opgetuigd op de top van het is geweest, wat leidt tot een uniek design kwesties – heel duidelijk dat in basic web design hebben we een onheilige huwelijk van twee verschillende paradigma’s te begrijpen (bijvoorbeeld de betekenis van de back-knop).
  11. Toegankelijkheid – het ontwerpen van toegankelijke inhoud is meer dan alleen het beheren van uw website door middel van een screenreader testsite. Het is een staat van bewustzijn dat alomtegenwoordig in uw ontwerp proces moet zijn. Ik persoonlijk zie het als een set van zachte heuristiek (vermijd blauw / groene kleur combo’s etc.) en harde praktijken (gebruik alt-tags voor elke afbeelding etc.)
  1. HTML
  2. CSS
  3. Javascript en bijbehorende bibliotheken – dezer dagen bijna altijd jQuery
  4. Ajax
  5. Comet – lange polling en andere technieken
  6. Binnen HTML5: hoe Canvas gebruiken en hoe SVG gebruiken – zich bewust zijn van hoe de twee elkaar overlappen oplossingen voor overlappende problemen.
  7. XSS beveiliging / beveiligde data management
  8. Internationalisering – tekensets
  9. Content optimalisatie
  10. Cross-browser compatibiliteit
  11. Schermresolutie compatibiliteit
  12. Basis grafisch ontwerp
  13. Basiskennis van de mogelijkheden van Flash en Silverlight, en de nadelen van beide
  14. Hoe video en videocodering kwesties dienen, vooral met het begin van HTML5
  1. Ten minste één server side taalontwikkeling – Python, Java, Ruby etc.
  2. Ten minste een application development framework – Django, Rails etc.
  3. Conceptueel begrip van de principes van REST API ontwerp
  4. Conceptueel begrip van relationele databases
  5. Optioneel: conceptueel begrip van andere gegevens op te slaan paradigma gebruikt in tools zoals Cassandra
  6. Begrip van de inhoud caching, content delivery netwerken en andere onderwerpen met betrekking tot de prestaties
  7. Distributed computing – hoe concepten zoals Map / Verkleinen werk. Hoewel nog vrij esoterische op de dag tot dag van de meeste ontwikkelaars, is dit onvermijdelijk zal toegankelijker en prominent in de komende jaren.
  8. Begrijpen hoe diensten te gebruiken, zoals EC2 van Amazon
  9. Begrip van SSL-certificaten en de site
  10. Begrip van DNS en hoe domeinnamen, name-servers en A, MX en CNAME-records werk
  11. Begrip van hoe analytics te gebruiken om bezoekers van de site te volgen
  12. Begrijpen hoe webservers werken, hoe de toepassing kaders en databaseservers zijn gerelateerd aan webservers, welke poorten zijn, welke permissies zijn, wat CGI is en hoe u de basisinstellingen van een Apache-installatie te wijzigen
  1. Inzicht in de technologie achter RSS en content syndication
  2. Begrijpen hoe syndicaat uw inhoud
  3. Begrijpen hoe Facebook social plugins, Facebook apps, fan pagina’s, groepen, de Like-knop. Dit is meer dan alleen de technologie. Begrijpen waarom, bijvoorbeeld, heeft Facebook niet toe dat apps om gebruikers te belonen voor het plaatsen van content aan de muren van vrienden.
  4. Bekend zijn met ten minste de Facebook en Twitter API’s, en gemeenschappelijke API concepten zoals OAuth.
  5. Begrijp Twitter plugins, hashtags en zoekopdrachten, RSS met Twitter, Twitter website widgets
  6. Begrijpen hoe sociale aggregators werken, en hoe voorbereid te zijn op de Digg en Reddit effect
  1. Inzicht in het gedrag van de WebKit browser op mobiele
  2. Inzicht in hoe te ontwerpen voor een breed scala van resoluties en apparaten
  1. Begrijpen hoe reclame platforms werk, welke woorden als CPM en "inventaris" betekenen en hoe om reclame te integreren in je eigen content
  2. Begrijp fundamentele SEO – hoe u ervoor zorgen dat uw inhoud wordt opgepikt door de zoekmachines
  3. Ik moet echt zet SEO in een andere rubriek helemaal, want het is een hele wereld op zichzelf. Maar op zijn minst, wie Matt Cutts is.
  1. Bekendheid met papier prototyping als samenwerking en testing tool
  2. Bekendheid met draad framing als samenwerking en testing tool
  3. Bekendheid met versie controle systemen

Bron: www.quora.com

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

drie + dertien =