zaterdag, februari 21, 2004
Wow.
Woah. Dit is echt wel topofthebill, cuttin-edge webdesign:
Vodafone Future Vision.
Strakke vormgeving, subtiele sound, combinatie van streaming video en flash; en dat alles in een interactief jasje !
De moeite waard om te bekijken ( fullscreen ), hopelijk heb je breedband ..
Wat er te zien valt ? Een soort van interactieve film ( 4 dubbele scenario's met verschillende scenes ) waarin je de mens van de toekomst volgt doorheen zijn dagelijks leven; terwijl zoom je in op de nieuwe, elektronische 'gadgets', zoals plooibare schermen, video-polsband, internet-bril, etc.
Vodafone Future Vision.
Strakke vormgeving, subtiele sound, combinatie van streaming video en flash; en dat alles in een interactief jasje !
De moeite waard om te bekijken ( fullscreen ), hopelijk heb je breedband ..
Wat er te zien valt ? Een soort van interactieve film ( 4 dubbele scenario's met verschillende scenes ) waarin je de mens van de toekomst volgt doorheen zijn dagelijks leven; terwijl zoom je in op de nieuwe, elektronische 'gadgets', zoals plooibare schermen, video-polsband, internet-bril, etc.
Illustrators
Books.
Wilt je echt op de hoogte blijven van de laatste trends, en leren hoe je zelf cutting-edge websites ontwerpt,
neem dan eens een kijkje op deze website: MagmaBooks.
neem dan eens een kijkje op deze website: MagmaBooks.
Top-10-mistakes.
In navolging van mijn 2004-trends, hier een lijstje met de top-10-mistakes in webdesign, gepubliceerd door niemand minder dan usability-goeroe Jacob Nielsen, zelf uitgeroepen ( en later alom bevestigde ) grand master in perfecte structuur, soberheid, continuïteit, vlotte navigatie etc.
Een must-read dus !
Een must-read dus !
Prachtsite.
CubanCouncil.
Deze site is een mooi voorbeeld van de 2004-trends, als beschreven in onderstaande post:
we merken het garamond/georgia-font, alle onderdelen op 1 pagina, maar dan onder elkaar, markeer-rollovers ( tekstachtergrond als je over een link beweegt ), zelfs de collage-style is aanwezig.
Deze site is een mooi voorbeeld van de 2004-trends, als beschreven in onderstaande post:
we merken het garamond/georgia-font, alle onderdelen op 1 pagina, maar dan onder elkaar, markeer-rollovers ( tekstachtergrond als je over een link beweegt ), zelfs de collage-style is aanwezig.
Trends for 2004
Jawel, bij deze waag ik me aan een voorzichtige voorspelling van de trends in webdesign voor 2004;
uiteraard zijn deze elementen nu al in omloop, maar slechts in beperkte mate; binnenkort zullen zij alomtegenwoordig worden :-).
Zoals ik het zie, kunnen we een onderscheid maken tussen 2 stijlen:
Minimalistic-moderrn-art-style:
- Strak. Sober. 'Simpele' blokken en kleurvakken op strategisch uitgekiende posities.
- Vaak 'stretched' of 'fluid design' - dwz dat het zich automatisch uitstrekt of uitlijnt over je hele scherm, om tegemoet te komen aan de variatie aan schermresoluties, waardoor het onmogelijk werd om een site op ieders venster er hetzelfde uit te laten zien.
- Font: Combinatie van arial black en arial gewoon.
Arial black met versmalde letterspacing, zodat de letters aaneen lijken geplakt.
- Cijfers als navigatie, eventueel met verklarend teksje bij roll-over.
vb.: DesignInFlight
Grunge-collage-style:
- Het tegenovergestelde. Grillige, groezelige vormen. Gekrulde vormen. Foto-mixing.
- Namaak-prikbord als lay-out, met daarop vanalle elementen voor navigatie en content, vermomd als papier, foto's, allemaal vastgeprikt met namaak-punaises ofwel, dit wordt nog meer gedaan, namaak-plakband.
- Behangpapier-van-je-oma: De "oldy's" patronen zijn terug erg "in" om als background te gebruiken op je site, al dan niet gecombineerd met het namaak-prikbord.
- Polaroid: Let op mijn woorden, dit wordt een grote hit: gebruik een namaak-polaroid-foto om jezelf voor te stellen, verwerk het in je lay-out .. de mogelijkheden zijn legio.
- Font: Garamond/ Georgia voor de content-tekst; creatievere, lossere fonts ( bv. handgeschreven letters ) voor navigatie.
- Dynamo-strookjes voor de navigatie, in combinatie met het font 'plastique". Past perfect bij de collage-style; is wel al vrij algemeen tegewoordig - niet meer zo origineel dus.
vb.: ElDebujante, Dubtastic
Deze 2 stijlen zullen de overhand nemen in het webdesign-aanbod; combinaties tussen beiden zijn riskant, maar mogelijk.
Verdere hints:
- CSS: We kunnen er niet meer omheen, stilaan zal elke zichzelf resepecterende webdesigner op de CSS-kar moeten springen.
Vervang al je tabellen door CSS, gebruik het om je navigatie op te fleuren, ook hier zijn de mogelijkheden eindeloos.
- Originele scrollmogelijkheden: Alle onderdelen op 1 pagina begint vaker voor te komen, in verticale maar ook in horizontale richting.
De links vormen dan verwijzingen naar ankers verderop op de pagina; voordelen zijn zoals eerder gezegd: laadtijd, originaliteit.
- Tekst-markeer: Wanneer je over een link beweegt, krijgt die tekst zelf geen andere kleur maar krijgt die een ( rechthoekige ) achtergrond in een bepaalde kleur ( alsof je er met een markeerstift over gaat ). Voordeel: originaliteit ( voorlopig toch nog .. ).
Buitenbeentjes:
- Flash-based: Sites volledig opgebouwd in Flash blijven een minderheid, maar zijn een lust voor het oog. Vraag blijft: heeft mijn doelpubliek de Flash-plugin geïnstalleerd, heeft hij of Breedband of zin en geduld om te wachten tot je flitsende site geladen is ( of beide ) ?
vb.: 2Advanced, WMTeam
- Pixel-based: Pixel Art is volledig 'in' én 'alternatief'. Retro ( gebaseerd op de oude 2D videogames ). Ook weer een minderheid, omdat het uiterst veel geduld vraagt om je afbeeldingen pixel per pixel op te bouwen ( eens voltooid, oogt het wel impressionant ).
vb.: Eboy, Mr. Wong, ElektriconLand
- Retro: Alles wat ook maar naar 'retro' ruikt, is 'cool', niet alleen in webdesign: het is alomtegenwoordig; in reclame, posters, mode, interieur, .. Vooral de zogenaamde 'vintage ad' is in, oude reclames, posters, vaak van die handgeschilderde.
vb.: Altoids
- Vector Art: Illustration-style, afbeeldingen en figuren opgebouwd uit vlakken ipv pixels. Meestal erg strak en kleurrijk, soms gecombineerd met flash.
vb.: Cubco
uiteraard zijn deze elementen nu al in omloop, maar slechts in beperkte mate; binnenkort zullen zij alomtegenwoordig worden :-).
Zoals ik het zie, kunnen we een onderscheid maken tussen 2 stijlen:
Minimalistic-moderrn-art-style:
- Strak. Sober. 'Simpele' blokken en kleurvakken op strategisch uitgekiende posities.
- Vaak 'stretched' of 'fluid design' - dwz dat het zich automatisch uitstrekt of uitlijnt over je hele scherm, om tegemoet te komen aan de variatie aan schermresoluties, waardoor het onmogelijk werd om een site op ieders venster er hetzelfde uit te laten zien.
- Font: Combinatie van arial black en arial gewoon.
Arial black met versmalde letterspacing, zodat de letters aaneen lijken geplakt.
- Cijfers als navigatie, eventueel met verklarend teksje bij roll-over.
vb.: DesignInFlight
Grunge-collage-style:
- Het tegenovergestelde. Grillige, groezelige vormen. Gekrulde vormen. Foto-mixing.
- Namaak-prikbord als lay-out, met daarop vanalle elementen voor navigatie en content, vermomd als papier, foto's, allemaal vastgeprikt met namaak-punaises ofwel, dit wordt nog meer gedaan, namaak-plakband.
- Behangpapier-van-je-oma: De "oldy's" patronen zijn terug erg "in" om als background te gebruiken op je site, al dan niet gecombineerd met het namaak-prikbord.
- Polaroid: Let op mijn woorden, dit wordt een grote hit: gebruik een namaak-polaroid-foto om jezelf voor te stellen, verwerk het in je lay-out .. de mogelijkheden zijn legio.
- Font: Garamond/ Georgia voor de content-tekst; creatievere, lossere fonts ( bv. handgeschreven letters ) voor navigatie.
- Dynamo-strookjes voor de navigatie, in combinatie met het font 'plastique". Past perfect bij de collage-style; is wel al vrij algemeen tegewoordig - niet meer zo origineel dus.
vb.: ElDebujante, Dubtastic
Deze 2 stijlen zullen de overhand nemen in het webdesign-aanbod; combinaties tussen beiden zijn riskant, maar mogelijk.
Verdere hints:
- CSS: We kunnen er niet meer omheen, stilaan zal elke zichzelf resepecterende webdesigner op de CSS-kar moeten springen.
Vervang al je tabellen door CSS, gebruik het om je navigatie op te fleuren, ook hier zijn de mogelijkheden eindeloos.
- Originele scrollmogelijkheden: Alle onderdelen op 1 pagina begint vaker voor te komen, in verticale maar ook in horizontale richting.
De links vormen dan verwijzingen naar ankers verderop op de pagina; voordelen zijn zoals eerder gezegd: laadtijd, originaliteit.
- Tekst-markeer: Wanneer je over een link beweegt, krijgt die tekst zelf geen andere kleur maar krijgt die een ( rechthoekige ) achtergrond in een bepaalde kleur ( alsof je er met een markeerstift over gaat ). Voordeel: originaliteit ( voorlopig toch nog .. ).
Buitenbeentjes:
- Flash-based: Sites volledig opgebouwd in Flash blijven een minderheid, maar zijn een lust voor het oog. Vraag blijft: heeft mijn doelpubliek de Flash-plugin geïnstalleerd, heeft hij of Breedband of zin en geduld om te wachten tot je flitsende site geladen is ( of beide ) ?
vb.: 2Advanced, WMTeam
- Pixel-based: Pixel Art is volledig 'in' én 'alternatief'. Retro ( gebaseerd op de oude 2D videogames ). Ook weer een minderheid, omdat het uiterst veel geduld vraagt om je afbeeldingen pixel per pixel op te bouwen ( eens voltooid, oogt het wel impressionant ).
vb.: Eboy, Mr. Wong, ElektriconLand
- Retro: Alles wat ook maar naar 'retro' ruikt, is 'cool', niet alleen in webdesign: het is alomtegenwoordig; in reclame, posters, mode, interieur, .. Vooral de zogenaamde 'vintage ad' is in, oude reclames, posters, vaak van die handgeschilderde.
vb.: Altoids
- Vector Art: Illustration-style, afbeeldingen en figuren opgebouwd uit vlakken ipv pixels. Meestal erg strak en kleurrijk, soms gecombineerd met flash.
vb.: Cubco
vrijdag, februari 20, 2004
Jon Burgerman
wiehaa
Jon Burgerman
wat een talent, wat een talent.
het moet toch prettig zijn om met dit soort art ( in de ogen van artbarbaren lijken het misschien kinderkrabbels, vergis u echter niet,
deze man wordt internationaal erkend en werkt voor grote namen als Levi's etc. ) je brood te verdienen.
alweer een nieuw levensdoel ..
Jon Burgerman
wat een talent, wat een talent.
het moet toch prettig zijn om met dit soort art ( in de ogen van artbarbaren lijken het misschien kinderkrabbels, vergis u echter niet,
deze man wordt internationaal erkend en werkt voor grote namen als Levi's etc. ) je brood te verdienen.
alweer een nieuw levensdoel ..
Puik design.
Wow.
YOUYESYOU
Dit is nu een puik staaltje design.
Echt geslaagde combinatie van natural media and digitale media ( lees "tekenen" en "pc" ).
Knap tekenaar en origineel webdesign: verticale scroll, maar dan alle pagina's onder elkaar, in plaats van voor elk topic een andere pagina.
Voordeel: alle onderstaande afbeeldingen laden terwijl de bezoeker de bovenkant leest ( en ondertussen dus niet merkt dat de browser nog aan het laden is ); natuurlijk, mensen met een razendsnelle connectie als ik ( bv. telenet ) zullen hier nauwelijks iets van merken,
maarrr, er bestaan nog wel degelijk mensen met een "inbelverbinding", jazeker ( onlangs zat ik op zo'n machien, dat is werkelijk om je dood te ergeren: je klikt op een link, en dan maar wachten, wachten, ... wachten, en ja, daar beginnen de eerste tekenen van een site zichtbaar te worden; dus, als je dit leest en je hebt de kabel nog niet aan je pc geknoopt, twijfel dan niet, aarzel geen seconde en doe het !! ).
In elk geval, allen naar die site >>
YOUYESYOU
Dit is nu een puik staaltje design.
Echt geslaagde combinatie van natural media and digitale media ( lees "tekenen" en "pc" ).
Knap tekenaar en origineel webdesign: verticale scroll, maar dan alle pagina's onder elkaar, in plaats van voor elk topic een andere pagina.
Voordeel: alle onderstaande afbeeldingen laden terwijl de bezoeker de bovenkant leest ( en ondertussen dus niet merkt dat de browser nog aan het laden is ); natuurlijk, mensen met een razendsnelle connectie als ik ( bv. telenet ) zullen hier nauwelijks iets van merken,
maarrr, er bestaan nog wel degelijk mensen met een "inbelverbinding", jazeker ( onlangs zat ik op zo'n machien, dat is werkelijk om je dood te ergeren: je klikt op een link, en dan maar wachten, wachten, ... wachten, en ja, daar beginnen de eerste tekenen van een site zichtbaar te worden; dus, als je dit leest en je hebt de kabel nog niet aan je pc geknoopt, twijfel dan niet, aarzel geen seconde en doe het !! ).
In elk geval, allen naar die site >>
Essentiële onnauwkeurigheden.
Klaarblijkelijk zijn er toch nog enkele onvolmaaktheden in het Blogger-system, ofwel is er een foutje geslopen in het publishen van mijn voorgaande post; bepaalde ( aan u om uit te vissen welke ) leestekens zijn vervormd, getransformeerd of simpelweg vervangen door een flinke dosis onzin en onbeduidend, nietsbetekenend gebrabbel.
Het ging dus om te beginnen om "uuuuuuberdesign", wat de titel betreft ( ja, met de klemtoon op de "u", want daar stond dus wel degelijk een umlaut op ); verder stond er "eeeen" ( met de nadruk op de "e", want daar stond, jawel, een accent ! ) in de tekst.
Waar gaat het heen met het blogsysteem als lettertekens als de umlaut en het accent, zaken die toch wel frequent en op regelmatige basis voorkomen in mijn hedendaags taalgebruik, niet langer correct worden weergegeven ?
Ik zou zeggen: éà üà é !!
Het ging dus om te beginnen om "uuuuuuberdesign", wat de titel betreft ( ja, met de klemtoon op de "u", want daar stond dus wel degelijk een umlaut op ); verder stond er "eeeen" ( met de nadruk op de "e", want daar stond, jawel, een accent ! ) in de tekst.
Waar gaat het heen met het blogsysteem als lettertekens als de umlaut en het accent, zaken die toch wel frequent en op regelmatige basis voorkomen in mijn hedendaags taalgebruik, niet langer correct worden weergegeven ?
Ik zou zeggen: éà üà é !!
WieWatWaarenvooralWaarom ??
Allo-allo,
Aangezien ik deze blog recent ( zeg maar, pas ) opgestart heb, zal ik even een woordje uitleg geven, meer nog, expliceren wat het doel is etc.
Ik ben van plan het op deze blog te hebben over, inderdaad - misschien zag u het al aan de titel, "design", in al zijn geuren en kleuren én vormen. Verwacht dus op een dagelijkse of minder dagelijkse basis een flinke lading design, hapklare url's naar überdesign-sites, usefulle brokken resources, commentaren van mezelve, hints-tips-n-tricks voor beginnende designers en weetikveel wat nog allemaal meer.
Deze blog kan in de toekomst mogelijk gelinkt worden aan mijn aanstaande portfolio-site, met de gelijknamige naam, ElDebujante.
Over die website kan ik nog maar weinig kwijt, maar je kan al raden waar het om gaat: een showcase ( lees "stoefkot" ) van recent teken-, webdesign- en fotobewerking-werk.
Misschien nog even iets over mezelf, of ook niet. Welneen, laat ik daar nog even mee wachten.
Veel plezier !!
Aangezien ik deze blog recent ( zeg maar, pas ) opgestart heb, zal ik even een woordje uitleg geven, meer nog, expliceren wat het doel is etc.
Ik ben van plan het op deze blog te hebben over, inderdaad - misschien zag u het al aan de titel, "design", in al zijn geuren en kleuren én vormen. Verwacht dus op een dagelijkse of minder dagelijkse basis een flinke lading design, hapklare url's naar überdesign-sites, usefulle brokken resources, commentaren van mezelve, hints-tips-n-tricks voor beginnende designers en weetikveel wat nog allemaal meer.
Deze blog kan in de toekomst mogelijk gelinkt worden aan mijn aanstaande portfolio-site, met de gelijknamige naam, ElDebujante.
Over die website kan ik nog maar weinig kwijt, maar je kan al raden waar het om gaat: een showcase ( lees "stoefkot" ) van recent teken-, webdesign- en fotobewerking-werk.
Misschien nog even iets over mezelf, of ook niet. Welneen, laat ik daar nog even mee wachten.
Veel plezier !!
