De nieuwste iteratie van mijn ontwerpstijl: style-2024-10.css. Deze update brengt een frisse, moderne look die mijn voortdurende groei als ontwerper weerspiegelt. Ontdek de details en de gedachtegang achter deze nieuwe stijl.
Met de introductie van style-2024-10.css zet ik een nieuwe stap in de evolutie van mijn ontwerpstijl. Deze update is niet alleen een visuele vernieuwing, maar ook een reflectie van mijn groei als ontwerper en mijn streven naar een consistente en moderne gebruikerservaring.
Kleurenpalet
Het kleurenpalet van style-2024-10.css is zorgvuldig samengesteld om een balans te vinden tussen levendigheid en rust. De primaire kleuren zijn blauw en wit, die samen een frisse en professionele uitstraling geven. Daarnaast zijn er secundaire kleuren zoals geel, oranje, rood en groen, die subtiele accenten toevoegen en de visuele hiërarchie versterken. Ik koos hier voor gediffirentieerde kleurtinten rood, oranje, geel, groen en blauw. Door hier zachtere en donkerdere kleuren te definiëren op basis van kleurverzadiging en helderheid, maakte ik een overzicht aan kleuren. Hier koos ik zachte kleuren en afgeronde hoeken om een zachtere uitstraling te hebben dan het harde rood/gele dat mijn huisstijl voorheen had; een subtielere beeldtaal, die voor nu beter bij mijn karakter past.
Typografie
Voor de typografie heb ik gekozen voor het lettertype Rubik, dat bekend staat om zijn robuuste en moderne uitstraling. Rubik wordt gebruikt voor kopteksten en belangrijke elementen. Dit lettertype zorgt voor een duidelijke leesbaarheid en een visueel aantrekkelijke tekstweergave. Het interessante aan dit lettertype vind ik dat het bij grotere teksten duidelijke afgeronde hoeken heeft, wat bij de rest van de huisstijl met afgeronde hoeken past.
Logo
Op basis van het lettertype Rubik ontwierp ik een nieuw logo. Rubik heeft uniforme verhoudingen, en mijn achternaam Ulijn leent zich goed voor een draaisymmetrisch ambigram. Hiermee kwam ik op het logo dan rechtop en ondersteboven hetzelfde er uit ziet. In de uiteindelijk stijl heb ik om dit kracht bij te zetten gemaakt dat het logo draait als je er met je muis op hovert, om dit kracht bij te zetten en de gebruiker een idee te geven van mijn analytische, ontledende werkwijze, zoals ik in mijn artikel Personal Brand Design in 2020 al concludeerde.
Layout en Structuur
De layout en structuur van style-2024-10.css zijn ontworpen met de gebruiker in gedachten. De pagina's zijn responsief en passen zich aan verschillende schermformaten aan, waardoor een consistente ervaring wordt geboden op zowel desktop als mobiele apparaten. De elementen zijn strategisch geplaatst om de leesbaarheid te verbeteren en de navigatie te vergemakkelijken.
Een grote afbeelding bovenaan het artikel zorgt voor een kleurrijke opening van het artikel, omdat veel artikelen op mijn website veel tekst hebben. Door deze achtergrond te blurren neemt het niet te veel aandacht weg van de tekst.
Interactieve Elementen
Een belangrijk aspect van de nieuwe stijl is de toevoeging van interactieve elementen. Knoppen, links en andere interactieve componenten hebben hover-effecten en subtiele animaties als je ze indrukt gekregen, waardoor de gebruikerservaring dynamischer en intuïtiever wordt. Hiermee heb ik primaire, secondary en tertiaire stijlen gedefinieert, zoals hieronder is te zien.
Deze stijlen zijn ook toegepast op chips, om categorieën in plaats van acties te tonen.
Conclusie
Met style-2024-10.css heb ik een nieuwe mijlpaal bereikt in mijn ontwerptraject. Deze update weerspiegelt mijn toewijding aan het creëren van een consistente, moderne en gebruiksvriendelijke ervaring. Ik nodig je uit om de nieuwe stijl te verkennen en te ontdekken hoe deze bijdraagt aan een verbeterde gebruikerservaring.
"Design is not just what it looks like and feels like. Design is how it works."
Ik kijk ernaar uit om deze nieuwe stijl verder te verfijnen en te zien hoe deze bijdraagt aan de groei van mijn portfolio en de tevredenheid van mijn gebruikers.
Toekomst
Door ieder jaar mijn huisstijl kritisch tegen het licht te houden en mezelf te forceren een nieuwe stijl te creëren, zorg ik ervoor dat ik bewust onderzoek en oefen met nieuwe stijlen, die mijn oplossingsrepertoire als (Interaction) Designer blijf uitbreiden.
Naast een jaarlijkse stijl wil ik jaarlijks op 1 april een bestaande stijl incorporeren. Ik heb hier veel ideeën bij, maar die houd ik liever graag nog even geheim. Check mijn website op of na 1 april voor deze verassingkjes.
