a&m impact internetdiensten

Websites verschijnen in alle soorten en maten en in allerlei kleuren en stijlen. En toch mag het af en toe naar mijn mening  wel wat spannender en iets minder zakelijk dan vaak wordt verwacht wordt door de klant. Één van de oplossingen daarvoor  zijn websites met handgetekende elementen of volledig handgetekende websites. Deze kunnen bestaan uit letterlijk getekende elementen maar het kan ook gaan om 3d tekeningen of cartoon-achtige figuren of een collage. Het concept is niet nieuw,  het wordt zelfs al een tijdje gebruikt. Maar als je graag wil dat je website een originele look en feel  moet hebben en iets minder formeel mag zijn, dan is het toevoegen van handgetekende elementen of illustraties misschien een leuke oplossing.

Ik zelf ben een groot fan van dit soort websites. Natuurlijk is deze stijl  niet voor elke branche even geschikt maar toch vaker dan je zou denken, een goed voorbeeld is de site van twitter, denk maar aan het vogeltje en de wolken op de achtergrond bij bijvoorbeeld het gedeelte van de site om je aan te melden.

Wat ik zelf een mooi voorbeeld vind van een website waar illustraties goed tot zijn recht komen is de site van de Roemeense band “Suie Paparude”

Het content gedeelte is toch overzichtelijk en strak en dit doorbreken ze door op de achtergrond wat illustratieve elementen toe te voegen, waardoor je een overzichtelijke site krijgt met een creatieve uitstraling. Niet voor niets dat deze site diverse prijzen heeft gewonnen en regelmatig naar voren komt op sites voor en over webdesign.

De site van biobak is een voorbeeld van een site die volledig bestaat uit dit soort elementen. Gebruiksvriendelijkheid is de site echter niet maar het straalt wel creativiteit uit.

Hieronder nog wat voorbeelden van sites met handgetekende of illustratieve elementen.

Hand getekende elementen zijn een geweldige manier om een website een unieke look te geven. En het kent vele toepassingen zowel voor de creatieve branche maar ook voor  de zakelijke websites kunnen subtiele illustratieve oplossingen worden geïntegreerd om de site toch een eigen smoel te geven.

Voor alle creatieven die met de pakketten van Adobe werken was het afgelopen donderdag 3 december een leerzame en inspirerende dag op de Adobe User Group XL. Ik als internet vormgever bij A&M impact moest daar natuurlijk bij zijn. Samen met collega Niek zijn we afgelopen donderdag vertrokken richting De Meervaart in Amsterdam.  Het was een dag vol inspirerende sessies en workshops.

Een sessie door Photoshop guru Deke McClelland was enorm opgezet en zeker zo interessant. Het ging voornamelijk over het masken in photoshop. Zonder je te gaan vervelen met allerlei technisch gepraat, masken is eigenlijk bedoeld om moeilijke objecten, zoals bijvoorbeeld een wilde haardos, vrijstaand te maken van de achtergrond en daar als het nodig is een andere achtergrond achter te plakken. Voor de mensen die photoshop een beetje kennen: De meeste mensen gebruiken hier het pennetje of als het heel grof moet, de magic wand tool.

Op een event voor creatieven mag Apple natuurlijk ook niet ontbreken. De Apple Design filosofie was een sessie die je een overzicht biedt van de Apple filosofie met betrekking tot design. Toen er gevraagd werd wie er een iphone in zijn of haar bezit had stak 90% van de zaal zijn hand op, het was dus een beetje preken voor eigen parochie. Maar toch was het nog best interessant!

Verder waren er sessies van o.a. KGB, Kong en Comrad die o.a. achter de (wie heeft ‘m niet in zijn mailbox gehad) Stanislav Hyves campagne zaten. Hier wonnen ze ook de Gouden Eurobest 2009 voor in de categorie Media.

Intussen gaf Klaasjan Tukker (Werkzaam als Business Development Manager bij Adobe Systems Benelux B.V.) ons een sneak preview in de volgende versie van Flash: Flash CS5 vooralsnog. Het is natuurlijk nog afwachten of de marketingmensen bij Adobe geen andere naam gaan verzinnen.
Aan het einde van deze sessie gaf Klaasjan wel aan dat hij blij was dat tijdens deze sessie het programma niet gecrasht is, aangezien deze zich nog in de alpha-fase bevindt.

Tijdens deze sessie liet hij ons onder andere het volgende zien:
- nieuwe text mogelijkheden met behulp van het Text Layout Framework, veel functies uit indesign worden hierin meegenomen ( bijv het werken in kolommen).

- een uitgebreidere bones-tool en deco-brush (bekijk hier een video over deze tooltjes)

- een behoorlijke verbetering om code (actionscript) te schrijven. Oa een code snippets panel en code-completion.
- de mogelijkheid om makkelijker als team aan een flash-project te werken. Dit kan onder andere door de mogelijkheid om een flash bestand zo op te slaan, dat alle onderdelen in zo’n bestand afzonderlijk te bewerken zijn.

Alhoewel nog niet bekend is wanneer de volgende versie gelanceerd gaat worden, was het wel leuk te zien welke mogelijkheden deze gaat krijgen.

Al met al was het een interessante dag die volgend jaar zeker voor herhaling vatbaar is.

“Comic Sans is een digitaal lettertype ontworpen door Vincent Connare en uitgebracht door Microsoft in 1994. Het werd ontworpen als een casual lettertype voor informele documenten, en is gebaseerd op de vaak handgeschreven lettering in tekstballonnen van stripalbums”, aldus Wikipedia.

