Poradnik dla początkującego grafika – cz.1

Tytuł może was trochę zmylić -- wszak głównie zajmuję się front-end'em, ale postanowiłem napisać kilka porad dla początkujących grafików, którzy zaczynają swoją zabawę w tworzenie layoutów. Żeby współpraca na drodze grafik <-> klient <-> front-end przebiegała bez przeszkód. No i przy okazji zaoszczędzić trochę czasu.

1. EJ, TEŻ CHCĘ WSZYSTKO WIDZIEĆ!

Ten przypadek zdarza się już coraz rzadziej, ale muszę go przytoczyć. Bywa tak, że po dogadaniu się z osobą, której mam oddać pocięty design, otrzymuję od niej jeden plik .JPG/.PNG z przyszłym layoutem. W takich wypadkach proszę o wysłanie pliku w .PSD. Niektórym może wydać się to dziwne, ale też potrzebuję mieć dokładniejszy wgląd do grafiki -- chociażby aby dokonać drobnych poprawek w postaci wyrównania jakiś buttonów czy większych bloków gdzie będzie znajdować się tekst. Co prawda mógłbym poinformować twórcę tego layoutu żeby poprawił to i to, ale przez takie wymienianie plikami traci się tylko czas, który jest przewidziany na kodowanie.

2. UTRZYMUJ PORZĄDEK W SWOIM WARSZTACIE

Wskazówka
Aby łatwo można było połapać się w warstwach, stosuj takie wyrazy jak: top/header (góra); news/content/text (dla obszarów z tekstem); menu/sidebar (dla bocznych menu); footer/bottom (dla stopki);

Jeden z większych błędów początkujących grafików -- tworzenie warstw "na oślep". Gdy po otworzeniu pliku .PSD zastaje się dosłowny chaos -- ponad 60 nieopisanych warstw tylko Layer 1, Layer 2, Layer 3... -- "poruszanie" się po czymś takim jest koszmarem. Dlaczego? Ponieważ jak wspomniałem wyżej, gdy potrzebuje wprowadzić drobne poprawki muszę przeszukiwać X warstw, aby trafić na tę właściwą.

3. KŁOPOTY Z OPTYMALNĄ ROZDZIELCZOŚCIĄ

Podczas tworzenia layoutu nie wszystkim zdarza się myśleć o wszystkich rozdzielczościach ekranu. Jeszcze sporą część rynku mają monitory o rozdzielczości 1024x768 (XGA), ale powoli już zaczynają je zastępować monitory o dość panoramicznych rozdzielczościach -- a co za tym idzie strony muszą być analogicznie szersze. I wtedy powstaje problem, co z robić z użytkownikami mniejszych rozdziałek? Dla mnie rozwiązanie problemu powinno być następujące: strony powinny mieć maksymalną szerokość do 1000px, ale tło (background) powinno bezproblemowo móc się powtarzać. Dzięki temu użytkownicy mniejszych rozdziałek nie powinni mieć problemu z wyglądem strony, a osoby które posiadają panoramiczne ekrany będą mogły w miarę komfortowo przeglądać serwis.
Ewentualnym rozwiązaniem są strony z dynamiczną szerokością, ale o nich napiszę kiedy indziej.

Ciąg dalszy poradnika za kilka dni ;]

Do następnego.