Der har været en masse snak om iOS 7 siden dens afsløring tidligere i denne måned, og det meste har været centreret omkring designet, især de nye ikoner. Nu, da vi alle har haft tid til at mulle over ændringerne, bliver spørgsmål begyndt at blive spurgt om, hvordan de vil påvirke designet af vores egne apps. Som følge heraf har en debat brudt op om, hvor meget indflydelse iOS 7's nye brugerinterface skal have.
Mens nogle mener, at apps skal forblive tro mod deres egen stil og ikke bør redesignes rent for at matche udseendet af iOS 7, mener andre, at apps skal redesignes for at få dem til at føle sig mere indfødte. For at tilføje til dette synes der at være en vis forvirring over, hvordan strenge Apples iOS Human Interface Guidelines faktisk er.
I et forsøg på at rydde op, har jeg taget et kig på dokumenterne indenfor Apples iOS 7 Designressourcer og vil bruge dette indlæg til at dele nogle af mine resultater.
Med hensyn til debatten om, hvorvidt alle apps nu skal vedtage en "flad" æstetik, er det udelukkende et spørgsmål om mening. Hvis du bruger brugerdefinerede brugergrænseelementer i dit design, så ligger det ultimativt stilistiske beslutninger med dig og dit team. Selvom Apple tyder på, at du genbruger brugen af dropshadows, gradienter og bezels, har jeg ikke set noget bevis for, at dette er et strengt krav.
I uddrag af tekst nedenfor, taget fra IOS 7 UI Overgang Guide , flere detaljer gives på forskellige niveauer af tilpasning og hvordan hver vil påvirke mængden af arbejde, du skal gøre for at forberede dine apps til overgangen.
Tænk på app-tilpasning som opdelt i følgende tre typer:
- Standard. Appen indeholder kun standard, uanvendte UI-elementer fra UIKit.
- Brugerdefinerede. App'en præsenterer et helt brugerdefineret brugergrænseflade, der ikke indeholder nogen UIKit-brugergrænseelementer.
- Hybrid. Appen indeholder en blanding af standard og brugerdefinerede elementer, herunder standardelementer, som du tilpassede ved hjælp af UIKit-farvning og API'er til udseende-tilpasning.
For en standardapp skal du afgøre, om dine visuelle og brugeroplevelsesdesign stadig giver mening i iOS 7-miljøet. Hvis du beslutter dig for at beholde den nuværende layout og interaktionsmodel, involverer det meste af arbejdet mindre justeringer og sikrer, at appen håndterer de nye systembredde korrekt.
Brugerdefinerede apps, det vil sige apps, der ikke bruger UIKit UI-elementer - kræver en mere nuanceret tilgang. Hvis du f.eks. Føler, at den aktuelle brugerflade og oplevelse af appen stadig er passende, kan der være meget lidt at gøre. På den anden side, hvis du føler at appens personlighed og brugeroplevelse skal ændres for at glæde iOS 7-brugere, har du mere arbejde at gøre.
Hybrid apps varierer i mængden af arbejde, der kræves, afhængigt af de tilpasninger, du gjorde, og hvordan du kombinerede brugerdefinerede og standardelementer. Ud over at revidere det overordnede design af en hybrid app, skal du sørge for, at dine tilpasninger stadig fungerer godt og ser godt ud, når de er integreret med standardelementer.
Det er også bemærket i slutningen af ovenstående dokument, at en app, der efterligner standard iOS 6-brugergrænsefladen på en helt tilpasset måde, sandsynligvis vil kræve meget arbejde, fordi det simpelthen vil være forældet. Dette er helt sikkert et udsigtspunkt, som du vil overveje.
Også taget fra IOS 7 UI Overgang Guide er teksten nedenfor, som indeholder to lister - ting, som hver app skal gøre, og ting, som hver app skal gøre. I betragtning af sprogskiftet vil jeg overveje den første til at være en liste over strenge krav, og den anden skal være en liste over ting der i det mindste bør gives nogle tanker.
Ting, hver app skal gøre
- Opdater appikonet. I ikon 7 er appikoner 120 x 120 pixel (høj opløsning).
- Opdater lanceringsbilledet for at inkludere statuslinjens område, hvis det ikke allerede gør det.
- Support Retina display og iPhone 5 i alle dine illustrationer og designs, hvis du ikke allerede gør det.
Ting hver app skal gøre
- Sørg for, at appindholdet kan ses gennem gennemskinnelige brugergrænseelementer - som f.eks. Søjler og tastaturer - og den gennemsigtige statuslinje. IOS 7, se kontrolelementer bruge fuldskærms layout (for at lære mere, se Brug af View Controllers ).
- Redesign brugerdefinerede stregknapikoner. I IOS 7 er ikonerne i stregknappen lettere og har en anden stil.
- Forbered dig på knapper uden grænser ved at flytte væk fra at levere knapbakgrundsbilleder og ved at revurdere dit layout.
- Undersøg din app for hardkodede brugergrænseværdier - f.eks. Størrelser og positioner - og erstat dem med dem, du udleder dynamisk fra systemleverede værdier. Brug Auto Layout til at hjælpe din app til at reagere, når layoutændringer er påkrævet. (Hvis du er ny i Auto Layout, kan du læse om det ved at læse Kakao Auto Layout Guide .)
- Undersøg din app for steder, hvor metrics og stil ændringer af UIKit-kontroller og visninger påvirker layout og udseende. For eksempel er switche bredere, grupperede tabeller er ikke længere indsat, og fremdriftsvisninger er tyndere. For mere information om specifikke brugergrænseelementer, se Barer og Bar knapper , Controls , Indholdsvisninger , og Midlertidige udsigter .
- Adopt dynamisk type. I IOS 7 kan brugerne justere den tekststørrelse, de ser i apps. Når du vedtager dynamisk type, får du tekst, som svarer korrekt til brugerspecificerede størrelsesændringer. For mere information, se Brug af skrifttyper .
- Sørg for, at din app ikke reagerer uhensigtsmæssigt på den nye kontrolcenterbevægelse eller til en navigationscontrollers swipe for at vende tilbage, især hvis du udfører brugerdefineret berøringshåndtering.
- Revisér brugen af drop skygger, gradienter og indpakninger. Fordi iOS 7-æstetikken er glat og lagdelt - med meget mindre vægt på at bruge visuelle effekter, så UI-elementer ser fysisk ud - kan du tænke på at genoverveje disse effekter.
- Opdater eventuelt din app til bedste praksis for iOS 6 - som f.eks. Auto Layout og storyboards - og sørg for, at appen ikke bruger nogen forældet API.
iOS 7 betyder heller ikke slutningen på det ultra detaljerede appikon. Tekstbiten nedenfor, taget fra iOS Human Interface Retningslinjer , tyder på, at der stadig er plads til realisme. Men som nævnt ovenfor skal alle appikoner opdateres.
Hvis du vil skildre ægte stoffer, skal du gøre det nøjagtigt. Ikoner eller billeder, der repræsenterer ægte genstande, skal også se ud som om de er lavet af ægte materialer og har ægte masse. Realistiske ikoner replikerer nøjagtigt egenskaberne af stoffer som stof, glas, papir og metal og formidler en objekts vægt og følelse.
Selvom der er meget mere til dokumenterne indenfor Apples iOS 7 Designressourcer , og jeg vil anbefale at læse gennem dem alle, følte jeg, at disse tre uddrag især giver en meget tiltrængt klarhed. Apples nye tilgang kan gøre det bedst at undgå drop skygger, gradienter og indpakninger, men det betyder ikke, at du skal følge med, og om du skal eller ej, er blot et spørgsmål om mening.
Uanset hvilke stilarter du foretager, så længe du overvejer alle ovenstående, skal du ikke have noget problem med at overføre dine apps til iOS 7.
Har dette opklaret eventuelle bekymringer du havde? Ser du frem til overgangen? Lad os vide i kommentarerne.