Categorie archief: grafisch ontwerp en webdesign

windows of New York

windowsofnewyork.com van José Guizar

deurknop uit Alice in WonderlandAls peuter leef je in het animistische stadium. Dat weet ik zo zeker omdat ik a) al eens peuter ben geweest b) wel eens stoned ben geweest (waardoor er een weg terug bleek te zijn) en c) door talloze animatiefilms, van Fantasia tot Toy Story.

Voor het animistische bewustzijn is alles bezield en lopen dingen en levende wezens in elkaar over. De deurknop, ook al kent deze zijn (of haar) plaats, heeft een eigen wil. Als de zon schijnt heeft deze een stralende lach. Schaduwen zijn flinterdunne figuren. Dat we van het animistische stadium afscheid hebben genomen, heeft volgens mij een praktische reden. Het is nogal vermoeiend en vaak bedreigend als álles blijkt te leven.

Maar soms is het prettig om de fantasie even haar gang te laten gaan. Het is een kracht die alles vloeibaar maakt. De saaiste straat kan veranderen in een avontuur als deze door het toverstafje van de verbeeldingskracht is aangeraakt. Elk gevel blijkt een gezicht te zijn met een eigen karakter. Ramen worden ogen, met of zonder wenkbrauwen.

Vijf jaar geleden maakten we verschillende stadswandelingen door Brussel en fotografeerde Michaela details in de voorgevels van de historische panden. Het leverde een mooie fotoreportage op van karakteristieke ramen en deuren in Art Nouveau stijl.

Art Nouveau in Saint Gilles
details van Art Nouveau deuren en ramen in de Brusselse wijk Saint Gilles (foto’s: Michaela Dohle)

Als Brussel een mekka voor de Art Nouveau is, dan is New York dat voor de Art Deco. José Guizar, een grafisch designer uit New York, kwam op het idee om ramen in New York op een bijzondere manier de documenteren. Hij maakte eerst foto’s en zette deze daarna om naar strakke, puntgave vectorafbeeldingen. Op internet begon hij het project windowsofnewyork.com waar we in het raam van onze browser door de ramen van New York kunnen scrollen. Elk raam is geadresseerd zodat we het met Google Streetview kunnen opzoeken.

windows of New York
uit de serie windows of New York
credits: José Guizar
The Windows of New York project is a weekly illustrated fix for an obsession that has increasingly grown in me since chance put me in this town. A product of countless steps of journey through the city streets, this is a collection of windows that somehow have caught my restless eye out from the never-ending buzz of the city. This project is part an ode to architecture and part a self-challenge to never stop looking up.
 
Bron: windowsofnewyork.com

brandmerk

vintage matchbooks op Pinterest

Mijn hele leven ken ik al het opschrift boven de zwaluw op het legendarische luciferdoosje: säkerhets tändstickor. Waarschijnlijk mijn eerste Zweedse woorden. Daaronder stond: manufactured at Uddevalla. Het klonk als het Timboektoe van het Noorden: Uddevalla.

Samen met het blikje van Brasso, de doos van Brillo en de flesjes van Coca Cola en Maggi is het luciferdoosje van Svalan voor mij een fetisj in merkenland. Als het waar is dat merken ons onderbewustzijn koloniseren, dan zijn het in ieder geval deze merken.

Maar soms duiken er ook totaal onbekende merken op, die ik van harte een plekje in mijn  onderbewustzijn gun. Ik beperk mij hier even tot lucifermerken. Dat is geen willekeur. Mijn liefde voor postzegels en voor lucifermerken gaan namelijk heel goed samen. Ik hou van miniaturen. En van lucifers. Ze zitten niet voor niets in mijn overlevingspakket.

matchbooks01
Geen säkerhets tändstickor maar safety matches. Een fakir uit Gudiyattam doet voor hoe het moet.  The Burning Boy is zijn slechtste leerling.
matchbooks02
In India wordt het handwerk nog altijd geëerd.
matchbooks03
Ongetwijfeld zal Joeri Gagarin ook op lucifermerken hebben gestaan, maar Bjelka en Strjelka mochten er ook wezen.
matchbooks04
Eye Brand : Safety Matches. Heraldiek en lucifermerken hebben soms veel met elkaar gemeen
matchbooks05
De robot, de hond en de klok.
Wie het weet, mag het zeggen
matchbooks06
Duiker. een Nederlands merk dat ten onder is.

