Den grunnleggende utformingen av et nettsted som er optimalisert for smarttelefoner
Hvis Web vi er vant til å hengi oss med endeløse layout og kombinasjon av rom, designe websider for smarttelefoner vi gjennomgå våre kreative ambisjoner, eller i det minste, endre størrelse på dem av den begrensede størrelsen på skjermen for visning av vårt arbeid.
Merk: videooppløsningen varierer selvfølgelig avhengig av modell, har de fleste nye generasjonen av smarttelefoner en skjerm med en bredde som spenner fra minimum 240 til maksimum 480 piksler. Den vanligste oppløsningen kan telle, i stående modus, over en bredde på 320 piksler.
Glem layout så to, tre eller fire kolonner! Fra mitt synspunkt den eneste mulige løsningen, for å sikre god brukbarhet til innhold, er det enkelt kolonne design, hvor alt innhold er organisert langs en vertikal rekkefølge kaskade (dvs. en under den andre). Når du oppretter en nettside, husk alltid, er det viktigste å sikre god brukervennlighet og enda mer så når skjermen er begrenset til en smarttelefon, er enkelhet alltid den beste veien videre.
Som du kan se vår struktur er svært enkel og består i utgangspunktet av tre deler:
- Header: er den øvre delen av siden og er utformet for å imøtekomme nettstedets logo og muligens et par andre elementer i første etasje;
- Body of siden er den sentrale delen som skal huse selve innholdet på sidene av våre nettsider;
- Bunntekst: Dette er den siste delen, bunnen av siden, der det er vanlig å oppgi eventuelle kreditter, juridiske referanser, opphavsrett, kontakter etc..
Menyen navigasjon
Den sentrale delen av siden, i sin tur vil bli designet for å imøtekomme andre områder (som varierer avhengig av behov).Et vesentlig element, er selvfølgelig navigasjonsmenyen gjennom å få tilgang til andre sider / områder av nettstedet. Hvis disse er få (første løsningen) kan du direkte opprette en verktøylinje med linker nødvendig, hvis ikke - av hensyn til plass - det er bedre å legge en enkelt knapp som, når den klikkes, viser en liste over alle sider / områder tilgjengelig (andre løsningen).
Innholdet
Også, og fremfor alt, for innholdet må du huske på den lille skjermen smartphone. I dette tilfellet, derfor den enkelhet og linearitet er, etter min mening det beste valget.
Unngå unødvendig krimskrams grafikk er en god regel av web design og det er enda mer i å utvikle websider for mobile enheter og for spørsmål knyttet til den lille størrelsen på skjermen og av grunner knyttet til den tilgjengelige båndbredden (så vel som å ha en kostnad, bandet 3G er ikke rask, så det er alltid bedre å fokusere på hva som er viktig).
Selv for innholdet, derfor foreslår en kaskade der de ulike layout elementer (tekst, bilder, video) følger hverandre i:
I de neste timene vil vi se hvordan man bygger i HTML-koden på nettstedet vårt start, selvfølgelig, fra <head> (tittel, meta tags og CSS).
- <<Forrige Leksjon
- Hjelp
- Neste Leksjon>>
 |
MySQL (Course)
Forvaltning av open-source database. Starter fra 39 €. |
 |
Photoshop (Course)
Web grafikk og foto redigering med Adobe Photoshop berømt. Starter fra 49 €. |
 |
Ruby og Ruby On Rails (Course)
Opprette programvare og web applikasjoner med Ruby og RoR. Starter fra 39 €. |