To Wonder Multimedia » Design

De ontwerpende ontwikkelaar

Luc Princen — Mon, 19 Dec 2011 09:00:26 +0000

Het klinkt als de titel van een heel slecht Suske en Wiske boek, maar het gaat eigenlijk over iets heel eenvoudigs; het vak multimedia kent een aantal disciplines en ontwerper en ontwikkelaar zijn er twee van. Beide hebben heel veel met elkaar te maken; de een ontwerpt een applicatie of webpagina en de andere moet hem vervolgens bouwen. Deze twee disciplines overlappen echter zovaak met elkaar dat een ontwerper altijd (in ieder geval een klein beetje) moet weten over ontwikkeling (voor je het weet ontwerpt hij iets wat niet ontwikkeld kan worden). En een ontwikkelaar dient weer een klein beetje te weten over ontwerp, aangezien een ontwerper nooit 100% van een website of applicatie opvangt in zijn ontwerp.

Dit kan nog best eens lastig zijn. Ik ben begonnen als ontwerper en om je vervolgens ook ontwikkeling in meerdere talen aan te leren kost veel tijd en doorzettingsvermogen. Andersom is het volgens mij iets simpeler. Okay, het kan zijn dat je als ontwikkelaar geen enkel gevoel voor design hebt, maar er zijn altijd een paar spelregels waar je je aan kunt houden om dit als nog goed te kunnen doen. Onlangs kwam ik een geweldige presentatie tegen van Johan Ronsse over het ‘ontwerpen als ontwikkelaar’ en die wil ik jullie niet onthouden:

Credits voor de afbeelding zijn voor @shanesnow het origineel is erg tof en is hier te bekijken.

Ontwerp die share-functies!

Luc Princen — Fri, 09 Dec 2011 09:00:54 +0000

Wat me heel erg opvalt in ontwerpen de laatste paar jaar is hoe slecht een hoop sites omgaan met sociale media. En dan bedoel ik niet dat ze alleen maar onzin twitteren, of dat de lokale rolgordijnen-boer eigenlijk helemaal geen Facebook-fanpagina nodig heeft (hier kan ik sowieso al een paar blogberichten mee vullen), maar het feit dat social media vrijwel nergens in de stijl van de pagina wordt geïntegreerd.

Ergens tussen 2008 en 2010 hebben mensen collectief besloten om social media via iPhone-achtige icoontjes te integreren en twitter met de standaard widgets in te laden. Deze onderdelen voelen voor mij op vrijwel iedere website out-of-place. Je hebt absoluut een excuus als je zelf niet heel erg technisch bent en ook geen geld hebt voor betaalde opties, maar professionele webbedrijven; jullie moeten het hebben van jullie expertise en uitstraling!

Naast de icoontjes zijn het de standaard widgets, gadgets, plugins en andere meuk die deze design-jungle nog erger maken. Neem nou dit gedrocht:

Het breekt de complete layout van vrijwel elke website (tenzij je hele website in web 2.0 ‘awesomesauce’ is gegoten) en presenteert me icoontjes alsof ik een idioot ben. Wellicht ben ik teveel van de oude stempel; mijn idee van delen via social media is dat ik ZELF even de url kopieer. Maar goed, via een share-applicatie is natuurlijk ook prima.

Mijn punt is alleen; ontwerp ook de share-applicatie als je een website aan het bouwen bent. De icoontjes leiden in veel gevallen af van de content omdat ze helemaal out-of-place zijn. En bij twitterstream intergratie wil ik gewoon graag zien dat je de moeite hebt genomen om dit te stijlen als elk ander contentonderdeel, de standaard twitter widget leidt me enorm af van waar het werkelijk om gaat; de tweets. Ik bedoel; kijk nou naar dit massieve blok informatie:

Ten eerste hoef ik de tagline van twitter niet op mijn pagina te hebben, ten tweede dwaalt mijn oog constant naar de dikke blauwe rand en ten derde; het is een complete app opzich… je kunt in deze widget scrollen. Het is geen onderdeel van de webpagina.

En dat terwijl deze icoontjes ook weergegeven kunnen worden in kleuren die bij de applicatie passen, zonder herkenbaarheid te verliezen. Het twitter vogeltje komt echt nog wel duidelijk over als het donkergrijs gekleurd is.

Nieuwe visitekaartjes

Luc Princen — Sat, 20 Aug 2011 08:05:14 +0000

Bij een nieuwe identiteit hoort een compleet nieuwe huisstijl, vandaar dat ik ook nieuwe visitekaartjes heb besteld. Wederom met een unieke vorm (dye cut) om de aandacht te trekken.

Hier de foto’s:

Nieuwe Vooys cover

Luc Princen — Thu, 18 Aug 2011 08:00:26 +0000

Voor het literaire tijdschrift Vooys maak ik inmiddels al drie jaar de cover. Het komende nummer heeft als thema ‘binnen en buiten’.

Vimeo round-up #3

Luc Princen — Wed, 17 Aug 2011 08:00:40 +0000

Voor we met de derde editie van de Vimeo round-up aanvangen, een klein verhaaltje over hoe ik steeds aan deze video’s kom. Al sinds 2006 ben ik lid van StumbleUpon, voor degene die de dienst nog niet kennen; het is een soort zap-machine voor het internet. Ga vooral direct een account aanmaken!

De eerste clip is gekozen na aanleiding van de rellen in London. Mooie typografie en de tijdloze speech van Peter Finch in de film Network (1976, Sidney Lumet):

Mad As Hell! Kinetic Typography from Aaron Leming on Vimeo.

Vervolgens een prachtige serie timelapses:

EARTH: The Pale Blue Dot from Michael Marantz on Vimeo.

En als laatste een hele gave stop-motion film die veel tijd, materiaal en centen gekost moet hebben.

MOVE from Rick Mereki on Vimeo.