Er zijn veel mensen die het letterype erg mooi vinden maar het lettertype stuit ook op veel weerstand. Bij de zoekopdracht in Google met de term “Comic Sans“ komen al gelijk Anti – Comic Sans websites naar voren. 

“Hopeloos gedateerd en kolderiek als een dronken clown op een begrafenis: het lettertype Comic Sans MS. Mensen die daar nog gebruik van maken, kan je per definitie niet meer serieus nemen. Reden genoeg voor Sander om dit lettertype te eren met een feestdag!”

Bekijk hier de video over het ontstaan van het lettertype:
 http://www.vimeo.com/1994310

Persoonlijk vind ik ook dat er mooiere lettertypes zijn dan Comis Sans. Wat vind jij van Comic Sans?

Trends komen voort uit het geëxperimenteer van (web)designers over de hele wereld. En als deze maar genoeg door anderen worden overgenomen ontstaat er een nieuwe trend. Vroeger, nog voor het web 2.0 tijdperk kenmerkte een site zich voornamelijk door een eendimensionaal plat beeld en had eigenlijk alleen een informatieve functie. Tegenwoordig is er afgezien van betere en nieuwere software natuurlijk, meer creativiteit terug te vinden op een site maar ook veel meer interactie tussen de bezoeker en de site zoals o.a.: Forums, Polls, Vertel een vriend, video, uploaden en downloaden enz. enz. En al deze functies moeten ook weer een gelikt uiterlijk hebben natuurlijk. En juist het uiterlijk van dit soort functies zijn zeer trendgevoelig.

Je kan het beste de laatste trends op een design toepassen als je van de klant/opdrachtgever alle vrijheid krijgt (even afgezien van de navigatie en de structuur van een site) Maar natuurlijk is dit (jammer genoeg ) lang niet altijd het geval. En daarom heb je rekening te houden met de wensen/smaak van de opdrachtgever, die meestal al een bepaald beeld in zijn hoofd heeft hoe zijn of haar site er uit moet komen te zien en dit beeld is lang niet altijd in één lijn met de laatste trends. Het is daarom dus de kunst, om zonder de wensen van de opdrachtgever te negeren; toch volgens de laatste trends een mooi concept te creëren.
Hieronder laat ik doormiddel van een aantal voorbeelden zien hoe de laatste trends bij enkele van onze klanten zijn toegepast.

De trends van 2009 kenmerken zich o.a. door:

1. Diepte in elementen

2. Achtergronden met diagonale lijnen

3. Cartoonstijl

4. Spiegeling/Glans

5. Veel wit

6. Spelen met fotomateriaal

Sommige mensen zeggen ‘’Trends moet je wel volgen om een bijdetijds Web 2.0/3.0 uiterlijk te krijgen’’ Maar zoals elke moeder vroeger natuurlijk zei, dat je nooit klakkeloos zomaar alles moet overnemen wat anderen doen of zeggen; vind ik ook dat je overal in eerste instantie je eigen draai aan moet geven. Je kunt deze trends zien als een richtlijn en zijn volgens mij niet bedoeld om direct overgenomen te worden.

Met CSS (Cascading Style Sheets) maken wij de gestructureerde informatie (HTML) van de pagina op. Hiermee kunnen wij zeggen dat een logo bijvoorbeeld links boven moet staan, met een blauw kleurtje, en wanneer je er overheen gaat dat deze groen moet worden.

De huidige versie van CSS is 2.1, en er wordt druk gewerkt door het W3C en browser bouwers aan de volgende versie; 3. Deze is nog lang niet af, maar een aantal punten zijn al wel geïmplementeerd door browsers.

In de nieuwe versie komen een aantal mooie dingen die een hoop werk schelen, en de HTML code nog gestructureerder kan maken, wat weer leidt tot betere zoekmachine optimalisatie, en kortere ontwikkeltijd.

Multiple backgrounds
Hiermee kun je op een element meerdere achtergronden zetten, zodat er met minder code meer gedaan kan worden, en er minder aparte afbeeldingen gemaakt hoeven te worden. Dit kan de site sneller maken, want het binnen halen van bestanden kost nou eenmaal tijd (en bandbreedte).

Animaties en transformaties
Met de huidige versie van CSS kun je niks aan een element animeren of veranderen, maar met CSS3 wordt het mogelijk om elementen te kunnen draaien, bewegen en van vorm te veranderen. Nu moet hier Javascript of Flash voor worden gebruikt.

Webfonts
Vanuit de browser kunnen hiermee niet-standaard lettertypes gebruikt worden op de pagina. Nu zijn hier ook weer technieken voor nodig als Javascript en Flash. Wanneer deze functie erin komt kunnen websites nog grafischer worden en meer hun eigen gezicht krijgen door het gebruik van aparte lettertypes.

Rounded corners
Hiermee kan er zonder extra plaatjes mooie ronde hoekjes aan elementen gegeven worden. Nu kost dit vaak veel tijd en moeite door dat die plaatjes allemaal gemaakt moeten worden, en dan in de achtergrond moeten worden gezet.

Dit is nog maar een kleine greep uit de nog veel extra features die erin komen, maar wel diegene die erg veel tijdswinst opleveren! Helaas ziet het er naar uit dat Internet Explorer deze de komende versies nog niet gaat ondersteunen… Gelukkig zijn browsers als Firefox, Safari en Opera flink in opmars, die hebben al wel een flinke implementatie van deze functies!