Ontwerpen voor niet-ontwerpers

De ontwerper houdt zich bijvoorbeeld niet alleen bezig met wat de gebruiker op het scherm kan zien, maar ook met wat de gebruiker uiteindelijk te zien krijgt als reactie op een gebeurtenis. Een gebeurtenis kan zoiets zijn als een muisklik, een timer-einde of zelfs een fout. We moeten ons zorgen maken over hoe het product zal reageren op dingen die gebeuren terwijl de gebruiker ermee bezig is. Hoewel ons werk normaal gesproken op een tweedimensionaal scherm wordt weergegeven, moeten we in ten minste vier dimensies kunnen denken.

Succes als webdesigner vereist beheersing van een zeer breed scala aan vaardigheden. De onderstaande grafiek toont een enorm vereenvoudigde weergave van de belangrijkste gebieden waar ontwerpers op zijn minst een goed begrip van moeten hebben.

Binnen elk van deze lagen kunnen er talloze andere lagen zijn die elk verschillende kennis, vaardigheden en specialisaties vereisen. Als u bijvoorbeeld de bovenste twee lagen (Gebruikersinterface en Navigatiearchitectuur) groepeert, bevindt u zich op het grondgebied van een UX-ontwerper, omdat het hun belangrijkste taak is om te evalueren hoe deze items in het bijzonder werken of niet werken ten voordele van de gebruiker. Door de onderste twee lagen te groeperen, krijgt u systeemontwerp.

Door de bovenste laag te isoleren, kon je specialisaties vinden in grafisch ontwerp, vormontwerp, lay-out, typografie, animatie en nog veel meer. Het punt is dat er geen eenvoudige definitie is van wat een webontwerper is of doet. Ze kunnen sommige van de hierboven beschreven dingen doen, of ze kunnen geen van hen doen.

Sommige webontwerpers zijn misschien briljant in grafisch ontwerpen en tekenen, maar hebben geen enkele flauwekul als het gaat om coderen. Anderen kunnen briljante programmeurs zijn, maar kunnen niet veel beter tekenen dan een gemiddelde kleuterklasstudent. Als webontwerpers niet precies weten wat webontwerp is, is het geen wonder dat klanten zelden waarderen wat een complexe operatie het is om een ​​website van hoge kwaliteit te maken.

Het beheersen van al deze vaardigheden is een grote opdracht voor elke individuele persoon, daarom werken de meeste studio's het liefst in een teamomgeving. Dat is niet altijd praktisch voor iedereen, bijvoorbeeld als je alleen maar je voeten in je eigen kleine bedrijf vindt, en er kunnen momenten zijn waarop je merkt dat je dekking moet zoeken voor een afwezig teamlid. In deze handleiding wordt uitgelegd hoe u kunt omgaan met de verwachtingen van uw klant over uw eigen verwachtingen.

1. Ken je sterke punten

Het helpt veel als je al weet waar je het beste in bent. Ben je goed in coderen? Focus vervolgens 80% van uw productie-inspanningen op codering. Ben je goed in tekenen? Richt vervolgens 80% van uw productie-inspanning op dat. Ben je goed in beide? Benut dat voordeel en zoek iemand anders om het drukke werk te doen. Overigens betekent het kennen van je sterke punten ook het identificeren van je zwakheden, en dat is waar je 80% van je leerinspanningen zou moeten focussen, zodat je ze kunt elimineren.

2. Werk samen

Hoe zuinig je ook bent, of hoe hebzuchtig je ook bent, dat advies dat je op de kleuterschool hebt gekregen, is dat het goed voelt om te delen. Doe het zo: wil je voor $ 2000 op één website per maand werken of wil je per maand werken aan 20-websites voor een 20% -aandeel van $ 40,000? Met een getalenteerd team van collega's kun je meer gedaan krijgen in minder tijd, op voorwaarde dat jullie allemaal goed kunnen samenwerken (dat is het andere dat we in de kleuterschool hebben geleerd).

