Pantone® har udnævnt “Pantone 18-2120 Honeysuckle” til årets farve i 2011. Det er en lyserød farve, som ifølge Pantone® vil kunne ses meget både i mode- og interiørverdenen  i 2011. Hvis man mangler inspiration til nye farver, er det ofte er en idé at se på, hvad der rører sig indenfor de områder.

CMYK, RGB og hex-værdierne:
C 0, M 86, Y 16, K 0
R 203, G 101, B 134
# cb6586

Som en lille ekstra service, kan du her downloade Honeysuckle paletten til dine adobe programmer

Flere populære 2011 farver
Andre farver, der bliver spået som populære i 2011 kan ses på denne oversigt:
Download farverne til dine adobe programmer.

Eksempler på brug af den lyserøde farve på hjemmesider
Jeg har herunder samlet lidt inspiration til, hvordan man kan bruge lyserød
– dog i forskellige nuancer og især en mere pink udgave – i sit hjemmesidedesign:

Co3 – bruger den her som call-to action knap

weshootbottles.com

Dale Harris

Odopod

Remix Creative

Huge

Liz Lance

Ungarbage

Multiadaptor

Modernois

Mere inspiration og hjælpeværktøjer
Husk også at tjekke følgende sider ud, hvis du er interesseret i farver:

colourlovers.com

0to255.com

colorotate.org

colorschemedesigner.com

og selvfølgelig som også nævnt i et tidligere indlæg: kuler.adobe.com

Det rigtige billede kan skabe opmærksomhed, informere og måske endda overbevise den besøgende om at afsenderen er troværdig. Til gengæld kan det forkerte billede forvirre og irritere og måske efterlade den besøgende med et negativt indtryk af dit firma, dit produkt eller din service.

Hvis du ikke har ressourcerne til at hyre en fotograf, er der heldigvis mange andre gode muligheder for at anskaffe sig lækre billeder. Her er et par steder med gode stockbilleder til rimelige penge – og mit råd til, hvordan du udvælger det rigtige billede.

Istockphoto

iStockphoto er en af mine yndlingsbillededatabaser. Istockphoto er en brugergenereret “royalty free” billeddatabase med et kæmpe udvalg. Her finder du udover billeder både vektor-illustrationer, video, musik og lydeffekter, flash og efter sigende i den kommende tid også logoer.

Søgning af billeder
Fordi istockphoto har millioner af billeder og illustrationer kan det ofte kræve lidt tid af finde det helt rigtige billede. Det er derfor vigtigt at være præcis i sin søgning.

Udover den almindelige søgefunktion, hvor du kan søge med nøgleord, indkredse resultaterne efter fx. filtype, sortere efter filstørrelse, antal downloads mv., har du mulighed for at lave en “avanceret søgning”, som varmt kan anbefales.

Mulighederne i “advanced search”:

- Søgning på om billedet skal være i højformat, bredformat eller kvadratisk
- Søgning efter et bestemt medlems billeder
- Søgning efter filstørrelser og pris
- Vis/skjul fildetaljer
- Flere filtre: Du kan fx. søge på, om der skal være personer med på billedet
- Søgning på kategori
- Søgning på “best match”. Indkreds din søgning ved at hæve eller sænke graden af søgeordsrelevansen.
..Jo højere relevans jo mere vil sorteringen fokusere på det specifikke nøgleord.
- Søgning efter farve
- Søgning efter “CopySpace™”. Her kan du søge efter billeder med “luft” omkring selve motivet,
..så du har mulighed for at tilpasse billedets størrelse, hvis nødvendigt.
- Søgning på lyde efter genre, tempo, noder mv.

Udvælgelsen
Når du har udført din søgning, skal selve udvælgelsen igang:

Hvad skal billedet formidle? Det er afgørende at billedet formidler den rette stemning og udsender de rigtige signaler. Hvis du skal bruge et billede af fx. en forretningsperson, er det vigtigt, at personen udstråler professionalisme, men måske også ser venlig og organiseret ud, hvis det altså er det, din virksomhed skal fremstå som.

