IOS 7 on ollut paljon puhuttu sen julkaisemisesta jo aiemmin tässä kuussa, ja suurin osa siitä on keskittynyt muotoilun, erityisesti uusien kuvakkeiden ympärille. Nyt kun meillä kaikilla oli aikaa pohtia muutoksia, kysymyksiä alkaa kysyä, miten ne vaikuttavat omien sovelluksiemme suunnitteluun. Tämän seurauksena keskustelu on puhuttu siitä, kuinka paljon vaikutusta iOS 7: n uuteen käyttöliittymään pitäisi olla.

Vaikka jotkut uskovat, että sovellukset pysyvät omilla tyylillään, eikä niitä pitäisi suunnitella uudelleen pelkästään iOS 7: n ulkoasun mukaisiksi, muut uskovat, että sovelluksia olisi uudistettava, jotta ne tuntisivat itsestään luonnollisemmiksi. Lisätään tähän, näyttää siltä, ​​että on hämmennystä siitä, kuinka tiukka Applen IOS Human Interface Guidelines todellisuudessa ovat.

Pyrkimyksenä selvittää asioita, olen ottanut pitkään tarkastella asiakirjoja sisällä Applen iOS 7 -suunnittelurähteet ja käyttää tätä viestiä jakamaan joitain havainnoistani.

Ymmärtää Applen ohjeet

Mitä tulee keskusteluun siitä, pitävätkö kaikki sovellukset nyt "tasainen" esteettinen, se on pelkästään mielipidekysymys. Jos käytät mukautettuja käyttöliittymän elementtejä suunnittelussa, lopulta tyylilliset päätökset ovat sinulle ja tiimillesi. Vaikka Apple ehdottaa, että tarkistat pudotuksen varjojen, kaltevuuksien ja reunusten käytön, en ole nähnyt todisteita siitä, että tämä on tiukka vaatimus.

Alla olevassa tekstin katkelmassa, joka on otettu kohteesta iOS 7 UI-siirtymäopas , lisätietoja on eri räätälöinnin tasoilla ja miten kukin vaikuttaa siihen työmäärään, jonka sinun tarvitsee tehdä sovellusten valmistelemiseksi siirtymiseen.