Gelukkig leven we in een tijdperk waar het vinden van talent eenvoudiger is dan ooit tevoren. Een team zou allemaal in hetzelfde gebouw kunnen samenwerken, of ze zouden verspreid over vijf verschillende continenten kunnen zijn. Kleine details als dat doen er niet meer toe, zolang je maar goed communiceert.

Zorg er wel voor dat als u outsourcing doet, u uw talent niet haalt uit veilingsites voor concurrerende talenten zoals O-Desk en E-Lance. Deze zijn gevuld met wannabes en slackers, dus het vinden van echt talent is als het zoeken naar een diamant in een enorme berg kolen.

Ga naar plaatsen waar je bergen diamanten aantreft die in plaats daarvan slechts zijn aangetast door slechts een spoortje kolen. Als je de kogel moet bijten en met iemand van die andere sites moet werken, ga dan niet met de laagste bieder of de bieder met de meest voltooide werken. Zoek naar de beste communicator (goed geschreven advertentie of antwoord, duidelijk uiteengezet wat ze voor u kunnen doen in een taal die u begrijpt).

Dus wat voor soort plaatsen? Hier zijn een paar suggesties:

  • StackOverflow voor coders
  • ProBlogger voor inhoudschrijvers
  • Freelance Artists Network voor illustratoren
  • Toptal voor UI, UX en Visual Designers

Het inhuren van kwaliteitsbronnen zoals dit is niet goedkoop, maar het betekent dat je meer zelfvertrouwen kunt hebben over de mogelijke resultaten. Probeer duurzame partnerschappen te vormen en indien mogelijk is het het beste om een ​​winstdeling van vaste kostenbasis in te huren dan om een ​​uurtarief te betalen.

Houd er rekening mee dat de meeste mensen hun vaardigheden te hoog inschatten, dus besteed niet te veel aandacht aan wat mensen zeggen dat ze kunnen doen. Leg meer nadruk op wat mensen laten zien dat ze kunnen doen. Houd ook rekening met cascadering. Wat is dat? Welnu, wanneer u iemand uitbesteedt die op zijn beurt het werk uitbesteedt aan iemand die het zelf misschien uitbesteedt ... kunt u zien wat het risico hier is.

Als een toekomstige huur meer werk lijkt te produceren dan menselijk mogelijk zou zijn en de kwaliteit niet helemaal zou zuigen, is dat een zeer sterk teken dat ze waarschijnlijk in een stroomversnelling raken, wat betekent dat je meer betaalt dan zou moeten, en de persoon die het werk doet, profiteert ervan.

3. In een mum van tijd kun je altijd traceren

Met een combinatie van GIMP en InkScape kunt u vrijwel elk grafisch ontwerp maken dat u kunt bedenken. Maar als je niet echt het soort ontwerper bent dat goed is in tekenen, kun je altijd hoeken snijden en vals spelen. Dit artikel is eigenlijk alleen maar het herhalen van alle lessen die je hebt geleerd in de kleuterklas, is het niet? Maar hé, waarom tekenen wanneer je kunt traceren, toch?

Nu zul je merken dat ik zei trace en niet kopiëren. Kopiëren is fout, behalve wanneer iets al een publiek domein is. Door te kopiëren, stel je jezelf en je cliënt bloot aan onnodig risico, en val je iemand af die tijd en moeite heeft besteed aan het maken van iets waarvan je denkt dat het het waard is om te kopiëren.

Traceren daarentegen is nog steeds een origineel werk aan het creëren, zolang het eindresultaat niet te veel lijkt op het origineel. Maar je hoeft hoe dan ook niet iemands andere werk te traceren. Je kunt ook je eigen originele foto's traceren. U kunt ook PhotoShop-filters gebruiken om foto's naar schetsen te converteren, maar dat werkt niet bijzonder goed.

