Absolute Background Textures Archive
Az oldalon majd’ 6000 féle minta közül válogathatunk. Ne riasszon el a mennyiség, színek szerint lehet keresni, illetve vannak különféle beépített generátorok is. Egy próbát mindenképp megér, bár kicsit 90-es évek szaga van.

Amazing Textures
Itt már kevesebb minta van, de a minősége annál jobb. Vállalkozó kedvűeknek ajánlott.

Amurai Shizoo
Kellemes, modern minták. Stílusonként vannak csoportosítva és tölthetőek le. Egyetlen hátránya, hogy nincs előnézet belőlük, csak a letöltéssel láthatóak rendesen a minták.

Auto FX Software
Szép válogatás, sokfajta stílus, fotószerű megvalósítás. A letöltéshez be kell regisztrálni, mely egyébként díjmentes. És hát ilyesmikre jó a 10 perces email.

Background City
Ezen az oldalon két módon kereshetünk a hátterek között, stílus szerint csoportosítva és témaszerűen.

Bravenet
Itt is majdnem 1000 hátteret találunk. Keresni nem tudunk, de előnézeti kép van.

CG Textures
Fényképekből összeszedett válogatás, sok-sok képpel, érdekes kategóriákkal. Szintén vállalkozó kedvűeknek ajánlom.

Citrus Moon Patterns
Lányok és romantikus kedvűek biztos találnak itt nekik való hátteret. Szín szerint kereshetünk. A minták többsége engem régi kanapéhuzatra emlékeztet.

ColourLovers
Korábban már írtam az oldalról. Nem is olyan rég bevezették azt a funkciót, ahogy a megadott színekből mintákat lehet varázsolni, és igen kellemes sablonjaik vannak. Innentől kezdve mindenkinek csak a fantáziája szab határt. Nyomás a Patterns -> Create szekcióba! Ajánlott.

DinPattern
A kedvencem. Nem túl sok, de annál szebb minták, kiváló minőségben. Több stílus is megtalálható.

De Web
Minőségi rozsdák, falak, fa felületek, graffitik. Egyszer ide is be kell nézni.

Everyday Icons
Flash alapú, lassan töltődő, de ötletes megoldás. Játékos hátterek, és garantált 1-2 perc szórakozás madárcsicsergéssel.

Go Media – Arsenal
Ha vízfestékszerű hátteret keresel, akkor itt megtalálhatod. Bár összesen csak négy db van, de kiindulási alapnak ez is tökéletes.

Grunge Textures
Az oldal neve nagyjából elmondja, mit találunk itt. Szintén fotógyűjteményről van szó, graffitik, falak, sírkövek(!), szemét és rozsda stílusból is válogathatunk.

Kollermedia
Sógorok oldala modern stílusban aprómintától a fotószerűig. Előnézet is van, így nem kell letöltögetni a mintákat.

Milleseicentopercento
Kimondthatatlan név, nem is túl nagy választék, de érdemes megnézni.

RepeatXY
Szintén sokat mond az oldal neve. Szép hátterek vannak, és nem csak letölteni lehet őket, hanem szerkeszteni is kedvünk szerint. Szín szerint kereshetünk.

Squidfingers
A DinPatternhez tudnám hasonlítani, csak nagyobb választékkal. A szokatlant keresőknek ajánlom.

TextureKing
Szintén beszélő név. Stock fotó szerű oldal, ahol sok fénykép jelenik meg egyszerűen kategorizálva. 337 mintával fut jelenleg.

Urban Dirty
Lázadó városiaknak, emosoknak :) Falfirkák, koszos falak, repedések és barátaik.

Vecteezy
Vektorosan rajzolt, nagyszerű minták. Zina szereti.

A CSS-ben minden pixel a helyén lesz, tökéletes helyen. Ami miatt aggódni kell, az már inkább a Photoshop és az abból kijövő képelemek. Hogy a lehető legélesebb maradjon a dizájn, az alábbi szempontok a legfontosabbak:

