De 3 pijlers van het “webdesignen”…
Diagram For Webdesigners
Als webdesigner probeer je je constant bij te scholen om er zeker van te zijn dat je je klanten steeds de laatste nieuwe trends kan aanbieden... Wat we echter soms vergeten zijn de roots van alles! Het leven kan soms eenvoudig zijn. PSDTuts nam tijdens WebDesignWeek even de tijd om even heel simplistisch voor te stellen waar het bij een website om draait. Het lijkt eenvoudig, maar neem de tijd om het eens te bekijken en je zal merken dat dit echt dé basis is voor elke succesvolle site!
De Top 5 Resource Sites Van Wim!
Als webdesigner kan je niet zonder... Resource Sites!
Als designer vernieuwen en uitvinden is één ding, maar het wiel tweemaal uitvinden is dan ook weer stom! Daarom wil ik jullie laten meegenieten van de voor mij (op dit moment) belangrijkste resource sites die me al meer dan eens gered hebben uit hachelijke situaties!
N° 5
Windows Guides
Naast screensavers en wallpapers voor windows gebruik deze site eigenlijk enkel en alleen voor de fantastische "Free Icon Packs"... De site staat bol van de HQ iconen en er zijn vaak heel leuke thema-iconen te vinden zoals kerst en halloween (In deze tijd van het jaar wel heel erg nuttig!).
N° 4
CSS Vault
Deze site is eerder een "Resources For The Mind" site... Geen rechtstreekse resources dus, maar wel een hoop design ideeën! Ook al meegemaakt dat je een design moet ontwikkelen en totaal niet weet waar te beginnen? Deze site toont je de laatste nieuwe designs (Wel enkel CSS) en kunnen soms de aanleiding zijn tot fantastische designs!
IMPORTANT NOTICE: Don't Copy... Be Yourself!
N° 3
iStockphoto
Mocht deze site gratis zijn stond hij vast en zeker op N°1, maar jammer genoeg is het lekkers dat je hier kan vinden betalend. Vaak kan het wel je laatste redmiddel zijn voor net die ene afbeelding of dat ene icoontje dat je nergens kan vinden. De fantastische kwaliteit die ze garanderen en het supersnelle zoeksysteem maken dit tot een site-worth-to-pay-for.
N° 2
Dafont
Zoals de naam van de site al doet vermoeden moet je hier zijn voor allerlei fonts... En ja hoor, ze zijn completely free to download! Netjes gerangschikt per stijl en per thema. Na wat bladeren vind je hier vast en zeker HET perfecte font voor je nieuwe design...
N° 1
DeviantArt
Dit is voor mij zonder twijfel dé site bij uitstek voor resources. Even de tijd nemen om aan te melden (Zo ben je meteen van al die lastige ads vanaf) en je bent klaar om in de wereld van de free goodies te duiken! Dit is echt te maf voor woorden! Van PS Brushes, tot afbeeldingen... Van PSD-files tot iconen... ALLES kan je hier vinden!
Dit is voor mij persoonlijk het walhalla!
IMPORTANT NOTICE: Vaak zijn sommige auteurs voorzichtig en beletten ze commercieel gebruik. Daarom is het nuttig om even te checken alvorens je iets gebruikt! Meestal staat het wel vermeld in de commentaar van het item wat de limitaties zijn.
BONUS
Google
Ik weet dat het vreemd klinkt, maar een zoekmachine is je beste vriend! Zeker nu je ook met google naar "Extra Grote Afbeeldingen" kan gaan zoeken is het vaak een bron van fantastisch fotomateriaal... Ready to grab! Veel designers vinden het een amateuristische manier van werken, maar voor mij is het één van de beste bronnen voor beeldmateriaal en ander lekkers...
IMPORTANT NOTICE: Vaak zijn afbeeldingen van Google beveiligd met copyright! Gebruik nooit zomaar afbeeldingen... Controleer steeds even bij de auteur of je zijn goedkeuring krijgt...
Veel succes ermee!!
Web 2.0 Is Besmettelijk!
De mensen van pswish.com hadden het al even door, maar ze maken het nu officieel: Web 2.0 is een gevaar voor de identiteit van websites.
Origineel Artikel
In essentie is Web 2.0 een vernieuwing van de manier waarop we het internet gebruiken. Van een eerder saai éénrichtingsverkeer (Gebruiker leest info) gaan we meer en meer naar een dynamisch web! Denk maar aan Blogs, YouTube, Digg,... Doorheen de maanden die volgend op deze revolutie ontstond er een typische grafische stijl die nauw ging samenhangen met vooraanstaande web 2.0 sites. Glossy icons, grote fonts, felle kleurtjes en vooral reflecties! Nu lijkt het eerder andersom te gaan... Webdesigners zetten de web 2.0 interface voorop en designen daarna pas de code voor hun nieuwe site. Het gevaar bestaat erin dat sites die helemaal niet 2.0 zijn toch de looks ervan gaan krijgen (denk maar aan een informatieve site voor een bakker die er net uitziet als een dynamische site die photo-uploads toelaat van gebruikers). Als het doorgaat zoals het nu doorgaat lijken binnenkort alle sites op elkaar. Hierdoor verliezen sites hun eigenheid en hun vaak persoonlijke karakter. Web 2.0 is dus geen kwestie van grafische eye-candy, maar eerder van een filosofie om het web en de mensen dichter bij elkaar te brengen en meer interactie toe te laten tussen website en gebruiker... Een positieve evolutie!! Laat u dus niet vangen en denk niet dat 2.0 nu de nieuwe standaard is waar iedereen zich aan moet houden!!
Dit artikel weerspiegelt voor een groot stuk mijn mening over 2.0 en daarom laat ik u gaan met de volgende wijze woorden:
Gebruik de vernieuwing van 2.0, maar vergeet zelf niet te vernieuwen!!
AMEN!
Kleurkeuze…
Voor webdesigners is het kiezen van een passend kleurenpalet één van de moeilijkste zaken die er zijn. Websites van zowel amateurs als professionals komen daardoor vaak in de meest afschuwelijke kleuren die je je kan indenken. Iedereen weet dat het not done is, maar toch blijft het voor vele collega-webdesigners een klus die vaak fout afloopt...
Voor die mensen (En ik geef toe dat ik het soms ook stiekem gebruik) is er nu een handige tool die de kleuren voor jou kiest!
Het enige dat je hoeft te doen is één kleur ingeven (bijvoorbeeld dat van het logo van het bedrijf waarvoor je ontwerpt) en de color-picker doet de rest...
Onderaan bij "Enter RGB" kan je ook een kleurcode ingeven voor een perfecte match met de originele kleur.
Ook leuk aan deze color picker zijn de verschillende schema's... Zo kan je voor een mono-schema kiezen, een contrast schema en zoveel meer!
Daarnaast heb je ook nog een hoop variaties zoals Pale, Dark Pastel, Pastel, ...
Ben je tevreden met je resultaat, dan geeft het overzicht rechts je al je kleuren met bijpassende RGB codes!!
Een onmisbaar instrument dus voor elke collega-webdesigner...
Graag gedaan! 
iPhone / iPod Touch Web Icon
Elke zichzelf respecterende website moet met zijn tijd mee...
Na de populaire favicons (Kleine 16x16 plaatjes die bij je bookmarks verschijnen) zijn er nu de iPhone/iPod Touch Web Icons.
De bedoeling is dat je als website zo'n klein bestandje maakt zodat wanneer gebruikers de site toevoegen aan hun SpringBoard (Home Screen van de iPhone / Touch) ze geen screenshot te zien krijgen maar een volwaardig icoon.
HOWTO:
- Maak een icoon van 57x57 pixels
- Zorg ervoor dat u opslaat als .png
- Hernoem het naar: "apple-touch-icon.png"
- Zet het bestand daarna in de root-folder van je website (Waar ook de index staat)
Leuk is ook dat apple een systeem heeft uitgewerkt dat automatisch de typisch afgeronde hoeken en het glanseffectje toevoegt wanneer het icoon op het springboard wordt geplaatst.
Voeg trouwens gerust CryptoNet toe op je spring- of summerboard, en bekijk ons home-made iPhone icoontje.
Grunge Is Terug!
Voor webdesigners en grafici die de laatste nieuwe trends een beetje volgen (en zouden we dat niet allemaal moeten doen?) is er groot nieuws. Na de grote heisa rond de Web 2.0-stijl die na een grote "code-upgrade" ook een eigen grafisch leven ging leiden is er nu weer nood aan iets anders. De strakke en frisse look van Web 2.0 is nog steeds enorm hip & trendy, maar meer en meer mensen willen zich gaan onderscheiden door contrasten...
En ja, Grunge Is Terug!
Naast retro en vector is nu ook de grunge stijl terug van weggeweest. Meer en meer designers gebruiken terug de "vuile", afgebrokkelde, gescheurde, ... afbeeldingen die Grunge zo typeren.
Enkele voorbeelden:
- http://www.ollyhite.com
- http://www.webdesigner.ro
- http://www.adventuretrekking.com
Dit is uiteraard slechts een greep uit het alsmaar groeiende aanbod...
Tot slot nog even een tip: KIES! Onderstaande afbeelding vind ik persoonlijk een voorbeeld van hoe het niet moet! Ga niet krampachtig stijlen combineren om hip te zijn...
Lorem Ipsum RIP
Menig webstekbouwer kent ze wel... De vele Lorem Ipsum teksten die je steeds weer uit de nood helpen als je een site tijdelijk wil aankleden met wat tekst... Lorem Ipsum is de beste vriend van elke webdeveloper!
Of toch niet?
Kent u niet?
Dit is een veel gevarieerdere versie die meer dan enkel Lorem Ipsum teksten genereert. In een wip maakt u "sprookjesachtige" poëzie die uw bezoekers ook echt begrijpen (Als ze Engels spreken tenminste). Uiteraard met tal van handige functies zoals:
- Aantal woorden
- Aantal paragrafen
- ...
Nieuwsgierig? BlindTekstGenerator
Geen nood! Die goeie ouwe Lorem Ipsum is ook nog steeds van de partij... Voor zij die het echt niet kunnen laten! 