Det har vært mye snakk om iOS 7 siden det ble avslørt tidligere denne måneden, og det meste har vært sentrert rundt designet, spesielt de nye ikonene. Nå, siden vi alle har hatt tid til å mulle over endringene, er spørsmål begynt å bli spurt om hvordan de vil påvirke utformingen av våre egne apper. Som et resultat har en debatt brutt ut om hvor mye innflytelse iOS 7s nye brukergrensesnitt burde ha.
Selv om noen mener at apps skal forbli sant til sin egen stil og ikke bør redesignes rent for å matche utseendet til iOS 7, mener andre at programmer skal redesignes for å få dem til å føles mer innfødte. For å legge til dette, synes det å være litt forvirring over hvor strenge Apples IOS Human Interface Retningslinjer faktisk er.
I et forsøk på å rydde opp ting har jeg tatt en lang titt på dokumentene i Apples iOS 7 designressurser og vil bruke dette innlegget til å dele noen av funnene mine.
Med hensyn til debatten om hvorvidt alle apper nå skal adoptere en "flat" estetikk, er det bare et spørsmål om mening. Hvis du bruker egendefinerte brukergrensesnittelementer i ditt design, så ligger det endelig stilistiske beslutninger med deg og teamet ditt. Selv om Apple foreslår at du går tilbake til bruk av dropshadows, gradienter og innvendinger, har jeg ikke sett noe bevis for at dette er et strengt krav.
I tekstbiten nedenfor, hentet fra IOS 7-grensesnittoverskriftshåndbok , flere detaljer er gitt på ulike nivåer av tilpasning og hvordan hver vil påvirke mengden arbeid som du trenger å gjøre for å forberede appene dine for overgangen.
Tenk på app-tilpasning som delt inn i følgende tre typer:
- Standard. Appen inneholder bare standard, uanvendte brukergrensesnittelementer levert av UIKit.
- Tilpasset. Appen presenterer et helt tilpasset brukergrensesnitt som ikke inneholder noen UIKit-grensesnittelementer.
- Hybrid. Appen inneholder en blanding av standard og egendefinerte elementer, inkludert standardelementer som du tilpasset ved hjelp av UIKit-fargetone- og utseende-tilpasnings-APIer.
For en standard app må du avgjøre om dine visuelle og brukeropplevelsesdesign fortsatt gir mening i iOS 7-miljøet. Hvis du bestemmer deg for å beholde den nåværende layout- og samhandlingsmodellen, innebærer det meste av arbeidet å gjøre mindre justeringer og sørge for at appen håndterer de nye systembreddene på riktig måte.
Tilpassede apper, det vil si programmer som ikke bruker UIKit UI-elementer, krever en mer nyansert tilnærming. Hvis du for eksempel føler at dagens brukergrensesnitt og opplevelse av appen fortsatt er riktig, kan det være svært lite å gjøre. På den annen side, hvis du føler at appens personlighet og brukeropplevelse bør endres for å glede over iOS 7-brukere, har du mer arbeid å gjøre.
Hybridapplikasjoner varierer i mengden arbeid som kreves, avhengig av tilpassingene du gjorde, og hvordan du kombinerte egendefinerte og standardelementer. I tillegg til å revidere den generelle utformingen av en hybrid-app, må du sørge for at tilpassingene dine fortsatt fungerer bra og ser bra ut når de er integrert med standardelementer.
Det er også bemerket i slutten av dokumentet som er sitert ovenfor at en app som etterligner standard iOS 6 brukergrensesnitt på en helt tilpasset måte, vil trolig kreve mye arbeid fordi det bare vil være utdatert. Dette er absolutt et prospekt som du kommer til å ønske å vurdere.
Også tatt fra IOS 7-grensesnittoverskriftshåndbok er teksten nedenfor, som inneholder to lister - ting hver app må gjøre og ting hver app skal gjøre. Gitt endringen i språk, vil jeg vurdere den første til å være en liste over strenge krav og den andre til å være en liste over ting som i det minste bør gis noen tanker.
Ting hver app må gjøre
- Oppdater appikonet. I IOS 7 er appikoner 120 x 120 piksler (høy oppløsning).
- Oppdater lanseringsbildet for å inkludere statuslinjeområdet hvis det ikke allerede gjør det.
- Støtte Retina display og iPhone 5 i alle dine kunstverk og design, hvis du ikke allerede gjør det.
Ting hver app skal gjøre
- Sørg for at appinnholdet er tydelig gjennom gjennomskinnelige brukergrensesnittelementer - for eksempel barer og tastaturer - og den gjennomsiktige statuslinjen. I iOS 7, se kontrollører bruke fullskjerm layout (for å lære mer, se Bruke visningskontrollere ).
- Redesign egendefinerte bar-knappikoner. I IOS 7 er bar-knappikonene lettere i vekt og har en annen stil.
- Forbered deg på knapper uten kantlinje ved å flytte vekk fra å forsyne knappens bakgrunnsbilder og ved å revurdere oppsettet.
- Undersøk appen din for hardkodede brukergrensesnittverdier - for eksempel størrelser og posisjoner - og erstatt dem med dem du oppnår dynamisk fra systemleverte verdier. Bruk Auto Layout for å hjelpe appen din å svare når layoutendringer er påkrevd. (Hvis du er ny i Auto Layout, kan du lære om det ved å lese Kakao Auto Layout Guide .)
- Undersøk appen din for steder der beregningene og stilen endrer UIKit-kontroller og visninger, påvirker utformingen og utseendet. For eksempel er brytere bredere, grupperte tabeller er ikke lenger innstilt, og fremdriftsvisninger er tynnere. For mer informasjon om spesifikke brukergrensesnitt, se Barer og Bar knapper , kontroller , Innholdsvisninger , og Midlertidige visninger .
- Vedta dynamisk type. I IOS 7 kan brukerne justere tekststørrelsen de ser i apper. Når du adopter Dynamic Type, får du tekst som svarer riktig til brukerdefinerte størrelsesendringer. For mer informasjon, se Bruke fonter .
- Sørg for at appen din ikke reagerer upassende på den nye kontrollsenterets gestus eller til en navigasjonskontrollers sving for å gå tilbake, spesielt hvis du utfører tilpasset berøringshåndtering.
- Gjenta bruk av dråpe skygger, gradienter og innvendinger. Fordi iOS 7-æstetikken er jevn og lagdelt - med mye mindre vekt på å bruke visuelle effekter for å gjøre UI-elementene ser fysisk ut - kan du revurdere disse effektene.
- Hvis nødvendig, oppdater appen din til beste praksis for iOS 6 - for eksempel Auto Layout og storyboards - og sørg for at appen ikke bruker noen avviklet API.
iOS 7 betyr ikke slutten på det ultra detaljerte appikonet heller. Tekstbiten nedenfor, hentet fra IOS Human Interface Retningslinjer , foreslår at det fortsatt er et sted for realisme. Men som nevnt ovenfor må alle appikoner oppdateres.
Hvis du vil skildre virkelige stoffer, gjør du det nøyaktig. Ikoner eller bilder som representerer ekte objekter, bør også se ut som om de er laget av ekte materialer og har ekte masse. Realistiske ikoner repeterer nøyaktig egenskapene til stoffer som stoff, glass, papir og metall, og formidler en gjenstands vekt og følelse.
Selv om det er mye mer til dokumentene i Apples iOS 7 designressurser , og jeg vil anbefale å lese gjennom dem alle, følte jeg at disse tre stykkene spesielt gir litt tiltrukket klarhet. Apples nye tilnærming kan gjøre det beste å unngå fallskygger, gradienter og innvendinger, men det betyr ikke at du må følge med, og om du burde eller ikke, er bare et spørsmål om mening.
Uansett hvilke stilige valg du gjør, så lenge du nøye vurderer alt ovenfor, bør du ikke ha noe problem med å overføre apps til iOS 7.
Har dette fjernet eventuelle bekymringer du hadde? Ser du frem til å gjøre overgangen? Gi oss beskjed i kommentarene.