Web Design Ledger

Smashing Magazine

Onextrapixel

Function Web Design

Noupe

Cats Who Code

Webdesigner Depot

Speckyboy

Web Designer Wall

Zurblog

Regelmatig krijgen we een lijstje voorgeschoteld met de voordelen van CSS3, maar door een gebrek aan cross-browser compatibility houden de meeste webdesigners hun handen af van deze CSS3. De oplossing is Font Effect, font effect is in staat enkele CSS3 functies te vervullen voor tekst.

jQuery UI

Dit is één van de onmisbare plugins van jQuery, met deze plugin tover je snel effecten op je scherm zoals het dichtschuiven van div’s bij het klikken een sluit knop. Ook een progressbar, autocomplete, accordion, drag & drop zitten hierin vervat. Samengevat: snel een vlotte interface bouwen!

jQuery Tools

Smoking Cow is ongelooflijk fan van deze, want met jQuery Tools creëer je in een mum van tijd een vlotte feature slider, tabs, tooltips… Ook op onze website maken we er vlijtig gebruik van, zo is onze klanten slider hierop gebaseerd. Ook ons project InvitePlus maakt bijna op elke pagina gebruik van deze jQuery Tools.

Supersized

Met Supersized kan je een fullscreen background image definieren, en deze laten proportioneel meeschalen met de browser van je bezoekers, tevens kan je er een slideshow van maken! Een must-have! Voor wie nog een stapje verder wil gaan kan daarboven nog eens .gif pixels plaatsen!

Mega Drop Down Menu

De titel zegt het zelf, een menu met heel veel content, het leuke hierbij is dat dit menu heel vlot loopt en makkelijk kan geïntegreerd worden met jQuery effectjes. Tevens is het volledige menu mooi beschreven in een tutorial, zo ontgaat niets van het menu jouw aandacht!

Things

Beginnen doen we met Things, een handige applicatie waarmee je al jouw werk lekker kan beheren. Tevens bestaat er een iPhone applicatie van, waarmee je alles gewoon kan syncen, waardoor je dit uitgebreide to-do lijstje steeds bij de hand hebt!

Littlesnapper

Ons volgende applicatie heet Littlesnapper, meteen vertel ik erbij dat ik enorme fan ben van deze! Elke grafische vormgever heeft mapjes met leuke inspiratie afbeeldingen, maar na verloop van tijd begint dit een soepje te worden door een overvloed aan items. Littlesnapper maakt hiermee komaf! Met littlesnapper kan je eenvoudig al deze afbeeldingen beheren en je kan zelfs volledige websites snappen! Uitproberen is dus de tip!

LiveBrush

Wie dacht alles gezien te hebben, is goed mis! Livebrush is een overheerlijke applicatie, waarmee je eens buiten de lijnen kan gaan kleuren. Dit letterlijk en figuurlijk. Het is moeilijk uit te leggen wat Livebrush doet. Maar een kijkje nemen op hun website kan vooral geen kwaad! Daar staat tevens een leuke video van hoe alles in zijn werk gaat.

Inklet

Waarom houden we zoveel van Apple? Inklet zal het je tonen! Beschik je over een aluminium mac dan kan je jouw trackpad omtoveren tot een tekentablet. Testen kan je al met je vinger, maar wil je natuurlijk optimaal tekenen dan koop je beter zo’n stokje van inklet zelf!

Times

RSS hier en RSS daar en voor je het weet beschik je over een waslijst aan RSS feeds. Deze overvallen je nog eens in je RSS Reader en vaak gaat er heel wat nieuws je voorbij! Met Times is dit verleden tijd! Times toont de RSS Feeds als een soort echte krant, waarbij je nog eens artikels kan op een toonbank leggen om later te lezen. Je hoeft enkel een RSS Feed in plaatsje in jouw persoonlijke krant te geven! Nu nog een lekkere koffie erbij en het is lezen als in “the good old times”!

1Password

Facebooken, Twitteren, Netloggen daarop nog eens een Paypal account enz. Je zou er ziek van worden want bij elke website moet je steeds jouw paswoord ingeven. 1Password, de superman in spé komt ons ten redding! Met 1Password hoef je maar één keer jouw paswoord te geven en automatisch vult hij de paswoorden op andere site’s in. Een must-have dus!

Billings

Afsluiten doen we met Billings. Grafici zijn niet bepaald de beste boekhouders daarom voelde ik mij wel genoodzaakt deze Billings toe te voegen aan het lijstje. Met Billings kan je automatisch facturen opmaken, klanten beheren, gewerkte uren opnemen en doorrekenen, het kan niet gekker! Voor een zelfstandige dus de perfecte tool! Tevens beschikken ze ook over een iPhone versie, wat altijd mooi meegenomen is!

Blackoutdownload

Uitgebracht door The League Of Moveable Type

Layer Cake download

Uitgebracht door Just My Type