vintage matchbooks [ pinterest.com ]

flat colors

kleurstellingen voor flat design

De look and feel van web 2.0 wordt tegenwoordig sterk bepaald door strakke vectoren en heldere kleuren. 3D is uit, flat design is in. Op dit moment ben ik bezig om met Adobe Illustrator CS vectorillustraties te maken voor een website. Ik werk met een serie van tien paletten van drie tot zes kleuren. Van iedere kleur zijn er telkens drie tinten: één dekkende basistint en een lichtere en donkerder variant die reageert op de kleur van de ondergrond.

flat colors
De lichte en donkere zijde van de kubussen reageren op de kleur van de ondergrond. De rechter zijde van de kubus is de basistint.
flat colors
de kleuren in wisselwerking met de kleur van de ondergrond

pink San Francisco

vintage graphic design van Lab Partners

Ryan Meis en zijn vrouw Sarah Labieniec uit San Francisco vormen samen Lab Partners. Ik ontdekte hun werk in 2008 via Grain Edit. Ze maken subtiele grafische ontwerpen en illustraties in een geabstraheerde retro stijl met een voorkeur voor roze en pasteltinten.

labpartners_website
website van Lab Partners

Naast hun website is er ook een blog, en een pagina op Facebook, Flickr en Pinterest. De pagina op Pinterest geeft een aardige blik op de inspiratiebronnen van Lab Partners. Je vindt er o.a. Skandinavisch keramiek uit de jaren vijftig en Mid Century Modern interieurs. Ook vond ik onderstaande vintage Season’s Greeting die door Lab Partners ontworpen had kunnen zijn.

deerme
Deer me (credits: FroggyBoggler)


Lab Partners

vectorians

Vintage Style Guide

In de negentiende eeuw waren de filosofie en de wetenschap in de greep gekomen van het zogenaamde Heraklitisme, de leer van het radicale “worden”. Met Hegel voorop volgden de filosofie en de wetenschap. Marx met zijn historisch materialisme, Ranke met zijn historisme en Darwin met zijn evolutietheorie. Dit betekende dat alles ten prooi viel aan de woeste maalstroom van het “worden”. Ook de kunsten ontkwamen er niet aan.

john parry 1835
Orlando Parry – A London street scene 1834(detail) Voordat het Victoriaanse tijdperk aanbrak, bestond er in Engeland al een wildgroei aan chocoladeletters. De typografische stijlloosheid zou in de loop van de 19e eeuw alleen maar groter worden.

Architectuur, industriële en grafische vormgeving werden het slachtoffer van eclecticisme. Het neo-classicisme en de romantiek aan het begin van de eeuw waaierden via Biedermeier en Regency Style uit in een lange reeks neo-stijlen. De Victoriaanse tijd was in wezen stijlloos geworden en leek wat dat betreft erg op onze postmoderne tijd. Alles leek weer te kunnen. Retro forever.

In het Victoriaanse tijdperk (1837-1901) werd ook de clip art uitgevonden: naslagwerken met litho’s van zorgvuldig gekopieerde ornamenten, onderverdeeld in historische stijlen. Zo konden architecten en vormgevers kiezen uit neo-gotiek, neo-barok, neo-rococo, neo-renaissance, enz… Digitale clip art is de erfgenaam van deze plaatjesboeken.

vectorians
illustraties uit a vintage style guide van Vectorians

Digitale clip art is onafhankelijk van de resolutie. De afbeeldingen zijn opgebouwd uit vectoren. Clip art fabrikant Vectorians is zich blijkbaar bewust van de Victoriaanse wortels. De vintage vectors (clip art) worden niet zomaar op de grote hoop van het Victoriaanse eclecticisme geveegd. Een goed verzorgde vintage style guide begeleidt de gebruiker in de vormgeving van de negentiende eeuw.

vectorians
illustraties uit a vintage style guide van Vectorians

Het modernisme van de twintigste eeuw lijkt een intermezzo geworden tussen het eclecticisme van de negentiende eeuw en de retro van de eenentwintigste eeuw.

ragpickinghistory.co.uk | a vintage style guide

Woest & Vredig 2.0

Deze blog is verhuisd naar WordPress 3.8
en heeft een nieuwe vormgeving gekregen

