Af en toe moet ik gewoon iets nieuws proberen. Misschien heb ik het gevoel dat mijn vaardigheden slippen. Misschien wil ik de neuronen springen die verantwoordelijk zijn voor mijn creativiteit. Misschien verveel ik me. Er zijn veel goede redenen om echt een ontwerpuitdaging aan te gaan.

Hier zijn er nog meer: ​​u kunt conceptuele ontwerpen aan uw portfolio toevoegen. U kunt bloggen over uw ervaringen en uw vaardigheden hierbij bekendmaken. Je kunt een ontwerpuitdaging aangaan met andere designervrienden en misschien concurreren. U kunt meer inzicht krijgen in de technologie die u gebruikt.

Het gaat erom iets anders te doen dan normaal. Verandering omwille van zichzelf is niet altijd aan te raden, maar nieuwe dingen proberen is hoe we groeien als ontwerpers en als mensen. Misschien doe je geen enkele van deze uitdagingen op de website van een klant tenzij je absoluut zeker weet dat ze het leuk zullen vinden.

1. Probeer iets nieuws te bouwen

Dit is eigenlijk mijn persoonlijke uitdaging. Ik probeer iets te bouwen - meestal iets dat te maken heeft met lay-out - dat ik niet eerder heb gebouwd. Het kan een effectieve en toegankelijke horizontale scrolling-interface zijn, een site met drie kolommen die ik eigenlijk leuk vind, of een responsieve achtergrond in volledig scherm met absolute positionering.

je kunt nieuwe CSS-modules uitproberen ... zonder je zorgen te maken over compatibiliteit tussen browsers

Dit is een uitdaging waarbij je nieuwe CSS-modules kunt uitproberen, of technieken die je misschien nog niet eerder hebt bedacht, zonder je zorgen te maken over compatibiliteit tussen browsers of andere problemen.

2. Verander uw kleuren

Ik weet dat ik persoonlijk altijd geneigd ben om vast te houden aan wat ik weet dat het werkt, voor zover het kleuren betreft. Ik hou van mijn gedempte schakeringen van kleuren, mijn grijzen, mijn onverzadigde groenen en blues, enzovoort. Tenzij u een specifieke stijl- of merkgids moet volgen, kan het gemakkelijk zijn terug te vallen op wat u weet dat het werkt.

Kom maar uit je comfortzone! Bouw een site met een kleurenschema waar je normaal niet voor zou gaan. Voor mij zou dat meer heldere en gewaagde kleuren gebruiken. Ik zou de verzadiging in het algemeen moeten verhogen. Voor jou zou je een donkere lay-out kunnen overwegen, als je dat meestal lichte doet. Gebruik zachtere kleuren als u de neiging heeft om helder en vet te worden. Velen van ons, inclusief ikzelf, gebruiken niet voldoende contrast in onze ontwerpen. Probeer meer toe te voegen. Probeer eens een ontwerp dat helemaal zwart en wit is en laat het werken.

3. Kopieer een gecompliceerde lay-out

Oké, kopieer de site van iemand anders niet precies. Zoek gewoon een site met een mooie, complexe lay-out of ontwerp en kopieer deze zonder naar de bron te kijken. Bouw het ding helemaal opnieuw op door de belangrijkste lay-outelementen te bekijken en uit te zoeken hoe u het zelf moet doen. Gebruik dit niet voor een live site, maar als een eenvoudige HTML / CSS / JS-oefening.

het gaat er niet om een ​​pixel-perfecte kopie te maken, maar om de principes achter de ontwerpbeslissingen te leren

Je kunt ervoor kiezen om een ​​van die mooie, experimenteel ogende sites te kopiëren om te zien of je dezelfde prestatie kunt uitvoeren. Of u kunt de lay-out kopiëren van een grote winkelsite, om erachter te komen hoe u die hoeveelheid HTML en CSS op een praktische manier zou beheren. Kopieer een nieuwssite om te zien hoe ze omgaan met het schalen van grote hoeveelheden tekst en afbeeldingen op een responsieve manier.

Denk eraan, het gaat er niet om een ​​pixel-perfecte kopie te maken, maar om de principes achter de ontwerpbeslissingen te leren.

4. Ontwerp en / of codeer een site met behulp van nieuwe tools

Als je gewend bent aan Foundation, probeer Bootstrap of een minder bekend framework. Probeer een andere pre-processor. Probeer een ander CMS. Probeer een ander bestandsbeheer of een teksteditor. Als je een programmeur bent en / of van pijn houdt, laat je favoriete JS-raamwerk vallen en probeer een ander.

Vanzelfsprekend, als je diepgaand wilt gaan, zou dit een van de langere uitdagingen zijn, maar het hoeft niet te lang duren om de werkingsprincipes van nieuwe tools te leren. Het belangrijkste is om niet noodzakelijk alles over uw workflow te veranderen, maar om uzelf bloot te stellen aan nieuwe en mogelijk betere ideeën.

5. Probeer een nieuwe methode uit

Net zoals bij het laatste deel kun je een middag of twee een heel andere manier van werken proberen. Als je vooral een grafische specialist bent, probeer dan eens te kijken hoe anderen beginnen en hun testmodellen in te vullen. Kijk hoe anderen hun lagen ordenen. Kijk of je iets van ze kunt leren. Of je zou kunnen kijken naar een volwaardige ontwerpmethodologie zoals Atomic Design .

Aan de voorkant van de ontwikkeling kan je een nieuwe CSS-methode uitproberen. Hongkiat heeft een goed overzicht van enkele van de meer populaire manieren om uw CSS te organiseren.

6. Verfijn een oud ontwerp

Als ik naar mijn oudere ontwerpwerk kijk, zijn mijn meest voorkomende emoties frustratie en een kleine hoeveelheid walging. In die staat heb ik vaak besloten om voor een volledig herontwerp te gaan. Als je dit al een tijdje doet, is de kans groot dat je oude werk is gebaseerd op solide principes. Het moet alleen worden bijgewerkt en verfijnd.

nieuwe kennis toepassen op oud ontwerp in plaats van het allemaal te verbranden en opnieuw te beginnen

Neem een ​​oud ontwerp en werk het bij zonder de kernelementen ervan te wijzigen. Misschien dezelfde indeling behouden, maar de spatiëring van elementen bijwerken. Bewaar de gekozen lettertypen, maar werk de tekststijlen bij zodat deze beter aansluiten bij uw kennis van typografie. Houd de gekozen kleuren, maar maak er beter gebruik van.

Zie gewoon wat er gebeurt als je nieuwe kennis toepast op oud design, in plaats van alles op te branden en opnieuw te beginnen.

7. Volg een zelfstudie (de harde manier)

Zelfstudies zijn vaak een schat aan informatie, zelfs als u hier al een tijdje mee bezig bent. Kopieer en plak de code niet. Zoek een goede, lange zelfstudie en typ elke regel voorbeeldcode zelf. Volg elke stap in Photoshop zorgvuldig. Observeer hoe alles verandert als elk stukje van de puzzel wordt toegevoegd.

Als er een beetje is dat je niet begrijpt, gebruik het dan totdat je het doet. De uitdaging hier is niet een van creativiteit, maar van begrip ... en misschien van uithoudingsvermogen.