Val download

Uitgebracht door Font Fabric

Paperworld download

Uitgebracht door Vladimir Tomin

Groteska download

Uitgebracht door Alberto Rodríguez

Cube 02 download

Uitgebracht door Font Fabric

Facet download

Uitgebracht door Font Fabric

Bleeding Cowboys download

Uitgebracht door Last Soundtrack

Quad download

Uitgebracht door Font Fabric

Amputa Bangiz download

Uitgebracht door Quiccs

1. Plaats jouw porfolio & curriculum vitae op zoveel mogelijk grafisch gerichte websites. Voorbeelden hiervan zijn: Creativeskills, DeviantArt, Behance Network, LinkedIn, zelfs Facebook!

2. Solliciteer niet enkel bij bedrijven die grafici zoeken, bedrijven houden vaak binnekomende sollicitaties bij de hand. Ze maken dan ook gebruik van die sollicitaties wanneer binnen het bedrijf grafici afvloeien of wanneer men herstructureringen doorvoert. Een mail sturen met de vraag “Zijn jullie op zoek naar een graficus?” is dan ook overbodig!

3. Solliciteren = onderscheiden. Onderscheid je van andere grafici doormiddel van een originele sollicitatie. Probeer hierbij zoveel mogelijk in te spelen op de gedachtengang van het betreffende bedrijf. Denk hier zorgvuldig na over verschillende mediums (brief, postpakket, fax, telefoon,…) waarmee je kan solliciteren.

4. Less is more. Plaats nooit je volledige portfolio online! Maak een bewuste selectie van je beste werk. Zorg ook dat je eenvoudig een portfolio op maat kan maken, zodat wanneer je bij een bedrijf gaat solliciteren je kan inspelen op de specialisatie van hen. Zo is het ene grafische bedrijf gespecialiseerd in opmaak van boeken en het andere bedrijf in logo ontwerp.

Beautiful Decay Apparel

5. Trek geen maatpak aan op jouw sollicitatie gesprek. Trek eerder een t-shirt met een vette print op aan. Kleren tonen vaak een stukje van jouw persoon. Wanneer men een t-shirt ziet met een vette print, weet men meteen dat je een echte designer bent voor het leven! Let wel op: grappige prints kunnen op een sollicitatie een meer marginale look uitstralen. Kies dus zorgvuldig!

6. Wees positief over je vorige werknemer, al was de creativiteit op je vorig werk ondermaats. Wanneer men vraagt waarom je jouw werk verlaten hebt, zeg dan eerder “ik ben op zoek naar een nieuwe uitdaging” dan “het niveau was te laag op mijn vorig werk”.

7. Plaats jouw ontwerpen in een 3D omgeving, dit kan in enkele seconden gedaan worden met handige tools zoals Cover Action Pro of met product-mockups die je kan kopen op Graphic River. Zo vermijd je dat je van al jouw werk hoge resolutie foto’s moet nemen in een studio.

Simon Plesters

8. Breng geen portfolio mee die bestaat uit A4 printjes. Dit oogt meteen goedkoop. Probeer op een originele manier jouw portfolio naar voor te brengen. Zo kan een webdesigner een originele cd of usb stick hoes maken, een grafisch vormgever kan spelen met de vorm van zijn boek. Voorbeeld:

Charlotte Dumortier

Afbeeldingen drukklaar maken

In de eerste plaats moet er een onderscheid gemaakt worden tussen CMYK en RGB beelden.

• CMYK ofwel Cyaan Magenta Geel en Zwart zijn de 4 drukkleuren. Met een combinatie van deze kleuren is het mogelijk om bijna alle andere kleuren te bekomen.
• RGB ofwel Rood Groen en Blauw zijn kleuren die gebruikt worden voor je beeldscherm. Met een combinatie van deze kleuren kan je bijna alle kleuren bekomen.

Als je beelden van het internet haalt staan deze in RGB en moet je ze omzetten naar CMYK, alsook zelf genomen foto’s. Dit kan je doen in Photoshop.

Kies hiervoor Image > Mode > CMYK Color.

Verschil Pixels Per Inch & Dots Per Inch

PPI of pixels per inch is een ‘onbelangrijke’ benaming van de resolutie van de foto uit je fototoestel of op je scherm. Wat écht telt zijn de pixels op zich. Deze foto van 2400 x 1600 pixels ‘vergroten’ van 72 ppi naar 300 ppi heeft geen gevolg naar de grootte van de foto. Je verandert gewoon een parameter. De foto blijft immers 2400 x 1600 pixels. En je scherm toont de foto altijd volgens de 72 ppi.

DPI of Dots per inch is alleen van belang bij drukken. Als je in Photoshop een foto opent, wordt er een dpi-waarde vermeld. Daar hoef je niet op te letten, het zegt niets, je kunt de dpi-waarde veranderen in welk getal je maar wilt (via Image > Image Size), het verandert niets aan de foto.

