Wskazówki tworzenia layoutu - Media Essence

Wskazówki tworzenia layoutu – Media Essence
1.
Szablon przygotowywany musi być na płótnie o szerokości 1920 pikseli, aby po
wyeksportowaniu tła mogło przykryć tło strony na ekranach o rozdzielczości 1920 x 1080
pikseli. Taką szerokość strony należy zastosować szczególnie w tedy, gdy tła strony nie można
użyć jako powtarzającego się patternu.
2.
Layout powinien być tworzony na GRID-zie, który składa się z 12 kolumn. Marginesy
pomiędzy kolumnami oraz marginesy po prawej i lewej stronie strony powinny mieć taką
samą szerokość.
3.
Maksymalna szerokość strony przyjęta jest na 996 pikseli ale nie jest wymagana. Grafik jest
zobowiązany do ułożenia GRID-u na opracowywanym przez siebie projekcie w 12 kolumnach.
Prosty generator GRID dla wielu programów graficznych:
http://gridcalculator.dk
4.
Tło pod banerem nie powinno być szersze niż obszar szerokości strony, jeśli jest on
pokazywany tylko na stronie głównej.
5.
Po zaakceptowaniu banerów (jeśli strona je zawiera), grafik powinien przygotować wszystkie
banery w ostatecznych wymiarach w osobnym pliku PSD gotowych do wyeksportowania.
6.
Jeśli dany obiekt posiada cień, ten nie może wychodzić poza kolumnę GRID-a ponieważ po
wyeksportowaniu obiektu, cień zwiększa jego szerokość i taki obiekt nie będzie mieścił się na
stronie. Elementy na stronie powinny mieć szerokość po wyeksportowaniu taką, jaką zakłada
ilość kolumn GRID-a w których znajduje się element – nie taką jaką widać na projekcie!
7.
Jeśli projekt strony zakłada wersję mobilną, grafik zobowiązany jest do stworzenia
przynajmniej jednej strony podglądowej (może być to strona główna) w szerokości 320
pikseli. Projekt ten nie może odbiegać kolorystycznie ani funkcjonalnie od strony w domyślnej
szerokości. Jedyną rzeczą w której zajdzie zmiana jest menu strony, może być schowane,
rozwijane lub widoczne jako lista elementów.
8.
Podczas wybierania czcionek do strony należy wybierać spośród czcionek które występują w
większości systemów operacyjnych. Są to czcionki takie jak: Arial, Tahoma, Verdana. Jeśli
potrzeba jest użycia innej czcionki niż domyślna dla systemu operacyjnego, czcionki powinny
być wybierane z repozytorium czcionek Google Fonts. Można użyć czcionek, których licencja
pozwala na użycie na stronie internetowej (jako @font-face). Czcionka taka musi być
dostępna we wszystkich formatach obsługiwanych przez przeglądarki internetowe
(OpenType, TrueType, EOT, SVG, WOFF) oraz dostarczona z projektem graficznym. Jeśli grafik
ma zamiar wykorzystać czcionkę komercyjną, zobowiązany jest poinformować firmę Media
Essence o cenie tej czcionki oraz miejscu jej kupna przed rozpoczęciem projektowania
layoutu.
9.
Jeśli projekt jest projektem sklepu, grafik zobowiązany jest do umieszczenia linków do Polityki
Prywatności oraz Regulaminu strony w widocznym miejscu dla użytkownika (np. stopka). W
każdym innym projekcie grafik zobowiązany jest do zamieszczenia linku do Polityki
Prywatności strony w widocznym miejscu strony.
Ostatnia aktualizacja: 18 kwietnia 2013 r.