{"id":255604,"date":"2023-09-03T14:45:00","date_gmt":"2023-09-03T11:45:00","guid":{"rendered":"https:\/\/inform.click\/9-errori-comuni-che-i-designer-tendono-a-fare-durante-la-progettazione-delle-icone-delle-app\/"},"modified":"2023-09-03T15:10:00","modified_gmt":"2023-09-03T12:10:00","slug":"9-errori-comuni-che-i-designer-tendono-a-fare-durante-la-progettazione-delle-icone-delle-app","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/9-errori-comuni-che-i-designer-tendono-a-fare-durante-la-progettazione-delle-icone-delle-app\/","title":{"rendered":"9 errori comuni che i designer tendono a fare durante la progettazione delle icone delle app"},"content":{"rendered":"<p>\n  Gli utenti mobili sono molto felici. Dopotutto, possono scegliere tra innumerevoli app, disponibili su numerosi app store sul mercato. Cosa ti dice questo? Ovviamente, questo significa che c'\u00e8 una dura concorrenza tra le varie app, con ciascuna delle app in competizione per l'attenzione dei potenziali utenti.\n<\/p>\n<p>\n  La soluzione sta in un'app unica che porta sul tavolo molte caratteristiche e funzionalit\u00e0. Tuttavia, anche se progetti e sviluppi una delle migliori app sul mercato, un'icona scadente \u00e8 tutto ci\u00f2 che serve per rovinare i tuoi sforzi. Questo perch\u00e9 l'icona dell'app funge da valore nominale e, il pi\u00f9 delle volte, garantisce una vendita di successo.\n<\/p>\n<p>\n  La logica alla base di ci\u00f2 \u00e8 che i potenziali clienti tendono a cercare app pertinenti alle loro esigenze e un'icona che attira l'attenzione susciter\u00e0 sicuramente i loro livelli di interesse, portandoli a rispondere a un invito all'azione. Non si sa mai, a chi piacer\u00e0 l'app basata esclusivamente sul design dell'icona e andr\u00e0 a scaricarla. Ci\u00f2 si traduce in un aumento delle vendite dell'app e, quindi, ne fa un successo.\n<\/p>\n<p>\n  Concentrarsi sul design delle icone \u00e8 quindi pi\u00f9 un prerequisito nel ciclo di vita dello sviluppo delle app. Questo articolo discute alcuni degli errori pi\u00f9 comuni che i designer tendono a fare durante la progettazione delle icone delle app mobili.\n<\/p>\n<h5>\n  1 Le icone non sono univoche<br \/>\n<\/h5>\n<p>\n  Progettare icone che sembrano essere una <strong>copia di un'altra icona gi\u00e0 esistente<\/strong> \u00e8 un errore che i designer commettono consapevolmente o inconsapevolmente. Molti di loro vacillano sotto la pressione di inviare disegni di icone in un breve lasso di tempo. Di fronte a una crisi di tempo acuta, soccombono alla pressione e si accontentano di progetti ordinari.\n<\/p>\n<p>\n  Prendono la scorciatoia per il successo prendendo spunto dalle app pi\u00f9 vendute e progettando icone con modelli simili. Ad esempio, se esiste un'app popolare nella categoria Intrattenimento, i designer vorrebbero incassare la sua popolarit\u00e0 e un modo semplice per farlo \u00e8 creare un'icona dell'app simile all'app popolare.\n<\/p>\n<p>\n  Il risultato? Molte app con icone simili, comprese le combinazioni di colori. Questo alla fine crea confusione per il pubblico di destinazione, che non sar\u00e0 in grado di distinguere tra due icone che hanno la stessa combinazione di colori, soprattutto su un dispositivo indossabile.\n<\/p>\n<p>\n  Esci dalla tua zona di comfort e crea icone di app che facciano sedere le persone e prendano nota sia dei tuoi concorrenti che del pubblico di destinazione. Non puoi permetterti di avere un approccio mediocre per creare icone di app uniche; un'icona unica offre ai clienti qualcosa con cui ricordare l'app.\n<\/p>\n<h5>\n  2 icone dello stesso gruppo non mostrano alcuna somiglianza<br \/>\n<\/h5>\n<p>\n  Per le app che appartengono allo stesso gruppo, anche le icone dovrebbero avere una certa somiglianza. Prendi il caso della suite di app di Adobe come InDesign, Photoshop, Lightroom Mobile, Illustrator e Premiere, che hanno uniformit\u00e0 nel design delle icone. Uno sguardo allo schermo e l'utente finale sapr\u00e0 immediatamente che l'icona appartiene alla suite di app di Adobe.\n<\/p>\n<p>\n  Si pensi alla <a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/28\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noopener\">legge di somiglianza della Gestalt<\/a>, secondo la quale la mente umana pu\u00f2 percepire e riconoscere oggetti o schemi simili. Implementalo per creare uniformit\u00e0 in gruppi di icone progettando icone con caratteristiche simili, che includono ma non sono limitate a: colore, dimensione, carattere tipografico ecc. In questo modo, il tuo pubblico di destinazione assocer\u00e0 facilmente icone simili di app che sono forse sviluppate dal stessa compagnia.\n<\/p>\n<p>\n  Supponiamo che una delle tue app precedenti abbia avuto un periodo di successo sul mercato, quindi ci sono possibilit\u00e0 che il successo di quella particolare app si ripercuota sulla tua nuova app, se le icone di entrambe le app mostrano somiglianze nel design. Quindi, prendi la strada per progettare icone simili per lo stesso gruppo o famiglia di app in modo che il tuo pubblico di destinazione trovi una connessione tra di loro.\n<\/p>\n<h5>\n  3 Dare ai pixel la scivolata rosa<br \/>\n<\/h5>\n<p>\n  Concentrarsi sul minimo dettaglio \u00e8 la caratteristica dei grandi designer, che sanno davvero il loro mestiere. Dal colore ai pixel, tutto deve essere perfetto quando si tratta del design delle icone delle app. I pixel in particolare sono immensamente importanti nel design delle icone e ignorare lo stesso pu\u00f2 creare una cattiva impressione sugli utenti. Non prestare attenzione ai dettagli pu\u00f2 provocare immagini sfocate e pixelate ed \u00e8 ovvio che non andr\u00e0 bene su qualsiasi marca e modello di dispositivo mobile.\n<\/p>\n<p>\n  Pensa in termini di tecnologia di visualizzazione avanzata di smartphone, dispositivi indossabili e altri dispositivi mobili e ti renderai conto che anche il pi\u00f9 piccolo errore pu\u00f2 costarti il \u200b\u200bsuccesso della tua app.\n<\/p>\n<p>\n  Ecco un elenco di cose che puoi considerare e successivamente implementare durante la progettazione di un'icona senza ignorare i pixel:\n<\/p>\n<ul>\n<li>Non creare un'icona &#8220;universale&#8221;, che pu\u00f2 essere ridimensionata per adattarsi a varie regole dell'app store perch\u00e9 non lo far\u00e0.\n  <\/li>\n<li>Tutte le icone non sono create allo stesso modo. Un'icona apparir\u00e0 completamente diversa su uno smartphone, tablet e indossabile. Assicurati di seguire linee guida rigorose per sapere come creare icone adatte a diverse piattaforme mobili.\n  <\/li>\n<li>Sperimenta la tua strada verso l'icona perfetta. Potresti voler ridimensionare l'immagine raster, optare per apportare alcuni ritocchi, cambiare il colore se necessario e adottare ogni singola strategia che renda l'icona <strong>scalabile<\/strong>.\n  <\/li>\n<\/ul>\n<h5>\n  4 Inserire troppi dettagli<br \/>\n<\/h5>\n<p>\n  Farcire troppi dettagli nella minuscola immagine dell'icona pu\u00f2 rivelarsi inutile. L'icona di un'app ti offre uno spazio limitato per mostrare le tue &#8220;capacit\u00e0 di progettazione&#8221; e troppi dettagli possono rovinare tutto. Sembra rumoroso e poco professionale. Questo \u00e8 il motivo per cui \u00e8 necessario assicurarsi che il design dell'icona sia semplice e trasmetta un messaggio al pubblico di destinazione in anticipo. L'opzione migliore \u00e8 quella di diventare minimalisti come i migliori designer e optare per solo elementi essenziali per il design dell'icona.\n<\/p>\n<p>\n  Ad esempio, se si tratta di un'app di giochi, puoi includere il personaggio del gioco o utilizzare immagini minimaliste che diano ai potenziali utenti un'idea di cosa tratta il gioco. Se includi tutto in una volta nell'icona, incluso il testo, creer\u00e0 confusione e sembrer\u00e0 poco attraente per i potenziali clienti. Questo ci porta al punto successivo.\n<\/p>\n<h5>\n  5 Ignorare il testo su un'icona<br \/>\n<\/h5>\n<p>\n  Il testo \u00e8 un aspetto cruciale del design delle icone; dovrebbe essere inserito in un'icona se e solo se \u00e8 assolutamente necessario.\n<\/p>\n<p>\n  \u00c8 piuttosto allettante includere il nome dell'app o altro testo pertinente all'interno dell'icona. Molti designer includono del testo nel design dell'icona sperando che questo aiuti i potenziali clienti a farsi un'idea immediata dell'app, generando un numero maggiore di download. Questo \u00e8 uno dei principali errori da parte loro poich\u00e9 due dei principali app store: <strong>il Play Store di Google<\/strong> e <strong>l'App Store di Apple<\/strong> hanno entrambi il nome dell'app visualizzato accanto all'icona. Quindi, includere il testo, in particolare il nome dell'app, porter\u00e0 solo a dati duplicati, sovraccarico di informazioni e alla fine non porter\u00e0 a nulla. Inoltre, la presenza di testo nell'icona rende difficile localizzare un'app.\n<\/p>\n<p>\n  Questo ovviamente non significa che devi saltare completamente il testo nel design dell'icona. Puoi includerlo, ma solo se \u00e8 rilevante per la tua app. Prendi il caso di Netflix, che ha un semplice design dell'icona con solo il nome dell'app nell'icona. Ma poi, ha una distinta composizione e combinazione di colori, che lo rendono unico e aiuta il pubblico target a relazionarsi con il marchio.\n<\/p>\n<p>\n  Quindi, se pensi che il testo funzioner\u00e0 per la tua icona, allora devi farlo.\n<\/p>\n<h5>\n  6 combinazioni di colori che non funzioneranno<br \/>\n<\/h5>\n<p>\n  La cattiva scelta dei colori o la selezione della combinazione di colori sbagliata per il design dell'icona di un'app \u00e8 un altro errore. I colori svolgono un ruolo importante nell'influenzare la mentalit\u00e0 dei consumatori e, in quanto tali, \u00e8 necessario assicurarsi di non cadere preda di una cattiva scelta di colori. La ricerca sui dati demografici e sulle abitudini\/preferenze del tuo pubblico di destinazione sar\u00e0 di aiuto in questa direzione.\n<\/p>\n<p>\n  \u00c8 essenziale selezionare la giusta tavolozza di colori, che non solo appaia esteticamente gradevole, ma sia anche conforme all'immagine del tuo marchio. A tale scopo, fai riferimento a vari materiali online, che spiegano tutto ci\u00f2 che devi sapere sulla <a href=\"http:\/\/www.instantshift.com\/2012\/01\/30\/the-psychology-of-color-in-design\/\" target=\"_blank\" rel=\"noopener\">psicologia del colore<\/a> nel <a href=\"http:\/\/www.instantshift.com\/2012\/07\/09\/what-do-your-clothing-colors-say-about-you-infographic\/\" target=\"_blank\" rel=\"noopener\">branding<\/a> e scegli la giusta combinazione di colori per l'icona della tua app.\n<\/p>\n<p>\n  Puoi anche utilizzare alcuni strumenti straordinari, che sono utili nella selezione delle combinazioni di colori. Questi strumenti includono ma non sono limitati a: <a href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/yyyyy\" target=\"_blank\" rel=\"noopener\">Color<\/a>, <a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">Adobe Color CC<\/a>, <a href=\"http:\/\/colllor.com\/\" target=\"_blank\" rel=\"noopener\">Colllor<\/a>, <a href=\"http:\/\/www.colourlovers.com\/\" target=\"_blank\" rel=\"noopener\">COLOURlovers<\/a>, <a href=\"http:\/\/paletton.com\/\" target=\"_blank\" rel=\"noopener\">Paletton<\/a> ecc. Puoi condurre una ricerca per scoprire molte altre risorse online e offline, che ti aiuteranno in questa direzione.\n<\/p>\n<h5>\n  7 Dimenticarsi del pubblico di destinazione<br \/>\n<\/h5>\n<p>\n  Uno dei tratti principali dei designer esperti \u00e8 che prendono in considerazione il loro pubblico di riferimento prima del design delle icone. Questo \u00e8 importante perch\u00e9 ovviamente, un'app destinata a un diverso segmento di pubblico, ad esempio i bambini, avr\u00e0 un certo aspetto e aspetto, incluso il design dell'icona come le combinazioni di colori vivaci. Se la confronti con un'app destinata alle aziende, avr\u00e0 un aspetto completamente diverso: minimalista con combinazioni di colori neutri o tonalit\u00e0 pastello.\n<\/p>\n<p>\n  Devi anche prendere la cultura di vari luoghi in cui la tua app \u00e8 disponibile. Questo perch\u00e9 alcuni simboli possono essere usati nell'icona per alcuni paesi ma non per altri, dove possono essere considerati offensivi o ferire i sentimenti delle comunit\u00e0.\n<\/p>\n<p>\n  <strong>Fai una ricerca approfondita<\/strong> sul tuo pubblico di destinazione e usa la ricerca per progettare un'icona che li attiri a prima vista. Puoi esaminare una serie di app, che hanno ottenuto riconoscimenti internazionali e dare un'occhiata al loro design delle icone per avere un'idea migliore.\n<\/p>\n<h5>\n  8 Abbandonare l'estetica nel design<br \/>\n<\/h5>\n<p>\n  L'icona della tua app deve essere <strong>elegante ed estetica<\/strong> per attirare un numero di potenziali clienti negli app store. L'abbandono dell'estetica del design \u00e8 quindi un rigoroso no. Quindi, come puoi assicurarti che la tua app sia esteticamente accattivante per il tuo pubblico di destinazione? Ecco alcuni punti utili che ti aiuteranno.\n<\/p>\n<ul>\n<li>Resta al passo con le ultime tendenze del mercato come <strong>Flat Design<\/strong> (di iOS) e <strong>Material Design<\/strong> (di Android OS), che possono essere utilizzati per creare app per smartphone, tablet e, soprattutto, indossabili.\n  <\/li>\n<li>Testa il design della tua icona prima di finalizzarla per l'app. Ad esempio, le icone di Apple Watch sono impostate su uno sfondo nero. Quindi, progetta la tua app per il dispositivo indossabile in modo tale che sia in contrasto con lo sfondo. Prova le tue icone sul dispositivo e non sul simulatore per assicurarti che siano perfette.\n  <\/li>\n<li>Ridurre la complessit\u00e0. Puoi creare un'icona semplice eppure pu\u00f2 sembrare esteticamente gradevole. Il minimalismo \u00e8 comunque di tendenza, quindi beneficerai solo di questo passaggio.\n  <\/li>\n<\/ul>\n<p>\n  Tuttavia, non investire solo tutte le tue energie nella progettazione di un'icona carina, ma incorpora anche elementi che rendano immediatamente riconoscibile lo scopo dell'icona agli utenti target. Questa pu\u00f2 essere una forma o un'immagine o l'iniziale del nome dell'app (Pinterest, Vine, Facebook, Evernote), che la dice lunga sull'app senza scendere a compromessi sulla parte estetica.\n<\/p>\n<h5>\n  9 Non seguire le linee guida<br \/>\n<\/h5>\n<p>\n  Diverse piattaforme mobili hanno un diverso insieme di regole per il design delle icone. Seguire queste regole o linee guida aiuta i designer a creare icone, che funzioneranno meglio per le app in queste piattaforme. Puoi prendere l'esempio delle <a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/Iconography.html#\/\/apple_ref\/doc\/uid\/TP40006556-CH59-SW1\" target=\"_blank\" rel=\"noopener\">linee guida dell'interfaccia umana di Apple<\/a> o <a href=\"https:\/\/www.google.co.in\/design\/spec\/style\/icons.html\" target=\"_blank\" rel=\"noopener\">delle linee guida di Android<\/a>, che spiegano come \u00e8 necessario creare icone che funzionino su dispositivi iOS e Android.\n<\/p>\n<p>\n  Attieniti a queste linee guida mentre e quando progetti e questo ti aiuter\u00e0 molto a creare icone perfette, in modo coerente.\n<\/p>\n<h4>\n  Conclusione<br \/>\n<\/h4>\n<p>\n  Creare un'icona per un'app mobile non \u00e8 un compito facile. Gli errori tendono ad accadere, anche dai principali designer del settore. Ma s\u00ec, imparare da questi errori \u00e8 utile per i designer in erba che vogliono sfondare. La scrittura ti ricorda qualche altro errore di progettazione nel design dell'icona dell'app mobile? Condividi i tuoi pensieri con noi.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/08\/18\/app-icon-design-slip-ups\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gli utenti mobili sono molto felici. Dopotutto, possono scegliere tra innumerevoli app, disponibili su numerosi app store sul mercato. Cosa ti dice questo? Ovviamente, questo significa che c&#8217;\u00e8 una dura concorrenza tra le varie app, con ciascuna delle app in competizione per l&#8217;attenzione dei potenziali utenti. La soluzione sta in un&#8217;app unica che porta sul tavolo molte caratteristiche e funzionalit\u00e0. Tuttavia, anche se progetti e sviluppi una delle migliori app sul mercato, un&#8217;icona scadente \u00e8 tutto ci\u00f2 che serve per rovinare i tuoi sforzi. \u2026<\/p>\n","protected":false},"author":1,"featured_media":151590,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[199,56,147],"tags":[],"class_list":["post-255604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255604"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255604\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/151590"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}