Woest & Vredig 2.0 is HTML5 en CSS proofed en responsive. Dat betekent dat hij voldoet aan de nieuwste webstandaard. Deze moet naar verwachting tot 2022 voor stabiliteit op het world wide web zorgen. Met responsive wordt bedoeld dat het ontwerp geoptimaliseerd is voor het mobiele internet. Op smartphones en tablets zal deze soepel schalen.

De vormgeving is gebaseerd op het WordPress Theme Twenty Thirteen. Sommige elementen van Woest & Vredig 1.0 zijn omwille van de continuïteit bewaard gebleven. Er is gekozen voor een ruimere opzet: de tekst staat in een grotere letter met een wijdere regelafstand. Er is meer witruimte waardoor er een betere balans gekomen is tussen tekst en beeld.

Op desk- en laptops staat rechts  een kolom met daarin een zoekoptie, een tag cloud, een overzicht van onderwerpen, een gallery en de mogelijkheid om in het archief (ruim 3500 berichten verdeeld over 22 onderwerpen) te grasduinen. Op mobiele apparaten verschijnt deze kolom onder de berichten. Helemaal onder is een overzicht van 14 verschillende series die in de afgelopen tien jaar verschenen zijn.

Hopelijk blijven de kinderziekten uit ;-)

van Mingus naar Parker

bezig met het verhuizen van deze blog naar WordPress 3.8.1
en met het ontwerp van een nieuwe frontend

Dit stukje gaat niet over Jazz maar over WordPress, de editor waarmee deze blog gemaakt wordt. De versies van dit populaire Content Managing System dragen sinds 2004 namelijk de namen van Amerikaanse Jazzmuzikanten. Toen ik tien jaar geleden begon te bloggen, bleek ik een early adopter van WordPress. Inmiddels is dit CMS uitgegroeid tot het populairste CMS ter wereld. In augustus 2004 installeerde ik versie 1.2. (Mingus) en sindsdien draait deze blog op Mingus, die oorspronkelijk gebruik maakte van PHP 4.1 en MySQL 3.23.23.

Woest & Vredig loopt 19 generaties van WordPress achter.

Nooit installeerde ik een upgrade. Ik bleef stug werken met een CMS van tien jaar oud (Mingus is van mei 2004), Tien jaar lang bijna dagelijks stukjes inkloppen op dezelfde backend geeft een prettig gevoel van stabiliteit. Ik begrijp de schrijver die verknocht is aan zijn schrijfmachine en nooit de stap naar Word Perfect, laat staan naar MS Word heeft willen maken.

van Mingus naar Parker
de backend van WordPress 1.2 (2004) wordt vervangen door de backend van WordPress 3.8.1 (2014). En er komt ook een nieuwe frontend gebaseerd op een reponsive HTML5 template zodat deze blog ook op mobiele apparaten te lezen zal zijn.

Na tien jaar is het de hoogste tijd geworden om een nieuwe versie van WordPress te installeren. Deze blog loopt 19 generaties van WordPress achter. Dus ga ik binnenkort overstappen op Parker (versie 3.8), die in december 2013 het levenslicht zag. Parker speelt op PHP 5.2.4 en MySQL 5.0, niet alleen veiliger maar ook sneller dan al zijn voorgangers. Half april wordt er een nieuwe versie van WordPress verwacht, waarvan de naam nog niet bekend is, maar zeker is dat deze geen Miles Davis, Mingus, Staryhorn, Duke, Ella, Getz, Dexter, Brecker, Tyner, Coltrane, Baker, Carmen, Thelonious, Reinhardt, Gershwin, Sonny, Green, Elvin, Oscar, Basie of Parker zal geen heten.

De verhuizing blijkt een grote klus: de MySQL-database uit 2004 kan niet zomaar geëxporteerd worden. Tien jaar later zijn de tabellen en velden in WordPress anders ingedeeld en hebben vaak andere namen gekregen zodat er allerlei kunstgrepen nodig zijn om de inhoud over te hevelen. Maar de grootste klus blijkt een encryptieprobleem. UTF8 heeft anders dan ASCII twee bytes per teken nodig. Het geëxporteerde bestand (met daarin de kostbare inhoud van 3500 posts) heeft nu een ernstige Ò itis onder de leden die met ingewikkelde zoek-en-vervang-opdrachten wordt bestreden…

wordpress.org