A YouTube lehetőséget ad a regisztrált felhasználóinak, hogy sok minden mással együtt saját felületüket is testre szabhassák. Az alapértelmezett dizájnon kívül még számtalan előre beállított színvilág közül választhatunk, de ezt az egészet teljesen egyedivé is tehetjük.
Megfigyelve a YouTube oldal felépítését, és a látogatói felület tagolását, lehetőséget kapunk, hogy egy 256kB-nál nem nagyobb egyedi hátteret tegyünk saját felületünk mögé akár mozaik, akár középre fentre helyezett háttér elrendezésben.
Jól átgondolva a feladatot, és elhessegetve a mozaik elrendezésű háttér ötletét, nagyszerű lehetőség kínálkozik a YouTube oldalunk egyedi óriás háttérrel való pimpelésére.
Először is: készítsünk képernyőmentést a teljes képernyősen megnyitott YouTube oldalunkról a Print Screen, vagy Mac alatt a ScreenGrab segítségével. Ezt a mentést tegyük a Photoshopba egy rétegre. Vágjuk körbe pixelpontosan a hasznos tartalmat, levágva a sallangokat, hogy ne látsszon a böngészőből a felső menü, az oldalsó keret és gördítősáv, valamint az alsó információs sáv. Vonalzók segítségével pixelpontosan jelöljük ki, hogyan tagolódik az oldal. Ezek a világoskék vonalak később sokat segítenek majd a felület tervezésénél. Ha mindent jól csináltunk, akkor a fehér YouTube fejléc a képernyő tetején pontosan középre esik.
Ne felejtsük el, hogy az óriásháttér nem lehet nagyobb 256kB-nál, tehát a teljes szélességet és maximális magasságot, valamint a grafika összetettségét úgy alakítsuk ki, hogy ne kelljen kompromisszumokat kötnünk.
Válasszunk egy nekünk tetsző alapszínt, amire épülni fog az oldal. Ezt állítsuk is be a YouTube-on háttér színnek az Edit Channel–> Channel Design –> Background Color opciónál.
Photoshopban is hozzunk létre egy réteget, melynek pontosan ilyen színt adunk. Erre azért lesz szükség, hogy szép, láthatatlan átmenetet képezzünk az általunk kreált egyedi óriásháttér és a szabványos HTML háttérszín között.
Alapjában véve tehát 6 fontos része van az oldalunknak:
- Fejléc
- Menü
- Feliratkozó gomb
- Bal oldali oszlop
- Jobb oldali oszlop
- Lábléc
A fejlécet sajnos nem lehet módosítani, és megint sajnos nem átlátszó, hanem fehér. Bizonyos esetekben némi trükkel beolvaszthatjuk egy fehér háttérbe, de ez csak akkor működik jól, ha a háttér tetejét fehérből indítjuk el.
A fejléc alatt középen van a menü. Ezt a háttérrel trükközve úgy emeljük ki, hogy jól olvashatók legyenek felette a menük feliratai.
Menü alatt értelemszerűen balra és jobbra vannak azok az oszlopok, amelyekkel különféle szolgáltatásokat nyújtó kis ablakokat kapcsolhatunk be és ki. Fontos tudni, hogy ezeket a kis ablakokat félig átlátszóvá tehetjük, így nem takarják ki az egész hátteret.
A bal oldali oszlop tetején, sárgás színnel látható a feliratkozó gomb (Subscribe). A háttéren nyíllal, vagy valamilyen jelöléssel hívjuk fel rá a figyelmet.
A lábléc tulajdonképpen nem is létezik, csupán egy hivatkozást tartalmaz: Report background graphic.
Az óriásháttér alját úgy készítsük el, hogy az átússzon egy színátmenet segítségével a háttérszínbe, hogy a már említett módon elegánsan elhitessük a látogatóval, hogy háttérképünk végtelen magasságú.
Ahelyett, hogy részletesen elkezdeném taglalni lépésről lépésre a megoldást, maradjunk annyiban, hogy innentől kezdve jön a dolog intuitív része. Ha jóban vagyunk a Múzsánkkal, akkor néhány óra alatt gyönyörű háttérkép varázsolható. Ha nem, akkor érdemes megenni egy jókora adag csülkös bablevest, hogy segítsen ihletet gyűjteni… nekem legalábbis ez segített a jelenlegi dizájn megalkotásakor.
Munkánk készítésekor ne feledkezzünk meg arról, hogy többféle böngészővel, többféle oprendszer alatt, többféle képernyőfelbontással, és akár mobiltelefonon is látni lehet majd a munkánkat. Ezzel arra akarok kilyukadni, hogy nem biztos, hogy aki megnézi YouTube-os oldaladat, annak ugyanakkora bazinagy monitora van, mint Neked. A képernyők felbontásbeni különbségét figyelembe kell venni a háttér tervezésekor. Akár bónusz grafikát is tehetünk a háttérre, a nagyobb monitormérettel megáldott kíváncsiskodók legnagyobb örömére (vigyázat: ez növelheti a fájlméretet).
Azt sem árt tudni, hogy ha közösségi felületre nem illő háttérképet, vagy avatart választasz, akkor azt hamarosan le fogják szedni a YouTube üzemeltetői!
Mindez megtekinthető élőben itt: youtube.com/novamaxx
Végül egy kis segítség: a cikk végéről letölthető az a ZIP-be csomagolt .psd fájl, ami segítséget nyújthat a háttérkészítés megkezdéséhez.
YouTube óriásháttér PSD (19.61 KB), letöltve: 142 alkalommal
Nagyon köszönöm a hasznos infó-t. Respect