Mange billededatabaser kan være præget af meget amerikanske eller asiasiske billeder, men det er heldigvis ligeså stille ved at udjævne sig. Prøv at vælge et billede, der matcher den kultur virksomheden/kunderne kommer fra.

Prøv også at tage stilling til om det billede, du har udvalgt, egentligt informerer den besøgende og dermed rent faktisk bidrager til indholdet eller om det bare er pynt. Det kan i nogle tilfælde være en fordel at finde en god grafik fremfor et foto.

Eksempel på et billede, der både er lækkert men også informativt, en såkaldt “infographic”:

En god huskeregel er at jo mindre billede, du skal bruge, jo færre detajler, bør der være på billedet. Så beskær dit billede, så kun det væsentligste kommer med.

Når du bruger stockbilleder, kan du opleve at mange andre allerede har brugt samme billede. Hvis du vil være sikker på, at der ikke er andre, der kan bruge det billede, du har udset sig, kan du købe sig til de “eksklusive rettigheder”. Dette vil selvfølgelig koste mere, men måske stadig være billigere end at få en fotograf til at tage billedet.
Hvis du ikke har et stort budget, kan du vælge at gå efter de mindst “populære” billeder. Du kan se hvor mange downloads, der har været på det specifikke billede ved at klikke dig ind på billedet eller ved hjælp af et lille flammeikon øverst til venstre på thumbnail’en. Hvis den er lyserød har den haft over 10.000 downloads!

Farver
Det kan have stor betydning for en hjemmeside om billedernes farveskala stemmer overens med resten af firmaets identitet. Så prøv at tænk over farvesammensætningen.
Selvom originalbilledet måske ikke har de helt rigtige farver, er der dog stadig mulighed for at ændre dem, for alt kan jo lade sig gøre i Photoshop :) Måske ville billedet passe bedre ind, hvis det var i sort/hvid eller med en “overlay” farve? Måske har du endda en designmanual at tage hensyn til?

Eksempel på brug af sort/hvid fotos på hjemmeside. Ved at forsiden er holdt i sort/hvide nuancer, kommer virksomhedens logo endnu mere i fokus:

Pris
Billeder på istockphoto er ikke dyre. Billederne betales i credits og en credit svarer som hovedregel til 95 ¢ (dags dato = ca. 5 kr.). Billederne kan prismæssigt ligge fra 1 credit og til over 150 credits.
Prisen vil også afhænge af hvor stort billede, du skal bruge. De ligger oftest fra xsmall til xlarge. Husk at købe den store version, hvis det også skal bruges i trykt materiale på et tidspunkt. Du kan altid gemme ned ad, men det er surt at skulle til at bruge flere penge på at skulle købe billedet igen, fordi det er købt for småt i første omgang.

Hvis du ofte har brug for at skulle købe billeder, kan det være værd at overveje om det ville kunne betale sig at få et fast abonnement. Du vil dermed få rabat på dine credits. Alt efter hvilken ordning du vælger, vil prisen kunne komme helt ned på omkring 29¢ pr. credit (Ca. 1,50 kr.)

God fornøjelse med at finde dit næste billede! :o)

Ekstra:
Se mere om beskæring af billeder i Felix Sanchez’ indlæg: “Få bedre billeder med beskæring”.

Vil du vide mere om farver og deres betydning kan du evt. læse dette indlæg fra Smashing Magazine.