Laten we die techniek in actie zien

In dit scenario heeft uw klant om een ​​logo van een muis gevraagd dat voor zijn website moet worden gemaakt, en het moet dringend worden gedaan. De persoon die normaal alle tekening voor je maakt is weg en kan niet worden bereikt, en er is geen tijd om iemand anders te rekruteren zonder een groot risico te nemen. Dus wat kan je doen?

Een goede manier om te beginnen zou zijn om gewoon een foto van je muis te maken.

Bewerk vervolgens de afbeelding in GIMP of PhotoShop om het formaat te wijzigen naar een meer praktisch formaat en alle kleurinformatie eruit te verwijderen. Ik vond dat desaturerend met de instelling Luminosity het beste resultaat gaf in termen van het verminderen van de schaduw.

Exporteer de afbeelding als een nieuwe JPG en sluit de editor. Open de nieuwe afbeelding in InkScape.

Klik op de afbeelding om deze te selecteren en druk vervolgens op Ctrl + X om het naar het klembord te sturen.

Selecteer nu Lagen in het menu Laag en klik op de knop om een ​​nieuwe laag toe te voegen, die u "achtergrond" zou kunnen noemen.

Druk op Ctrl + Alt + V om een ​​"Plakken op zijn plaats" -bewerking uit te voeren. Hierdoor wordt de afbeelding weer op exact dezelfde positie geplaatst als waarmee u de afbeelding hebt afgekapt (als u alleen een normale plak toepast, kan deze worden verschoven).

Stel nu de laagdekking in op een lage waarde, zoals 40 of zelfs 30, en klik vervolgens op het hangslotsymbool om de laag te blokkeren voor verdere wijzigingen.

Voeg een nieuwe laag toe, die u "trace" zou kunnen noemen.

Selecteer nu het potloodgereedschap (teken lijnen uit de vrije hand) en trek voorzichtig over de lijnen. Dit werkt een stuk gemakkelijker als u een stylus en grafische tablet gebruikt, maar het kan nog steeds met een muis. Het kan helpen om in de afbeelding in te zoomen. Voer het werk in kleine delen uit, om het minder frustrerend te maken bij het oplossen van fouten.

Zoom rechtstreeks in op gebieden die een zeer fijne controle vereisen. Maak je geen zorgen over het invullen van gearceerde gebieden, dat doen we later. Houd er ook rekening mee dat als sommige bits moeilijk zichtbaar zijn, de dekking van de achtergrondlaag tijdelijk moet worden verhoogd, zodat u gemakkelijker kunt zien.

Je zou nu een perfecte samenvatting van het onderwerpbeeld moeten hebben. Afhankelijk van de taak wilt u misschien opvulling en arcering gebruiken, of laat u deze als een monochrome omtrekafbeelding achter.

Verberg of verwijder de achtergrondlaag en sla deze sjabloon op in SVG-indeling.

Nu kun je een beetje met de afbeelding spelen. Misschien wat kleur toevoegen.

Dan een textuur.

Maar voor een logo is dit waarschijnlijk overdreven, dus we moeten het simpel houden. Terugkerend naar zwart-wit verkleinen we het beeld.

Voeg nu eenvoudig enkele logo-artefacten toe, zoals:

En voila! Het voltooide meesterwerk. Dit is meestal het punt waar de woedende klant je belt en klaagt dat je een computermuis hebt geplaatst toen ze echt een cartoonmuis wilden. Dat is een onderwerp voor ons volgende artikel, omgaan met lastige klanten.

header afbeelding met dank aan Ramotion

Bogdan Rancea

Bogdan is een van de oprichters van Inspired Mag en heeft in die periode bijna 6 jarenlange ervaring opgebouwd. In zijn vrije tijd studeert hij graag klassieke muziek en onderzoekt hij beeldende kunst. Hij is ook behoorlijk geobsedeerd door fixies. Hij is al eigenaar van 5.