Dag 5: Design inspiratie opdoen

Afdrukken
Geschreven door Robert Roose   

Design is het maken van iets dat mooi is. Dit klinkt simpel maar het is lastiger dan het lijkt om iets te maken dat potentiële bezoekers van je website mooi gaan vinden. Daarom gaan we vandaag inspiratie opdoen.

Natuurlijk is er talent nodig bij het maken van een design, talent is immers noodzakelijk bij elk creatief proces. Het is echter ook voor een groot deel een aan te leren vaardigheid. Het onderscheid maken tussen iets dat wel en niet mooi is kunnen we leren door heel veel naar andere designs te kijken. We laten zien hoe je jezelf kan trainen om dit onderscheid te maken en dit helpt je (onbewust) bij het maken van het design voor jouw eigen website.

Google Applicaties
Vandaag maken we gebruik van enkele online applicaties die gratis worden aangeboden door Google. Google biedt kwalitatief hoogstaande applicaties die zeer nuttig zijn voor elke webwerker. Heb je nog geen Google account? Maak er dan een aan en je krijgt direct toegang tot alle applicaties van Google.

Galleries
Er zijn online veel 'galleries' te vinden met mooie en opmerkelijke designs. Deze galleries worden meestal dagelijks of wekelijks geupdate met nieuwe designs. Door deze galleries te volgen blijf je op de hoogte van alle nieuwe ontwikkelingen op het gebied van webdesign. Dit zijn de belangrijkste galleries op alfabetische volgorde:

Om deze galleries op een gemakkelijke manier te volgen maken we gebruik van Google Reader. Door de RSS Feeds van de drie bovenstaande websites te volgen in Google Reader hoef je alleen maar naar jouw Google Reader te gaan om te kijken of er updates zijn geweest op deze websites. Je hoeft niet afzonderlijk naar elke website om te kijken of er iets nieuws geplaatst is. Om deze RSS Feeds in uw Google Reader te plaatsen klik je op de oranje icoontjes die achter de bovenstaande URLs staan en dan kies je voor Google en/of Google Reader.

Mooi?
Het regelmatig bijhouden van de bovenstaande galleries zorgt ervoor dat je een globaal begrip krijgt voor wat over het algemeen beschouwd wordt als 'mooi' binnen de webdesign industrie. Echter, er zullen vast websites tussen zitten die je absoluut niet aanspreken. Het is daarom belangrijk om voor jezelf deze keuze te maken wanneer je een website ziet. Binnen 2 seconden kun je al bepalen of je een website wel of niet mooi vindt (let op: jouw potentiële bezoeker doet precies hetzelfde en heeft binnen 2 seconde bepaald of jouw website mooi is). Het is verstandig om de websites die je mooi vindt ergens op te slaan en te categoriseren zodat je beroep kan doen op jouw eigen database met mooie websites wanneer je inspiratie nodig heeft.

Hoewel we in dit voorbeeld alleen ingaan op het opdoen van inspiratie door te kijken naar andere websites zijn er nog veel meer manieren om dit te doen. Bijvoorbeeld door naar een museum te gaan of door te kijken naar het design van boeken, magazines of kranten. Inspiratie wordt opgedaan op de meest onverwachte momenten en op de meest rare plekken. Ga dit niet uit de weg en houd je ogen goed open.

Het opslaan en categoriseren kan op vele manieren. Bijvoorbeeld door de websites op te slaan in de favorieten of bladwijzers van jouw browser of het bijhouden van een excel bestand. Wij maken gebruik van Firefox (een internetbrowser) in combinatie met de Google Notebook/Kladblok plugin.

Workflow
Hieronder geven we een suggestie van een workflow waar wij zelf gebruik van maken:

  1. Open de nieuwste items van de feeds uit Google Reader in nieuwe tabbladen. Je hebt nu waarschijnlijk 10 tot 30 tabbladen openstaan.
  2. Ga elk tabblad (dus website) af en bepaal binnen 2 seconden of je het een mooie website vindt.
  3. Zo nee, sluit dan het tabblad en ga door naar de volgende website.
  4. Zo ja, dan is het de moeite waard om deze website op te slaan. Druk op de rechtermuisknop en selecteer "Noteren (Google Kladblok).
  5. De website is nu opgeslagen in uw Google Kladblok. Om de website te categoriseren ken je er 'tags' aan toe door op het label te klikken onder het opgeslagen item. Zorg ervoor dat je telkens dezelfde naamgeving gebruikt voor jouw categorisering. Denk bijvoorbeeld aan tags zoals welke kleur (zwart, rood, blauw) of wat voor een stijl er gebruikt wordt (zakelijk, creatief, strak).

Open de nieuwste items van de feeds uit Google Reader in nieuwe tabbladen. U heeft nu waarschijnlijk 10 tot 30 tabbladen openstaan.

Zo ja, dan is het de moeite waard om deze website op te slaan.

De website is nu opgeslagen in uw Google Kladblok. Om de website te categoriseren kent u er 'tags' aan toe door op het label te klikken onder het opgeslagen item. Zorg ervoor dat u telkens dezelfde naamgeving gebruikt voor uw categorisering. Denk bijvoorbeeld aan tags zoals welke kleur er gebruikt wordt in de website (zwart, rood, blauw) of wat voor een stijl er gebruikt wordt (zakelijk, creatief, strak).

Als je dit vaak doet dan creëer je jouw eigen database met mooie websites die je makkelijk kan doorzoeken. Als je naar jouw Google Kladbok pagina gaat kun je zoeken tussen alle websites die je hebt verzameld. Je kan dan als zoekwoord de tags gebruiken die je eerder hebt toegekend.

Voorbeelden van tags
Dit zijn de tags die wij gebruiken om websites te categoriseren: blauw, blog, bruin, business, clean, donker, dutch design, foto achtergrond, geel, grid, grijs, groen, grunge, hout, ict, illustratie, licht, lucht, natuur, neon, oranje, ornament, paars, pastel, people, portfolio, rood, roze, shiny, stijlvol, strak, stylish, subtiel, typografie, urban, wit, zakelijk, zwart.
Samenvatting
Vandaag hebben we inspiratie opgedaan voor het design dat we gaan maken. Morgen gaan we uitgebreid in op het design proces en gaan we een design maken voor onze website naar aanleiding van het gemaakte wireframe en de inspiratie die we hebben opgedaan.
Commentaar (4)Add Comment
Sander
januari 06, 2009
85.145.29.158
...

En voor inspiratie over de mogelijkheden van Joomla! kun je kijken op http://www.mijnjoomlasite.nl. Daar staan honderden voorbeelden van Nederlandstalige Joomla sites.

Marylus Ocalia
april 21, 2011
145.53.128.29
...

Erg nuttig. Dank je wel. Ik heb hier zeker heel veel aan. Ik maak namelijk altijd print screen van websites die ik mooi vindt. Door ze nu in Google kladblok op te slaan bespaar ik hardeschijfruimte en tijd. Want nu kan ik met één klik de volledige site bekijken.

Ik kan niet wachten om te beginnen met dag 6. Goed werk.

Ype
november 28, 2011
80.100.39.1
...

voor inspiratie kan ik ook de volgende website aanbevelen:

http://www.csszengarden.com/

alle voorbeelden gebruiken de zelfde html de verschillen zitten is de css.

Ruud Zwart
januari 20, 2012
82.156.127.218
...

Google Notebook is helaas opgedoekt.

Schrijf commentaar
 
  kleiner | groter
 

busy