Andre billeddatabaser:
Photos.com (Jeg synes personligt udvalget på photos.com er dårligere end istockphoto og der er knap så mange gode vektor-illustrationer. Men du kan jo være heldig at netop det billede du mangler, er at finde her. Priserne er umiddelbart højere end på istockphoto.

Gettyimages – umiddelbart super professionel billeddatabase. Knap så billig som istock.

sxc.hu – Helt gratis billededatabase. Udvalget er måske ikke så stort, men det er muligt at finde gode billeder.

Tak for inspirationen til Smashing Magazine, Creative Bits og Webdesigners Depot.

Jeg kan desværre endnu ikke selv finde ud af, hvordan jeg nemmest laver
fx. græseffekt på tekst, så fandt en tutorial fra psd.tutsplus.com, som var
ret nem at gå til. Her var også gode links til billeder mv.

Det tog lidt tid at “klippe” græsset ud omkring bogstaverne med penneværktøjet,
men ellers er det mest et spørgsmål om at få lavet nogle gode skyggeeffekter.

Jeg ved ikke helt om 3D effekten træder tydeligt nok frem, men der er ikke
andet for end at pusle lidt med det :)

Se stort billede (1920×1200 px) ved at klikke på billedet herunder:

Stripe Generator
Her kan I lave jeres egne baggrundsstriber. Vælg bare farver, afstande, evt. skygge mv. og download. Herefter kan du gemme den som et pattern i photoshop og wupit… Her valgt med orange tema:

Dotted background Generator
Et andet værktøj til at lave baggrunde er pixelknete som laver “prikkede” baggrunde udfra en forgrunds- og en baggrundsfarve… Har ikke brugt den nogen steder endnu, men her ses et eksempel – måske ikke lige den skønneste – men I forstår nok.

Button generator
Det kan også være tidskrævende at skulle designe nye knapper gang på gang. Men AsButton Generatoren giver dig mulighed for at lave knapper med forskellig udseende… Hvis du har brug for flere størrelser på knappen til et projekt, skal du lige have gennemtænkt versionerne inden. Ellers kan det være svært at huske indstillingerne fra gang til gang. Hjemmesiden er ufattelig grim, men den fungerer fint. Knapperne bliver gemt ned som png’er.

Her et eksempel på en knap lavet i AsButton Generator:

Jeg har så efterfølgende fundet ud af, at man tilsyneladende kun har mulighed for dette ved at downloade eller købe et program til formålet. Jeg fandt programmet Any Screen Capture , som umiddelbart ser ud til at virke. Har taget et screen shot af deres hjemmeside og sat ind herunder. Hvis I støder på andre bedre programmer eller har kommentarer til dette program, hører jeg gerne fra jer.

Jeg bruger selv blindtextgenerator.com, når jeg skal have genereret dummy tekster. Den er nem at bruge. Du vælger bare hvilken type tekst, du ønsker og derefter hvor mange ord eller karakterer du har brug for.

Brush’ene er helt og aldeles gratis både til personligt og kommercielt brug. 

Hvis du kunne tænke dig disse brushes, kan du hente dem her.

Herunder er et fuldt preview af alle 30 brushes.

Dette er mit første blogindlæg, så det skal blive spændende
at se hvad det kan blive til på sigt.

Jeg er ivrig inspirationssøger og får dagligt en masse inputs til design,
inspiration, fonte og grafikker, som jeg også gerne vil dele med andre.

Udover at dele mine inspirationsfund og min viden vil jeg med tiden
bruge denne blog som portfolio.

Nu har påsken godt nok været over mig og jeg har derfor ikke været
på inspirationsjagt nogle dage.

Men som en lille start vil jeg gerne lige dele nogle links plukkede
fra mine favorites:

Fed blog med en masse free stuff. Ikoner, skrifter, inspiration mv.:
webdesignerdepot.com

Gode tutorials og tips og tricks til adobe programmerne:
layersmagazine.com

Hvilke farver spiller sammen? Alverdens farvetemaer samlet ét sted:
kuler.adobe.com

Gratis brushes til Photoshop:
brusheezy.com

Alt muligt indenfor design, photoshop, tutorials, CSS, AJAX, wordpress mv.:
noupe.com

Jeg sætter selv stor pris på, at folk deler viden og designelementer,
så håber du også vil gøre brug af det! :)