Osnovni izgled stranice optimizirane za smartphone
Ako web-mi smo navikli da se upuštati s beskrajnim kombinacijom izgleda i prostora, projektiranje web stranica za pametne telefone smo pregled naše kreativne ambicije, ili barem veličine ograničene veličine zaslona namijenjen za gledanje našeg rada.
Napomena: video razlučivost ovisi, naravno, ovisno o modelu, većina nove generacije smartphone ima zaslon širine od najmanje 240 do najviše 480 piksela. Najčešći rješenje može računati, u portretnom načinu, preko širine od 320 piksela.
Zaboravite izgled onda dva, tri ili četiri stupca! Iz moje točke gledišta jedino moguće rješenje kako bi se osigurala dobru iskoristivost na sadržaj, je jedan stupac dizajn, gdje je sve sadržaj je organiziran uz vertikalne kako kaskadu (tj. jedan ispod drugog). Kada stvorite web stranice, ne zaboravite uvijek, najvažnija stvar je kako bi se osigurala dobra iskoristivost te, pa kad na zaslonu ograničen je na smartphone, jednostavnost je uvijek najbolji put naprijed.
Kao što možete vidjeti, naša struktura je vrlo jednostavna i sastoji se od tri porcije u početku:
- Zaglavlje: je gornji dio stranice, a dizajniran je za smještaj web logo i eventualno par drugih elemenata na prvom katu;
- Stranica tijelo: to je dizajniran za smještaj središnjeg dijela stvarni sadržaj stranice na našoj web stranici;
- Podnožje: Ovo je konačni dio, na dnu, gdje je uobičajeno staviti bilo kredite, pravne reference, obavijesti o autorskim pravima, kontakti, itd..
Navigacijskog izbornika
Središnji dio stranice, pak, će se koristiti za kuću druga područja (koja se razlikuju ovisno o vašim potrebama).Bitan element, naravno, navigacije izbornika kroz koje za pristup drugim stranicama / područja na stranici. Ako su nekoliko (prvo rješenje) izravno mogu stvoriti alatnu traku s linkovima je potrebno, inače - zbog prostora - to je bolje dodati jedan gumb koji, kada se pritisne, prikazuje se popis svih stranica / područjima na raspolaganju (Drugo rješenje).
Sadržaj
Također, i iznad svega, za sadržaj koji je potrebno imati na umu malom zaslonu vašeg smartphone. Opet, dakle, jednostavnosti i linearnost su, po mom mišljenju, najbolji izbor.
Izbjegavajte nepotrebno osnovni grafički je dobro pravilo od web dizajna i još je u razvoju web stranica za mobilne uređaje, a za pitanja vezana za male veličine zaslona i zbog razloga vezanih uz raspoloživ širina pojasa (kao i da cijene, 3G propusnost nije uvijek brzo tako da je najbolje da se usredotočite na ono što je bitno).
Čak i za sadržaj, dakle, sugeriraju kaskadno, gdje različiti izgled elemenata (tekst, slike, video) u slijede jedni druge:
U sljedećoj lekciji ćemo vidjeti kako izgraditi HTML kod na našim web stranicama počevši, naravno, <head> (naslov, meta tags i CSS).
- <<Prethodna Lekcija
- Pomoć Index
- Sljedeća lekcija>>
 |
Excel (Ebook)
Stvaranje tablice i kalkulacije. Samo 25 €. |
 |
Linux (tečaj)
Kompletan vodič za open-source sustava. Od 49 €. |
 |
Ruby i Ruby na šina (tečaj)
Napravite softver i web aplikacija uz Ruby i ROR. Od 39 €. |