• Az alakzatok széleit nézd meg közelről, így látod, mennyire illeszkednek a pixelek széléhez. Ha kicsit el vannak mosódva, akkor azt kézileg kell javítani. Értendő ez az alakzatok mellett még a vonalakra és dobozokra is.
• Figyelj arra, hogy a szöveg, amit a Photoshoppal készítesz, az a megfelelő “simító” eljárással készült-e. Értem ez alatt a szöveg beállítások alatt kiválasztható “None“, “Sharp“, “Crisp“, “Strong” és “Smooth” opciókat. Ezek különböző mértékben simítják a szöveget a háttérhez. Kicsi ill. halványabb betűknél pl. a legoptimálisabb a “Sharp”, azaz éles eljárás.
• Figyelj a kontrasztra, főleg az éleknél, ott a lehető legmagasabb legyen.
• Jól jöhet, ha a szegélyeknél egy kicsit feljebb nyomod a kontrasztot.

A webdizájn az információról szól. Egyszerű navigáció kell, ami végigvezeti a látogató szemét az oldalon.

Ha megnézzük a legtöbb weboldalt, az első dolog, amit meglátunk, az a logo. Általában a bal felső sarokba teszik, mert tanulmányok szerint az az első hely, amit megnéznek a látogatók. Szép példa, kövessük, mert így egyből tudni lehet, hová is látogatott az emberünk.

Menjünk tovább. Lépésről lépésre vezessük a szemet. Pl.: A logóról menjen a szeme a jelmondatra, ami pedig egy szép kép mellett van (ami megadja az oldalunk személyigését is akár), majd térjen át a tartalomra, a megjelenített szövegre, és legyen ott helyben, de kevesebb hangsúllyal a navigáció (oldalsávban, vízszintes navbar-ban).

Hogy mit lát a felhasználó, az már a dizájner dolga.

És mik az eszközök mindehhez?

• Pozicionálás – Hogy hová tesszük a tartalmat, nagyban befolyásolja, hogy a látogató azt milyen sorrendben nézi meg.
• Szín – Erősebb (feltűnőbb) színekkel írt félkövér betűkkel nagyban befolyásolhatjuk, hogy látogatónk hová nézzen.
• Kontraszt - Ha valami elüt a többitől, egyértelmű, hogy arra előbb irányul emberünk figyelme
• Méret – Nagyobb dolgokat egyszerűbb észrevenni (természetesen addig, amíg nem minden nagy)
• Dizájn elemek – képzelj csak el egy jó nagy nyilat, ami valahová mutat. Szerinted milyen hamar irányul oda a figyelem?

Maradjunk a színeknél. Első lépésben.

Color by COLOURlovers

Ugye amikor elkezdünk tervezgetni, igen fontos tényező, hogy milyen színekből építsük fel. Lehet, hogy van már egy konkrét kiválasztott, de mellé nem mindig elég a fehér (#ffffff) vagy a fekete (#000000). Úgyhogy ilyenkor inspiráció kell. Én innen szerzem: http://www.colourlovers.com/palettes/top

Miért jó? Mert sok emberke helyetted megalkotott szép színharmóniákat, különböző hangulatokban. Elegendő csak szétnézned, és biztos megtalálod, amelyik hozzád illik, avagy a tervezendő weblaphoz.

A Hue Options lenyíló menüben kiválaszhatsz pl. egy-egy fő színt, mely aztán százával hozza az eredményeket. Javaslom, hogy a rikító színeket kerüld, a szemnek jobbat tesz, ha a lágyabb árnyalatok jelennek meg a képernyőn. Ez a keresés itt az optimális, hexadecimális kódra nem érdemes keresni, mert nem túl sok az esélye, hogy pont az szerepel egy-egy palettán…

Hány színt használj a palettákról? Ahogy jól esik. Én általában szeretem 3 színre korlátozni, mert nem okoz zsúfoltságot. Jelen oldalamon is van szürke, és két féle zöld.

Egyre figyelj: használhatsz nem csak harmonizáló, hanem ún. komplementer színeket is, de ezeket soha ne tedd egymásra! Gondolj csak arra, hogy zöld hátteren milyen piros betűt olvasni… Ha ez elütő színeid közül egy erős, akkor a másik legyen halványabb, ne keverd pl. az élenk lilát élénk sárgával. De ezt nagyjából érezni lehet. Ha nem fáj a szemed, mikor ránézel, az már jónak számít. :)