Det har varit mycket prat om iOS 7 sedan det avslöjades tidigare denna månad och det mesta har fokuserat kring designen, särskilt de nya ikonerna. Nu, som vi alla har haft tid att mulla över förändringarna, börjar frågor om hur de påverkar utformningen av våra egna appar. Som ett resultat har en debatt brutit ut hur mycket inflytande iOS 7: s nya användargränssnitt skulle ha.
Medan vissa tror att program ska förbli sanna mot sin egen stil och inte ska omformas rent för att matcha utseendet på iOS 7, tror andra att appar ska redesignas för att få dem att känna sig mer infödda. För att lägga till detta verkar det finnas viss förvirring över hur strikt Apples riktlinjer för IOS Human Interface faktiskt är.
I ett försök att rensa upp saker har jag tagit en lång titt på dokumenten inom Apples iOS 7 designresurser och kommer att använda det här inlägget för att dela med mig av några av mina resultat.
När det gäller debatten om huruvida alla appar ska nu anta en "platt" estetik, är det bara en fråga om mening. Om du använder anpassade användargränssnitt i din design ligger slutligen stilistiska beslut med dig och ditt lag. Även om Apple föreslår att du återvänder användningen av droppskuggor, gradienter och inramningar, har jag inte sett några bevis som tyder på att detta är ett strikt krav.
I utgåvan av texten nedan, taget från Övergångsguide för IOS 7 UI , mer detaljer ges på olika nivåer av anpassning och hur varje påverkar hur mycket arbete du behöver göra för att förbereda dina appar för övergången.
Tänk på app-anpassning som uppdelad i följande tre typer:
- Standard. Appen innehåller bara vanliga, oanvända UI-element som tillhandahålls av UIKit.
- Beställnings. Appen presenterar ett helt anpassat användargränssnitt som inte innehåller några UIKit-användargränssnitt.
- Hybrid. Appen innehåller en blandning av standard och anpassade element, inklusive standardelement som du anpassade med hjälp av UIKit-färgtoner och utseende-anpassnings API.
För en standardapp måste du bestämma om dina visuella och användarupplevelsemönster fortfarande ger mening i iOS 7-miljön. Om du bestämmer dig för att behålla den aktuella layouten och interaktionsmodellen innebär det mesta av arbetet att göra mindre justeringar och se till att appen hanterar de nya systembredden på rätt sätt.
Anpassade appar, det vill säga appar som inte använder några UIKit-gränssnitt-kräver ett mer nyanserat tillvägagångssätt. Om du till exempel känner att nuvarande användargränssnitt och erfarenhet av appen fortfarande är lämplig kan det vara väldigt lite att göra. Å andra sidan, om du känner att appens personlighet och användarupplevelse ska förändras för att glädja åt IOS 7-användare, har du mer arbete att göra.
Hybridprogram varierar beroende på hur mycket arbete som krävs, beroende på de anpassningar du gjorde och hur du kombinerade anpassade och vanliga element. Förutom att du granskar den övergripande utformningen av en hybridapp måste du se till att dina anpassningar fortfarande fungerar bra och ser bra ut när de är integrerade med standardelement.
Det är också noterat i slutet av det ovan angivna dokumentet att en app som efterliknar standard iOS 6-användargränssnitt på ett helt anpassat sätt, kommer troligen att kräva mycket arbete eftersom det helt enkelt kommer att bli omöjligt. Det här är verkligen en förutsättning att du kommer att vilja överväga.
Också taget från Övergångsguide för IOS 7 UI är texten nedan, vilken innehåller två listor - saker varje app måste göra och saker varje app ska göra. Med tanke på språkändringen anser jag att den första är en lista med strikta krav och den andra är en lista över saker som åtminstone bör ges en viss tanke.
Saker varje app måste göra
- Uppdatera appikonen. I IOS 7 är appikonen 120 x 120 pixlar (hög upplösning).
- Uppdatera startbilden för att inkludera statusfältet om det inte redan gör det.
- Support Retina display och iPhone 5 i alla dina konstverk och mönster, om du inte redan gör det.
Saker varje app ska göra
- Se till att appinnehållet kan urskiljas genom genomskinliga användargränssnitt - till exempel barer och tangentbord - och den transparenta statusfältet. IOS 7, se kontroller använder helskärmslayout (för att lära sig mer, se Använda visningskontrollrar ).
- Redesigna anpassade streckknappsikoner. I IOS 7 är ikoner med streckknappar lättare och har en annan stil.
- Förbered dig på gränslösa knappar genom att flytta bort från att ge knappbakgrundsbilder och genom att ompröva din layout.
- Undersök din app för hårdkodade gränssnittvärden - till exempel storlekar och positioner - och ersätt dem med dem som du härleder dynamiskt från systemlevererade värden. Använd automatisk layout för att hjälpa din app att reagera när layoutändringar krävs. (Om du är ny i Auto Layout, läs mer om det genom att läsa Kakao Auto Layout Guide .)
- Undersök din app för platser där metrics och stil ändras av UIKit-kontroller och visningar påverkar layout och utseende. Till exempel är växlarna bredare, grupperade tabeller är inte längre inmatade, och framdriftsvisningar är tunnare. Mer information om specifika användargränssnitt finns i Barer och bar knappar , kontroller , Innehållsvisning , och Tillfälliga visningar .
- Antag dynamisk typ. I IOS 7 kan användarna anpassa den textstorlek de ser i appar. När du adopterar Dynamic Type får du text som svarar på lämpligt sätt för användardefinierade storleksändringar. För mer information, se Använda teckensnitt .
- Se till att din app inte svarar otillräckligt på den nya kontrollcentrets gest eller till en navigeringskontrollers svep för att gå tillbaka, särskilt om du utför anpassad beröringshantering.
- Revisit användningen av droppe skuggor, gradienter och inramningar. Eftersom iOS 7-estetiken är jämn och skiktad - med mycket mindre tonvikt på att använda visuella effekter för att göra UI-elementen ser fysiska ut, kanske du vill ompröva dessa effekter.
- Uppdatera din app till bästa praxis för iOS 6, om det behövs, till exempel Auto Layout och storyboards, och se till att appen inte använder något avstängt API.
IOS 7 betyder inte heller slutet på den ultra detaljerade appikonen heller. Textsteget nedan, taget från IOS Human Interface Guidelines , föreslår att det fortfarande finns plats för realism. Men som nämnts ovan måste alla appikoner uppdateras.
Om du vill avbilda verkliga ämnen, gör det exakt. Ikoner eller bilder som representerar verkliga föremål bör också se ut som om de är gjorda av riktiga material och har riktig massa. Realistiska ikoner exakt replikerar egenskaperna hos ämnen som tyg, glas, papper och metall, och förmedlar ett föremåls vikt och känsla.
Även om det finns mycket mer till dokumenten inom Apples iOS 7 designresurser , och jag skulle rekommendera att läsa igenom dem alla, kände jag att de här tre delarna i synnerhet ger en absolut nödvändig klarhet. Apples nya tillvägagångssätt kan göra det bäst att undvika droppskuggor, gradienter och inslag, men det betyder inte att du måste följa efter, och om du borde eller inte bara är en fråga om åsikt.
Oavsett vilka stilistiska val du gör, så länge du noggrant överväger alla ovanstående, borde du inte ha något problem med att överföra dina program till IOS 7.
Har detta klarat några bekymmer du hade? Ser du fram emot att göra övergången? Låt oss veta i kommentarerna.