Hoe iPhone App-pictogram toevoegen met Cordova

Voor een mobiele app is het pictogram een ​​integraal onderdeel van een app die het van de rest van de menigte scheidt. Het is ook het eerste ding over een app die potentiële gebruikers zullen zien - dat is de reden waarom veel ontwerpers zo veel hebben nagedacht over het ontwerpen van pictogrammen. In dit bericht laten we je zien hoe je een pictogram voor je app kunt toevoegen aan onze discussie over het maken van een mobiele app met Cordova.

Voordat we beginnen, moeten we echter eerst de pictogrammen voorbereiden. Hier zijn enkele bronnen die nuttig kunnen zijn:

• 38 Mooie IOS App Icon ontwerpen voor uw inspiratie
• Genereer eenvoudig Android- of IOS-app-pictogrammen met MakeAppIcon
• 50 Awesome IOS Icon Designs
• 20 platte mobiele iconen ontwerpen

Apple-pictogramvereiste

Afhankelijk van een paar factoren, zoals de iOS-versie, zal het scherm waarop de app staat, het aantal benodigde pictogrammen, de grootte en de pixels aanzienlijk verschillen. Apple heeft veel verschillende pictogramgrootten nodig om in iOS-dialoogvensters te passen op de instellingenpagina, de Spotlight-zoekpagina, het hoofdscherm enzovoort.

U moet rekening houden met deze specificaties bij het maken van uw pictogram.

De pictogrammen maken

Ervan uitgaande dat onze applicatie ondersteuning zou moeten bieden tot iOS 6.1 zouden we 6 formaten nodig hebben voor het pictogram. Lijkt veel werk, huh? Maak je geen zorgen, je kunt AppIconTemplate gebruiken. AppIconTemplate is een Photoshop-sjabloon en wordt geleverd met een vooraf ingestelde Photoshop-actie die de workflow stroomlijnt bij het verwijderen en genereren van meerdere pictogramgroottes.

Download en gebruik de sjabloon in Photoshop en genereer het pictogram met de Photoshop-actie. Dit zijn bijvoorbeeld de pictogrammen die we ermee hebben gegenereerd. Uw pictogramontwerp zou er waarschijnlijk veel leuker uitzien.

De pictogrammen toevoegen aan de applicatie

Als u de pictogrammen wilt toevoegen, verplaatst u deze naar de /platforms/ios/{AppName}/Resources/icons . Deze zijn gemaakt toen we het iOS-platform eerder aan het project hebben toegevoegd met de opdracht cordova platform .

Verder is het beter om de pictogrammen te hernoemen in overeenstemming met de standaard naamgevingsconventie van Apple zoals getoond in de bovenstaande screenshot: icon- [size] - [@ 2x]. @2x achtervoegsel wordt gebruikt om het Retina-display aan te spreken. Zodra de pictogrammen klaar zijn, klikt u op de knop Afspelen om de app te bouwen en deze in de iPhone Simulator weer te geven. En je zou je nieuwe icoon moeten zien, zoals zo.

Het pictogram Glanzend effect verwijderen

Soms kan het glanzende effect dat iOS aan het pictogram geeft de pictogramdetails belemmeren. Als u het glanzende effect wilt verwijderen, opent u het bestand {appname}-info.plist in Xcode. Selecteer vervolgens JA als pictogram al een optie voor glanseffecten bevat, zoals weergegeven in de volgende schermafbeelding.

Via Xcode, herstart de app. Zoals je hieronder kunt zien, zou je het pictogram moeten zien zonder het glanzende effect.

Conclusie

In dit bericht hebben we het pictogram toegevoegd aan onze app. Ervan uitgaande dat u de app-functionaliteit hebt gebouwd, zijn we nu een stap dichter bij het publiceren van de app. Het enige wat u nu moet doen, is uw pictogram zo aantrekkelijk mogelijk maken.

Hoe HTML5 bereikschuifregelaar over meerdere browsers op te maken

Het bereik is een van het nieuwe invoertype dat is geïntroduceerd in HTML5. Met dit invoertype kunt u een nummer invoeren binnen het opgegeven bereik. De browsers zullen dit invoertype native als een schuifregelaar weergeven . Het is een zeer intuïtieve gebruikersinterface die we vaak in een app vinden.

(Technische en ontwerptips)

Verzend grote bestanden gratis met Filemail

Filemail is een app waarmee je elk bestand snel en gemakkelijk naar iedereen (via e-mail) kunt sturen . Voor zover ik weet, is Filemail de eenvoudigste manier om bestanden te delen. Vertrouw me, je hoeft je niet eens te registreren om het te gebruiken . Gewoon verzenden en delen van zoveel bestanden als je wilt, omdat het hoe dan ook (bijna) onbeperkt is

(Technische en ontwerptips)