Slik legger du til iPhone App-ikon med Cordova

For en mobilapp er ikonet en integrert del av en app som skiller den fra resten av publikum. Det er også den første tingen om en app som potensielle brukere vil se - det er derfor mange designere legger så mye inn i ikondesign. I dette innlegget, etter vår diskusjon om å bygge en mobilapp med Cordova, vil vi vise deg hvordan du legger til et ikon for appen din .

Før vi begynner, må vi først forberede ikonene. Her er noen ressurser som kan være nyttige:

• 38 Beautiful IOS App Icon Designs for din inspirasjon
• Lag enkelt Android eller IOS Appikoner med MakeAppIcon
• 50 Awesome IOS Icon Designs
• 20 Flat Mobile Icons Designs

Apple Icon Requirement

Avhengig av noen få faktorer som iOS-versjonen, vil skjermen appen være på, antall ikoner som kreves, størrelsen og pikslene kan variere mye. Apple krever mange forskjellige ikonstørrelser for å passe inn i dialogbokser for iOS på innstillingssiden, søkelyset for søkelys, hovedskjermen og så videre.

Du må ta hensyn til disse spesifikasjonene når du lager ditt ikon.

Opprette ikonene

Forutsatt at søknaden vår skal støtte ned til iOS 6.1, trenger vi 6 størrelser for ikonet. Virker mye arbeid, va? Vel, ikke bekymre deg, som du kan bruke AppIconTemplate. AppIconTemplate er en Photoshop-mal og leveres med en forhåndsinnstilt Photoshop-handling som vil strømlinjeforme arbeidsflyten når designing og genererer flere ikonstørrelser.

Last ned og bruk malen i Photoshop, og generer ikonet med Photoshop Action. Som et eksempel, her er ikonene som vi har generert med det. Ditt ikondesign ville trolig se mye bedre ut.

Legge til ikonene i programmet

For å legge til ikonene, flytt dem til /platforms/ios/{AppName}/Resources/icons, som ble opprettet da vi tidligere lagde iOS-plattformen til prosjektet med cordova platform .

Videre er det bedre å gi nytt navn til ikonene i samsvar med Apples standard navngivningskonvensjon som vist på skjermbildet ovenfor: icon- [size] - [@ 2x]. @2x suffiks brukes til å adressere Retina display. Når ikonene er klare, klikker du på avspillingsknappen for å bygge appen og vise den i iPhone Simulator. Og du bør se ditt nye ikon, slik som det.

Fjerne ikonet Glossy Effect

Noen ganger kan den glatte effekten som iOS gir til ikonet hindre ikondetaljer. Hvis du vil fjerne den glatte effekten, åpner du filen {appname}-info.plist i Xcode. Deretter velger du YES for Icon inneholder allerede glanseffekter, som vist i følgende skjermdump.

Gjennom Xcode, start appen på nytt. Nå, som du kan se nedenfor, bør du finne at ikonet vises uten den glatte effekten.

Konklusjon

I dette innlegget har vi lagt til ikonet i vår app. Forutsatt at du har bygget app-funksjonaliteten, er vi nå et skritt nærmere publisering av appen. Det du trenger å gjøre nå, er å gjøre ikonet så attraktivt som mulig.

Slik deaktiverer du alle annonser i Windows 10

Windows 10 kan ha vært en gratis oppgradering, men det kommer med annonser som er trykket på systemet ved hjelp av forskjellige veier (selv om du har oppgradert for en avgift, dessverre). Disse annonsene vises på forskjellige steder, inkludert Start-menyen, Handlingssenter, Cortana, samt på låseskjermbildet. Dis

(Tekniske og design tips)

En titt på: Firefox Developer Edition

Etter en kort drøm, har Mozilla offisielt utgitt Firefox Developer Edition. Det er en ny nettleser rettet spesielt mot webutviklere . Selv om det ikke har blitt annonsert offisielt, ser det ut til at det vil erstatte Firefox Aurora på et tidspunkt.Å dømme fra navnet, den offisielle kunngjøringen og destinasjonssiden det ser ut som Firefox Developer Edition, er den første store nettleseren som er bygget for utvikling, og ikke bare støtter den. Den i

(Tekniske og design tips)