{"id":5825,"date":"2011-03-02T15:01:24","date_gmt":"2011-03-02T14:01:24","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=5825"},"modified":"2011-03-09T16:31:18","modified_gmt":"2011-03-09T15:31:18","slug":"creiamo-un-applicazione-completa-l-icona","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/creiamo-un-applicazione-completa-l-icona\/","title":{"rendered":"Creiamo un&#8217;applicazione completa | L&#8217;icona"},"content":{"rendered":"<p>Quando si sviluppa un&#8217;applicazione iPhone o iPad, uno degli aspetti pi\u00f9 importanti (e assolutamente da non sottovalutare) \u00e8 l&#8217;icona. Il primo impatto \u00e8 tutto, soprattutto per progetti minori di sviluppatori indipendenti. Certo, se vi chiamate &#8220;Gameloft&#8221; non avrete sicuramente problemi, anche quando la vostra icona non dovesse essere ai massimi livelli, ma per la maggior parte di noi, non \u00e8 cos\u00ec e, anche un&#8217;aspetto apparentemente cos\u00ec banale, \u00e8 invece molto importante. Un utente alle prime armi, infatti, magari anche solo inconsciamente, presta molta attenzione alla qualit\u00e0 dell&#8217;icona delle applicazioni e, una grafica accattivante per la stessa, decider\u00e0 le successive azioni del nostro possibile acquirente.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/clk.tradedoubler.com\/click?p=24373&#038;a=1735897&#038;g=0&#038;url=http:\/\/itunes.apple.com\/it\/app\/evil-bricks\/id414643379?mt=8&#038;partnerId=2003\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp.png\" alt=\"banner-evil-bricks-iphone-devapp\" title=\"banner-evil-bricks-iphone-devapp\" width=\"468\" height=\"50\" class=\"aligncenter size-full wp-image-6147\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp.png 468w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp-300x32.png 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp-150x16.png 150w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/a><br \/>\n<\/center><!--more--><\/p>\n<h4>Lo scopo di un&#8217;icona<\/h4>\n<p>Il nostro scopo \u00e8 quello di attirare l&#8217;attenzione dell&#8217;utente e di elevarla a tal punto da invogliarlo ad andare oltre fin da subito. Dobbiamo trovare il modo di portare il nostro possibile cliente ad aprire il dettaglio della nostra applicazione in App Store per leggere le caratteristiche e le funzionalit\u00e0 del gioco\/programma offerto e far si che sia curioso di visionare gli screenshot pubblicati. Se arriviamo a questo siamo gi\u00e0 a buon punto!<br \/>\nOvviamente se quello che proponiamo stuzzica l&#8217;utente e il nostro \u00e8 un lavoro ben fatto, b\u00e8, potrebbe essere che la nostra applicazione venga acquistata (o scaricata se gratuita).<\/p>\n<p>Per questo tra le prime cose da tenere in considerazione quando lavoriamo su un nuovo progetto (da studiare per bene e senza avere troppa fretta) troviamo:<\/p>\n<ul>\n<li>un buon nome\/titolo per la nostra applicazione<\/li>\n<li>un&#8217;icona accattivante che induca l&#8217;utente a vedere i dettagli della nostra app<\/li>\n<\/ul>\n<h4>Come si chiamer\u00e0 la nostra applicazione?<\/h4>\n<p>Per quanto riguarda il nome dell&#8217;applicazione che creeremo, visto il vasto numero di applicazioni simili gi\u00e0 presenti in App Store e che hanno nomi come &#8220;iCurrency&#8221;, &#8220;iCurrencyX&#8221;, e via dicendo, mi sono orientato su qualcosa di pi\u00f9 basico e semplice, cercando di tenere sempre la &#8220;i&#8221; come lettera iniziale, ma sostituendo la &#8220;C&#8221; con una &#8220;X&#8221;. Il risultato \u00e8 stato &#8220;iXur&#8221;. Ovviamente questo \u00e8 il mio caso, voi dovrete trovare per le vostre app un nome ricercato, dovrete far si che questo rappresenti quanto pi\u00f9 possibile le funzionalit\u00e0 generali offerte dalla vostra app (molto utile ai fini delle ricerche) e in ogni caso dovrete orientarvi in qualcosa di curioso ed originale.<\/p>\n<h4>La nostra icona<\/h4>\n<p>Passiamo all&#8217;icona. Il primo impatto, nel nostro caso, dovr\u00e0 far capire &#8220;al volo&#8221; che si tratta di un convertitore. Ho deciso quindi di sfruttare 4 simboli di altrettante valute differenti: Dollaro, Sterlina, Yen ed Euro. La disposizione che ho scelto \u00e8 molto semplice e va a formare una sorta di quadrato (che richiama la tipica forma delle icone degli iDevice).<\/p>\n<p>Per quanto riguarda il colore anche qui andrebbe studiato tutto per bene e con cura. In questo caso, almeno per me, la scelta si fa pi\u00f9 complessa. In casi come questo pu\u00f2 venirci in aiuto:\u00a0<a href=\"http:\/\/www.iconrainbow.com\/\" target=\"_blank\">iconrainbow.com<\/a>, un servizio online grazie al quale possiamo vedere quale sia il coloro predominante delle icone delle app per una determinata categoria. Diciamo che questo ci fa capire quale sia il colore base che pi\u00f9 si addice alla nostra applicazione.<\/p>\n<p>Nel nostro caso il colore pi\u00f9 presente rilevato \u00e8 il marrone chiaro, seguito dall&#8217;azzurro. Siccome io non sono un fan di nessuno dei due colori, ho deciso di farne una con sfumature arancioni, tendenti al color oro \ud83d\ude1b<\/p>\n<p>Ed ecco il risultato finale:<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01.jpg\" alt=\"creare-un-applicazione-iphone-completa-devapp-icona-01\" title=\"creare-un-applicazione-iphone-completa-devapp-icona-01\" width=\"512\" height=\"512\" class=\"aligncenter size-full wp-image-6025\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01.jpg 512w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01-150x150.jpg 150w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01-300x300.jpg 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01-92x92.jpg 92w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-01-64x64.jpg 64w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><br \/>\n<\/center><\/p>\n<p>Vi ricordo che per ogni nostra applicazione iPhone dovremo creare l&#8217;icona in tre diverse dimensioni:<\/p>\n<ul>\n<li>una 57&#215;57 pixel che verr\u00e0 visualizzata nella springboard dei nostri iPhone (fino al 3GS)<\/li>\n<li>una 114&#215;114 pixel ottimizzata per il retina display degli iPhone 4<\/li>\n<li>l&#8217;ultima 512&#215;512 pixel che verr\u00e0 infine visualizzata all&#8217;interno dell&#8217;App Store di Apple.<\/li>\n<\/ul>\n<p>Inoltre non vi preoccupate di angoli smussati o effetti tipo il riflesso dell&#8217;immagine, compariranno in automatico.<\/p>\n<p>Per oggi \u00e8 tutto, vi lascio con la prova finale nel nostro caro iPhone Simulator:<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-02.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-02.jpg\" alt=\"creare-un-applicazione-iphone-completa-devapp-icona-02\" title=\"creare-un-applicazione-iphone-completa-devapp-icona-02\" width=\"314\" height=\"460\" class=\"aligncenter size-full wp-image-6026\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-02.jpg 314w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-02-204x300.jpg 204w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/creare-un-applicazione-iphone-completa-devapp-icona-02-102x150.jpg 102w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/a><br \/>\n<\/center><\/p>\n<p><center><br \/>\n<a href=\"http:\/\/clk.tradedoubler.com\/click?p=24373&#038;a=1735897&#038;g=0&#038;url=http:\/\/itunes.apple.com\/it\/app\/evil-bricks\/id414643379?mt=8&#038;partnerId=2003\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp.png\" alt=\"banner-evil-bricks-iphone-devapp\" title=\"banner-evil-bricks-iphone-devapp\" width=\"468\" height=\"50\" class=\"aligncenter size-full wp-image-6147\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp.png 468w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp-300x32.png 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2011\/03\/bn-evil-bricks-iphone-devapp-150x16.png 150w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/a><br \/>\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando si sviluppa un&#8217;applicazione iPhone o iPad, uno degli aspetti pi\u00f9 importanti (e assolutamente da non sottovalutare)&#8230;<\/p>\n","protected":false},"author":540,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[563],"tags":[587,586,585,584,570],"class_list":["post-5825","post","type-post","status-publish","format-standard","hentry","category-progetti-completi","tag-grafica-ipad","tag-grafica-iphone","tag-icona-applicazione-ipad","tag-icona-applicazione-iphone","tag-progetto-completo-iphone"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/540"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=5825"}],"version-history":[{"count":18,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5825\/revisions"}],"predecessor-version":[{"id":5990,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/5825\/revisions\/5990"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=5825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=5825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=5825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}