Lage en webdesign for alle enheter - dummies

Hvis ideen om å designe et iPhone portrett og landskapswebdesign og En iPad portrett og landskapsdesign - bare for en nettside - har du følelsen overveldet, her er litt lettelse.

Safari-nettleseren gjør en god jobb med å vise de fleste nettsteder på Internett, selv om disse nettstedene ikke er spesielt utviklet for disse to enhetene. Hvis du vil ha det enkleste alternativet for noen eller alle dine nettsteder, kan du opprette et design som er "godt nok" på skrivebordet, samt på iPhone, iPad og iPod touch.

Hvis du bestemmer deg for å lage bare ett design, må du følge disse retningslinjene:

• Ikke bruk Adobe Flash. Beklager - dette er en bummer for Flash-utviklere, men med mindre Apple endrer sin holdning, fungerer ikke noe som er utviklet i Flash, engang på en iOS-enhet. Som et resultat, ikke bruk Flash på noen av nettstedene dine.

• Lag et design som ikke er mer enn 980 piksler bredt. Selv om iPad viser design så bredt som 1024 piksler i liggende modus og bare 768 i stående modus, tilpasser Safari automatisk webdesignen din hvis du lager en side og ikke gjør den for bred.

  Å holde antall piksler til mellom 960 og 980 er ideell hvis du vil at nettstedet ditt skal tilpasses automatisk automatisk. Vær imidlertid oppmerksom på at automatisk å endre størrelse på bilder kan føre til uklart tekst og endringer i designene dine som kan gi dem mindre enn pixel-perfekt.

• Lag design som strekker seg over 600 piksler nedover siden. Hvis nettstedene passer perfekt på en skjerm med en oppløsning på 800 x 600 piksler, er de sannsynligvis for kort til å se bra ut på en iPad. I denne figuren kan du se et eksempel på plass igjen på en nettside som var utformet for å passe inn i færre enn 600 piksler fra topp til bunn.

  

Hvis du leter etter designalternativet "Goldilocks" (ikke for lenge og ikke for kort), må du utforme sidene dine slik at de ser ut som det som vises her. På dette nettstedet for skuespiller Yuval David ser du hvordan iPad viser en side som er 970 piksler bred og nesten 2000 piksler fra topp til bunn.

Legg merke til at hele designet forstørres automatisk i liggende modus for å fylle 1024 pixelbredden og reduseres til bare 768 piksler bred for å passe inn i stående modus.

For de beste resultatene må du teste dine websidedesigner på en iPad eller iPhone for å sikre at forsiden din fyller hele skjermen i stående modus. Sørg også for at tekst og bilder ikke blir for uklare for å lese eller se for forvrengt når de automatisk forstørres eller reduseres.