Størrelse på iPhone-skjermen Wireframes

Utforme brukergrensesnitt for iPhone eller iPod Touch ligner utforme grensesnitt for Mac eller Windows-operativsystemer, inkludert bruk av wireframes for å lage brukergrensesnitt (UI) design mockups. Forstå dimensjoner og forholdstall som brukes på iPhone-skjermen og dets programmer hjelper deg å lage mer presise trådmodeller.

skjerm Dimensjoner

Den originale iPhone ble lansert med en 3,5-tommers, 480 x 320 piksler skjerm med en oppløsning på 163 piksler per tomme (PPI). Den fysiske størrelsen på iPhone-skjermen har ikke endret seg gjennom iPhone 4S, men med innføringen av Retina Display, iPhone 4 og 4S skjermer har 326 PPI-skjerm som er 960 av 640 piksler. I begge modellene, skjerm dimensjonene er 2,94 av 1,96 inches, for et forhold på 1,5 til 1. iPod Touch bruker den samme skjermen som den opprinnelige iPhone gjennom sin tredje generasjon, oppgradering til Retina Display for sin fjerde generasjon.

iPhone Wireframes

Hvis du har planer om å lage din egen ramme svømme maler, bør du bruke 1,5-til-en-forhold og designe dine UI elementer på riktig relative størrelse. Hvis du designer en iPhone-kompatibel nettside eller web app, kan elementene i brukergrensesnittet i nettleseren Safari redusere brukbare skjermen dimensjoner. Apple ikke tilbyr et API for å skjule Safari UI og la en web-app bruke hele skjermen, og du kan konfigurere visningsinnstillingen til optimalt skalere websider i Safari.

Rammeverk Verktøy

Tredjeparts ramme svømme applikasjoner som FlairBuilder eller Axure RP, eller ramme svømme maler for brukte programvare som Photoshop eller OmniGraffle, kan hjelpe deg å designe din app raskere. Mange tredjeparts Wireframing pakker det bare å dra og slippe standard UI elementer og andre funksjoner, som også hjelper deg å holde følge Apples design anbefalinger.

Beste praksis

Apple anbefaler designe din iPhone apps ved hjelp av poeng i stedet for piksler for målinger, for mer konsistent brukergrensesnitt element dimensjoner over modeller. For eksempel er den anbefalte behagelig minimumsstørrelse for en praktisk UI element er 44 av 44 poeng, oversette til 44 piksler firkant på den originale iPhone-skjermen og 88 piksler firkant på Retina Display. Apple tyder også på at mens du kan designe din app for både skjermretninger, skal programmet starter i stående retning fordi iPhone hjem-skjermen vises bare i den retningen. Du kan finne mer design veiledning på developer.apple.com.