Hier zie je dat de afbeelding een resolutie heeft van 2400 x 1600 pixels. Maar als je deze foto doorstuurt naar de drukker zal hij deze niet aanvaarden omdat hij “slechts” 72dpi heeft. En daar missen vrij veel drukkers in. Want de afbeelding is even goed te drukken omdat de resolutie groot genoeg is. Maar om geen verwarring te krijgen verander je 72dpi naar 300dpi. Dan zie je ook direct hoe groot je afbeelding maximum bij druk kan zijn, bij width en height.

Maar let op: je moet dan wel resamplen (nieuwe pixels berekenen) uitzetten. Als je resamplen uitzet, kun je de dpi-waarde wijzigen, het bijbehorende afdrukmaat wordt dan aangegeven. Andersom werkt ook: wijzig de afdrukmaat, dan zie je welke dpi hier bij hoort.

In ons voorbeeld dus 15cm op 10cm. Bij Resolution zie je 406,4 dpi verschijnen. Dus je kan met zekerheid zeggen dat deze afbeelding gedrukt kan worden, aangezien 300dpi vereist is om te drukken.
Wil je toch afbeeldingen van het net laten drukken dan zal je op zoek moeten gaan naar hoge resolutiebeelden. Daarvoor bestaan verschillende sites zoals ShutterStock.com, iStockPhoto.com. Hiervoor zal je wel moeten betalen maar gelukkig zijn er gratis sites zoals sxc.hu, everystockphoto.com.

Drukklare PDF maken via directe export in InDesign CS2, CS3 of CS4

Je opent de Voorkeuren van Indesign en gaat naar Vormgeving van zwart/Appearance of Black en gebruikt de onderstaande instellingen. Deze instellingen zorgen ervoor dat het zwart niet wordt gesplitst in CMYK maar 100% zwart blijft bij druk.

Kleurinstellingen

Als je geen specifiek kleurprofiel wenst dan kies je bij Settings voor Prepress 2. Dit menu zit onder Edit > Colour Settings.
Deze instellingen vind je ook in de Bridge, indien je de instellingen daar verandert dan worden alle programma’s van de suite aangepast met deze instellingen.

Voorinstelling PDF

Door voorinstellingen te downloaden en te installeren worden alle instellingen automatisch aangepast. Hierbij heb je nog de keuze om vb. snijlijntjes automatisch toe te voegen enz. De voorinstellingen zijn meestal te vinden op de site van de drukkerij.
Kies voor File > Adobe PDF Presets > Define

Klik vervolgens op Load en selecteer de gewenste voorinstelling die je net gedownload hebt.

Exporteren naar PDF

Kies nu terug voor File > Adobe Presets > “Geïmporteerde voorinstelling” En alle instellingen zijn in één keer gewijzigd en ben je zeker dat je bij druk geen problemen gaat hebben.

Controle

Uitvoervoorbeeld

In Adobe Acrobat kan je ook zelf de kleurscheidingen bekijken als extra controle. Ga hiervoor naar Advanced > Print Production > Output Preview

Hier kan je de 4 drukkleuren aan of uitvinken en controleren als vb. de zwarte tekst wel zwart is en niet in CMYK staat.

Lettertypes

Controleer in Acrobat onder File > Properties > Fonts als bij lettertypes zijn “ingesloten” of “ingesloten subset” staat.

Certifiëren

Nog een stap verder in de controle van de PDF is het certifiëren ervan. Hierbij wordt de PDF gecontroleerd op mogelijke fouten. Na de controle krijg je een overzichtelijke logfile met eventuele “errors” en “warnings”. Je vindt meer informatie op de website van Ghent PDF Workgroup.

Als je geregeld twitter gebruikt dan worden je laatste tweets in de user-pagina getoond, deze zijn enkel zichtbaar voor jou, alsook je Flickr foto’s. Heel handig, want zo wordt Robo.to een ideale verzamelsite!

Het is ook mogelijk om het filmpje op je eigen site of blog te plaatsen. Je krijgt telkens je laatste opname te zien.

Robo.to krijgt de laatste tijd meer en meer aandacht van bekende sterren. Zo is Justin Timberlake heel actief op Robot.to, je kan hem hier volgen: http://robo.to/justin.

Onlangs zijn er nieuwe functies aan de site toegevoegd. Zo kan je een eigen Robo.to emailadres aanvragen, als je dan foto’s of video’s stuurt naar dit adres dan wordt je Robot.to pagina automatisch geüpdate. Ideaal voor foto’s, video’s van je iPhone of andere gsm. Je zal wel korte filmpjes moeten mailen, want Robo.to verkort lange filmpjes. Grote foto’s worden bijgesneden en weergegeven in een vierkant.

Robo.to is dus een goede aanvulling op het hele community wereldje. Binnenkort worden er nieuwe updates verwacht!