Ik moet toegeven dat het idee van een boek dat webontwerpers met voorbeeldwebsites wil inspireren, een beetje repetitief leek toen ik er voor het eerst over nadacht.

Er zijn tenslotte online tientallen uitstekende galerijen waar we gratis toegang toe hebben, die dagelijks of op zijn minst wekelijks worden bijgewerkt.

Zou een boek daarmee kunnen concurreren? Of zou het gewoon gevuld zijn met dezelfde sites die we allemaal hebben gezien in elke galerij en ontwerpronde die er is.

Als iemand die vrijwel dagelijks design galerijen en razzia's bestudeert, was ik aangenaam verrast om te zien dat de meerderheid van de ontwerpen in Het Ideeënboek van de Web Designer, deel 2 , door Patrick McNeil (die een maandelijkse column schrijft voor .net magazine en loopt Ontwerp afsmelting ), waren niet degenen die ik me herinner eerder te zien.

In feite zijn de meeste ontwerpen in het boek nieuw en fris en hebben ze niet de gebruikelijke galerijen en vitrines gemaakt.

Nu, natuurlijk, gewoon omdat iets nieuw is, betekent nog niet dat het nuttig zal zijn. Het vergt een combinatie van nieuw en goed georganiseerd om op te vallen.

En het Ideeboek van de Web Designer komt daar ook echt doorheen. Het gebruikt de beste methoden voor het organiseren van inhoud van verschillende online galerijen en combineert deze om te creëren wat de meest doordachte bron van ontwerpinspiratie zou kunnen zijn.

Het boek begint met een kort gedeelte over hoe je inspiratie kunt gebruiken om een ​​uniek ontwerp te maken dat geen enkel bestaand ontwerp kopieert, maar in plaats daarvan elementen uit een aantal sites trekt om iets beters te maken dan de som van de delen. Het is een nuttige sectie voor iedereen, of ze nu een nieuwe ontwerper zijn of meer gevestigd, vooral omdat het een realistisch voorbeeld gebruikt.

Van daaruit is het boek opgedeeld in enkele secties: basisprincipes van ontwerp, sites op type, sites op ontwerpelementen, sites op stijlen en thema's, sites op structurele stijlen en sites op structurele elementen. Elke sectie bevat een aantal hoofdstukken die individuele elementen behandelen, met wat commentaar op enkele voorbeelden.

Binnen de sectie Basic Principles of Design zijn er hoofdstukken over nadruk, contrast, balans, uitlijning, herhaling en flow. Voorbeelden hiervan zijn De Urban Mama , Tunnel 7 en Bryan Connor , onder tientallen anderen. Enkele ontwerpen die je zeker zult herkennen, maar er zijn genoeg die je waarschijnlijk niet zult weten.

Van daaruit gaat het boek verder naar Sites per type. Hier worden websites per branche en doel besproken, waaronder iPhone-apps, Bands, Evenementen, Reizen en Toerisme, Portfolios, Real Estate en Coming Soon-pagina's.

In sommige hoofdstukken zijn er "Opmerkingen van een ontwikkelaar" -secties die tips geven over webontwerp vanuit het oogpunt van een ontwikkelaar. Het zijn secties zoals deze die veel waarde toevoegen aan het boek dat je niet zult krijgen met de meeste online galerijen.

De sectie Design Elements is geweldig als je vastzit aan een bepaald deel van je ontwerp. Dit gedeelte voelt echter het meest willekeurig in het boek.

Hoewel de informatie en voorbeelden allemaal goed zijn, voelen de keuzes voor hoofdstukken erg los van elkaar: de Pitch, Lighting, iPhone als Flourish, Social Media Links, Iconen, Typografische en Fotografische Achtergronden. Nogmaals, de voorbeelden hier zijn geweldig, maar er is gewoon niet zo'n beetje een thema dat door de gekozen onderwerpen loopt.

Het volgende gedeelte trekt dingen weer bij elkaar en is erg gefocust. Hier zijn ontwerpen gedekt door stijl en thema. Hoewel het niet de meest uitgebreide verzameling ontwerpstijlen is, heeft het betrekking op enkele van de meest geziene (Ultra Clean, Minimali, Solid Colors en Type Focused) en enkele van de meest populaire in de afgelopen jaren (Sketchy, Collage, Illustrated, Stof en hout).

Enkele voorbeelden in dit hoofdstuk zijn onder meer: Pro-themaontwerp (Ultra-schoon), Studio Z Films (Modern), Saizen Media (Geïllustreerd), en Kinetic Technology Group (Hout).

De voorlaatste sectie heeft enkele van de meest visueel interessante ontwerpvoorbeelden. De sectie Structural Style bevat hoofdstukken over Atypical Navigation, Atypical Layouts, Pseudo-Flash (sites die JavaScript gebruiken om Flash-achtige effecten te creëren), Horizontal Scrolling en One-Page sites. Als u iets anders wilt maken, gaat u eerst naar dit gedeelte.

b

Het laatste deel in het boek behandelt structurele elementen. Hier vindt u voorbeelden van zaken als tabbladen, knoppen, formulierelementen, "handige homepages", "functionele voetteksten", diavoorstellingen op de homepage en 404 pagina's. Voorbeelden hiervan zijn onder meer: Fhoke , Panda-thema's , en Gieves en Hawkes . Dit is een geweldige plek om te zoeken als u inspiratie nodig hebt voor slechts een specifiek deel van een site-ontwerp.

Zoals eerder vermeld, was ik aangenaam verrast door de inhoud van The Idea Idea's Idea Book II . Het is niet een boek dat ik normaal gesproken van een plank heb gehaald, met het idee dat het kopen van een boek over webontwerpinspiratie gewoon een beetje vreemd aanvoelt. Maar er is genoeg informatie over de toegevoegde waarde in het boek dat deze opvalt door gratis online galerijen en vitrines.

Het is niet zomaar een boek dat je mooie foto's laat zien, maar laat je zien hoe je wat je ziet, kunt gebruiken om je eigen unieke ontwerpen te maken zonder direct iets te kopiëren.

Bekijk ook Volume 1 voor meer geweldige inspiratie. Links voor aankoop zijn opgenomen in de Het ideeënboek van de webontwerper website, inclusief de link naar Amazon (waar het voor minder dan $ 20 wordt verkocht, vergeleken met de gebruikelijke $ 30 dekkingsprijs).


Exclusief beoordeeld voor WDD door Cameron Chapman

Heb je het boek bekeken? Wat zijn uw gedachten? Voel je vrij om hieronder te delen ...