Ajattele sovellusten räätälöintiä jaettavaksi seuraaviin kolmeen tyyppiin:

    • Standardia. Sovelluksessa on vain UIKit-standardin mukaisia ​​standardoituja UI-elementtejä.
    • Mukautettu. Sovelluksessa on täysin mukautettu käyttöliittymä, joka ei sisällä UIKit-käyttöliittymän elementtejä.
    • Hybridi. Sovellus sisältää sekoitus standardi- ja muokatuista elementeistä, mukaan lukien tavalliset elementit, jotka on räätälöity UIKit-sävytys- ja ulkonäön muokkausliittymien avulla.

    Vakion sovelluksen osalta sinun on päätettävä, näyttävätkö visuaaliset ja käyttäjäkokemuksesi iOS 7 -ympäristössä. Jos päätät pitää nykyisen ulkoasun ja vuorovaikutusmallin, suurin osa työstä tekee pieniä muutoksia ja varmistaa, että sovellus käsittelee uudet järjestelmälliset eleet oikein.

    Mukautetut sovellukset eli sovellukset, jotka eivät käytä UIKit-käyttöliittymän elementtejä, vaativat entistä monimutkaisempaa lähestymistapaa. Jos esimerkiksi tuntuu, että nykyinen käyttöliittymä ja sovelluksen käyttökokemus ovat vielä sopivia, voi olla hyvin vähän tekemistä. Toisaalta, jos tuntuu, että sovelluksen persoonallisuus ja käyttökokemus muuttuvat iOS 7 -käyttäjien iloksi, sinun on tehtävä enemmän työtä.

    Hybridisovellukset vaihtelevat vaadittujen töiden määrän mukaan, riippuen mukautuksista ja siitä, miten yhdistät mukautettuja ja vakioelementtejä. Hybridisovelluksen kokonaisominaisuuden tarkistamisen lisäksi sinun on varmistettava, että mukautuksesi toimivat edelleen hyvin ja ne näyttävät hyviltä, ​​kun ne on integroitu vakiolaitteisiin.

    Huomautetaan myös yllä mainitun asiakirjan lopussa, että sovellus, joka jäljittelee iOS 6 -yhteensopivuutta täysin mukautetulla tavalla, edellyttää todennäköisesti paljon työtä, koska se yksinkertaisesti näyttää vanhentuneelta. Tämä on varmasti mahdollisuus, jota aiot harkita.

    Otettu myös iOS 7 UI-siirtymäopas on alla oleva teksti, jossa on kaksi luetteloa - asioita, jotka jokainen sovellus on tehtävä ja asioiden jokaisen sovelluksen pitäisi tehdä. Kun otetaan huomioon kielen muutos, katson ensin olevan joukko tiukkoja vaatimuksia, ja toinen on luettelo niistä asioista, joista ainakin pitäisi antaa joitain ajatuksia.

    Asioita jokaisen sovelluksen on tehtävä

    • Päivitä sovelluksen kuvake. IOS 7: ssa sovelluskuvakkeet ovat 120 x 120 pikseliä (korkea resoluutio).
    • Päivitä käynnistyskuvaksi sisällyttämällä tilapalkkialue, jos se ei jo ole.
    • Tuki Retina-näytölle ja iPhone 5: lle kaikissa kuvissa ja malleissa, jos et ole jo tehnyt niin.

    Asioita jokaisen sovelluksen pitäisi tehdä

    • Varmista, että sovelluksen sisältö on havaittavissa läpikuultavilla UI-elementeillä, kuten palkkeilla ja näppäimistöillä, ja avoimesta tilapalkista. IOS 7: ssä näkymäohjaimet käyttävät koko näytön kokoa (lisätietoja saat kohdasta Katselupäätteiden käyttäminen ).
    • Muokkaa mukautettuja painikkeita. IOS 7: ssä palkin painikuvakkeet ovat kevyempiä ja niissä on erilainen tyyli.
    • Valmista reunattomille painikkeille siirtymällä painikkeiden taustakuvien toimittamiseen ja uudelleenasetteluun.
    • Tarkastele sovellustasi kovia koodeja sisältäviin käyttöliittymän arvoihin - esimerkiksi koot ja sijainnit - ja korvaa ne dynaamisesti järjestelmästä saatujen arvojen perusteella. Automaattisen asettelun avulla voit auttaa sovellustasi vastaamaan layoutin muutoksia. (Jos olet uusi Automaattinen ulkoasu, tutustu lukemiseen Kaakaoautomaation ohjeisto .)
    • Tarkastele sovellustasi paikkoihin, joissa UIKit-määritysten ja näkymien muuttujien ja tyylien muutokset vaikuttavat ulkoasuun ja ulkonäköön. Esimerkiksi kytkimet ovat laajemmat, ryhmitetyt taulukot eivät enää ole sisäänrakennettuja, ja etenemisnäkymät ovat ohuemmat. Lisätietoja tietyistä UI-elementeistä on kohdassa Bars ja Bar-painikkeet , ohjaimet , Sisältönäkymät , ja Väliaikaiset näkymät .
    • Hyväksy dynaaminen tyyppi. IOS 7: ssa käyttäjät voivat säätää sovelluksissa näkemäsi tekstin kokoa. Kun otat käyttöön dynaamisen tyypin, saat tekstin, joka vastaa asianmukaisesti käyttäjän määrittämiin kokomuutoksiin. Lisätietoja on kohdassa Fonttien käyttäminen .
    • Varmista, että sovelluksesi ei reagoi sopimattomasti uuden ohjauskeskuksen eleeseen tai navigointiohjaimen pyyhkäisyyn, jos haluat palata eleeseen etenkin, jos suoritat mukautetun kosketuksen käsittelyn.
    • Palauta pudotuksen varjot, kaltevuudet ja kehykset. Koska iOS 7 -estetiikka on sileä ja kerroksinen - huomattavasti vähemmän huomiota visuaalisten tehosteiden käyttämiseen, jotta UI-elementit näyttäisivät fyysisiltä - voit ehkä harkita näitä vaikutuksia uudelleen.
    • Päivitä sovelluksesi tarvittaessa iOS 6: n parhaiden käytäntöjen - kuten Auto Layout ja storyboards - avulla ja varmista, että sovellus ei käytä vanhentuneita sovellusliittymiä.

    iOS 7 ei tarkoita ultra-yksityiskohtaisen sovelluskuvakkeen loppua. Alla oleva tekstinpätkä, otettu kohteesta iOS Human Interface Guidelines , ehdottaa, että realismin kannalta on vielä tilaa. Kuitenkin, kuten edellä on mainittu, kaikki sovelluskuvakkeet on päivitettävä.

    Jos haluat kuvata todellisia aineita, tee se tarkasti. Kuvakkeet tai kuvat, jotka edustavat todellisia esineitä, pitäisi myös näyttää siltä, ​​että ne on tehty todellisista materiaaleista ja niillä on todellinen massa. Realistiset kuvakkeet tarkasti kopioivat aineita, kuten kangasta, lasia, paperia ja metallia, ja välittävät kohteen painon ja tuntuman.

    Yhteenvetona

    Vaikka asiakirjoihin on paljon enemmän Applen iOS 7 -suunnittelurähteet , ja suosittelisin lukemaan niitä läpi, mielestäni nämä kolme kappaletta tarjoavat erityisen paljon selkeyttä. Applen uusi lähestymistapa voi tehdä sen parhaiten estää pudotusvarjoja, kaltevuuksia ja kehyksiä, mutta se ei tarkoita sitä, että sinun on noudatettava asiaa, ja onko sinun tai ei, on pelkästään mielipidekysymys.

    Riippumatta siitä, mitä tyylikkäitä valintoja teet, niin kauan kuin harkitset huolellisesti kaikkia edellä mainittuja, sinun ei pitäisi olla ongelma siirtäessä sovelluksiasi iOS 7: een.

    Onko tämä selvittänyt huolestuneesi? Odotatko innolla siirtymistä? Kerro meille kommentit.