{"id":263487,"date":"2023-09-03T14:45:00","date_gmt":"2023-09-03T11:45:00","guid":{"rendered":"https:\/\/inform.click\/9-errores-comunes-que-los-disenadores-tienden-a-cometer-durante-el-diseno-de-iconos-de-aplicaciones\/"},"modified":"2023-09-03T15:09:00","modified_gmt":"2023-09-03T12:09:00","slug":"9-errores-comunes-que-los-disenadores-tienden-a-cometer-durante-el-diseno-de-iconos-de-aplicaciones","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/9-errores-comunes-que-los-disenadores-tienden-a-cometer-durante-el-diseno-de-iconos-de-aplicaciones\/","title":{"rendered":"9 errores comunes que los dise\u00f1adores tienden a cometer durante el dise\u00f1o de \u00edconos de aplicaciones"},"content":{"rendered":"<p>\n  Los usuarios m\u00f3viles son muy felices. Despu\u00e9s de todo, pueden elegir entre innumerables aplicaciones, que est\u00e1n disponibles en varias tiendas de aplicaciones en el mercado. \u00bfQu\u00e9 te dice esto? Obviamente, esto significa que existe una dura competencia entre varias aplicaciones, y cada una de ellas compite por la atenci\u00f3n de los usuarios potenciales.\n<\/p>\n<p>\n  La soluci\u00f3n radica en una aplicaci\u00f3n \u00fanica que trae muchas caracter\u00edsticas y funcionalidades a la mesa. Sin embargo, incluso si dise\u00f1a y desarrolla una de las mejores aplicaciones del mercado, un icono pobre es todo lo que necesita para estropear sus esfuerzos. Esto se debe a que el \u00edcono de la aplicaci\u00f3n sirve como su valor nominal y, en la mayor\u00eda de los casos, garantiza una venta exitosa.\n<\/p>\n<p>\n  La l\u00f3gica detr\u00e1s de esto es que los clientes potenciales tienden a buscar aplicaciones relevantes para sus necesidades y un \u00edcono que llame la atenci\u00f3n definitivamente despertar\u00e1 sus niveles de inter\u00e9s, llev\u00e1ndolos a tomar una llamada a la acci\u00f3n. Nunca se sabe, a qui\u00e9n le gustar\u00e1 la aplicaci\u00f3n bas\u00e1ndose \u00fanicamente en el dise\u00f1o del icono e ir\u00e1 a descargarla. Esto se traduce en un aumento de las ventas de la aplicaci\u00f3n y por lo tanto, hace que sea un \u00e9xito.\n<\/p>\n<p>\n  Por lo tanto, centrarse en el dise\u00f1o de iconos es m\u00e1s un requisito previo en el ciclo de vida del desarrollo de aplicaciones. Este art\u00edculo analiza algunos de los errores m\u00e1s comunes que los dise\u00f1adores tienden a cometer durante el dise\u00f1o de \u00edconos de aplicaciones m\u00f3viles.\n<\/p>\n<h5>\n  1 Los iconos no son \u00fanicos<br \/>\n<\/h5>\n<p>\n  Dise\u00f1ar \u00edconos que parecen ser una <strong>copia de otro \u00edcono ya existente<\/strong> es un error que los dise\u00f1adores cometen a sabiendas o sin saberlo. Muchos de ellos se tambalean bajo la presi\u00f3n de enviar dise\u00f1os de \u00edconos en un corto per\u00edodo de tiempo. Enfrentados a una crisis de tiempo aguda, sucumben a la presi\u00f3n y se conforman con dise\u00f1os comunes y corrientes.\n<\/p>\n<p>\n  Toman el atajo hacia el \u00e9xito siguiendo las indicaciones de las aplicaciones m\u00e1s vendidas y dise\u00f1ando \u00edconos de patrones similares. Por ejemplo, si hay una aplicaci\u00f3n popular en la categor\u00eda Entretenimiento, los dise\u00f1adores querr\u00edan sacar provecho de su popularidad y una manera f\u00e1cil de hacerlo es crear un \u00edcono de aplicaci\u00f3n similar a la aplicaci\u00f3n popular.\n<\/p>\n<p>\n  \u00bfEl resultado? Una gran cantidad de aplicaciones con \u00edconos similares, incluidos los esquemas de color. En \u00faltima instancia, esto crea una confusi\u00f3n para el p\u00fablico objetivo, que no podr\u00e1 diferenciar entre dos \u00edconos que tienen la misma combinaci\u00f3n de colores, especialmente en un dispositivo port\u00e1til.\n<\/p>\n<p>\n  Salga de su zona de confort y cree \u00edconos de aplicaciones que hagan que las personas se sienten y se den cuenta, ya sea de sus competidores o del p\u00fablico objetivo. No puede darse el lujo de tener un enfoque mediocre para crear \u00edconos de aplicaciones \u00fanicos; un \u00edcono \u00fanico le da a los clientes algo para recordar la aplicaci\u00f3n.\n<\/p>\n<h5>\n  2 iconos del mismo grupo no muestran similitud<br \/>\n<\/h5>\n<p>\n  Para las aplicaciones que pertenecen al mismo grupo, los \u00edconos tambi\u00e9n deben tener alguna similitud. Tomemos el caso de la suite de aplicaciones de Adobe como InDesign, Photoshop, Lightroom Mobile, Illustrator y Premiere, que tienen uniformidad en el dise\u00f1o de sus \u00edconos. Una mirada a la pantalla y el usuario final sabr\u00e1 de inmediato que el \u00edcono pertenece al conjunto de aplicaciones de Adobe.\n<\/p>\n<p>\n  Piensa en <a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/28\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_blank\" rel=\"noopener\">la ley de similitud de la Gestalt<\/a>, seg\u00fan la cual la mente humana puede percibir y reconocer objetos o patrones similares. Implemente esto para crear uniformidad en los grupos de \u00edconos mediante el dise\u00f1o de \u00edconos con caracter\u00edsticas similares, que incluyen, entre otros, color, tama\u00f1o, tipo de letra, etc. la misma compania.\n<\/p>\n<p>\n  Supongamos que una de sus aplicaciones anteriores tuvo un per\u00edodo exitoso en el mercado, entonces hay posibilidades de que el \u00e9xito de esa aplicaci\u00f3n en particular se contagie a su nueva aplicaci\u00f3n, si los \u00edconos de ambas aplicaciones muestran similitud en el dise\u00f1o. Por lo tanto, tome la ruta para dise\u00f1ar \u00edconos similares para el mismo grupo o familia de aplicaciones para que su p\u00fablico objetivo encuentre una conexi\u00f3n entre ellos.\n<\/p>\n<h5>\n  3 D\u00e1ndole a los p\u00edxeles el resbal\u00f3n rosa<br \/>\n<\/h5>\n<p>\n  Centrarse en el m\u00e1s m\u00ednimo detalle es el rasgo de los grandes dise\u00f1adores, que realmente conocen su trabajo. Desde el color hasta los p\u00edxeles, todo debe ser perfecto cuando se trata del dise\u00f1o de \u00edconos de aplicaciones. Los p\u00edxeles en particular son inmensamente importantes en el dise\u00f1o de \u00edconos e ignorarlos puede causar una mala impresi\u00f3n en los usuarios. No prestar atenci\u00f3n a los detalles puede resultar en im\u00e1genes borrosas y pixeladas y es obvio que no funcionar\u00e1 en ninguna marca y modelo de dispositivo m\u00f3vil.\n<\/p>\n<p>\n  Piense en t\u00e9rminos de la tecnolog\u00eda de visualizaci\u00f3n avanzada de los tel\u00e9fonos inteligentes, dispositivos port\u00e1tiles y otros dispositivos m\u00f3viles y se dar\u00e1 cuenta de que incluso el error m\u00e1s peque\u00f1o puede costarle el \u00e9xito de su aplicaci\u00f3n.\n<\/p>\n<p>\n  Aqu\u00ed hay una lista de verificaci\u00f3n de cosas que puede considerar y luego implementar mientras dise\u00f1a un \u00edcono sin ignorar los p\u00edxeles:\n<\/p>\n<ul>\n<li>No cree un \u00edcono &#8216;universal', que puede reducirse para adaptarse a varias reglas de la tienda de aplicaciones porque no lo har\u00e1.\n  <\/li>\n<li>No todos los \u00edconos se crean de la misma manera. Un \u00edcono aparecer\u00e1 completamente diferente en un tel\u00e9fono inteligente, tableta y dispositivo port\u00e1til. Aseg\u00farese de seguir pautas estrictas para saber c\u00f3mo crear \u00edconos adecuados para diferentes plataformas m\u00f3viles.\n  <\/li>\n<li>Experimente su camino hacia el \u00edcono perfecto. Es posible que desee reducir el tama\u00f1o de la imagen de trama, optar por hacer algunos retoques, cambiar el color si es necesario y adoptar todas y cada una de las estrategias que hacen que el \u00edcono sea <strong>escalable<\/strong>.\n  <\/li>\n<\/ul>\n<h5>\n  4 Poner demasiados detalles<br \/>\n<\/h5>\n<p>\n  Rellenar demasiados detalles en la peque\u00f1a imagen del icono puede resultar in\u00fatil. El \u00edcono de una aplicaci\u00f3n te ofrece un espacio limitado para mostrar tus \u00abhabilidades de dise\u00f1o\u00bb y demasiados detalles pueden estropearlo gravemente. Parece ruidoso y poco profesional. Esta es la raz\u00f3n por la que debe asegurarse de que el dise\u00f1o del \u00edcono sea simple y transmita un mensaje al p\u00fablico objetivo por adelantado. La mejor opci\u00f3n es volverse minimalista como los mejores dise\u00f1adores y optar solo por elementos esenciales para el dise\u00f1o del \u00edcono.\n<\/p>\n<p>\n  Por ejemplo, si se trata de una aplicaci\u00f3n de juegos, puede incluir el personaje del juego o usar im\u00e1genes minimalistas que den a los usuarios potenciales una pista de lo que se trata el juego. Si incluye todo a la vez en el \u00edcono, incluido el texto, crear\u00e1 un desorden y se ver\u00e1 poco atractivo para los clientes potenciales. Esto nos lleva al siguiente punto.\n<\/p>\n<h5>\n  5 Ignorar el texto en un \u00edcono<br \/>\n<\/h5>\n<p>\n  El texto es un aspecto crucial del dise\u00f1o de iconos; debe colocarse en un icono si y solo si es absolutamente necesario.\n<\/p>\n<p>\n  Es bastante tentador incluir el nombre de la aplicaci\u00f3n u otro texto relevante dentro del icono. Muchos dise\u00f1adores incluyen texto en el dise\u00f1o del \u00edcono con la esperanza de que esto ayude a los clientes potenciales a tener una idea instant\u00e1nea sobre la aplicaci\u00f3n, generando m\u00e1s descargas. Este es uno de los principales errores de su parte, ya que dos de las principales tiendas de aplicaciones: <strong>Play Store de Google<\/strong> y <strong>App Store de Apple,<\/strong> tienen el nombre de la aplicaci\u00f3n junto al \u00edcono. Por lo tanto, incluir texto, en particular el nombre de la aplicaci\u00f3n, solo generar\u00e1 datos duplicados, sobrecarga de informaci\u00f3n y, finalmente, no conducir\u00e1 a nada. Adem\u00e1s, tener texto en el icono dificulta la localizaci\u00f3n de una aplicaci\u00f3n.\n<\/p>\n<p>\n  Esto, por supuesto, no significa que tenga que omitir el texto por completo en el dise\u00f1o del icono. Puede incluirlo, pero solo si es relevante para su aplicaci\u00f3n. Tomemos el caso de Netflix, que tiene un dise\u00f1o de \u00edcono simple con solo el nombre de la aplicaci\u00f3n en el \u00edcono. Pero luego, tiene una composici\u00f3n tipogr\u00e1fica y una combinaci\u00f3n de colores distintas, lo que lo hace \u00fanico y ayuda a que el p\u00fablico objetivo se relacione con la marca.\n<\/p>\n<p>\n  Entonces, si cree que el texto funcionar\u00e1 para su \u00edcono, entonces debe hacerlo.\n<\/p>\n<h5>\n  6 combinaciones de colores que no funcionar\u00e1n<br \/>\n<\/h5>\n<p>\n  La mala elecci\u00f3n de colores o la selecci\u00f3n de una combinaci\u00f3n de colores incorrecta para el dise\u00f1o del \u00edcono de una aplicaci\u00f3n es otro error. Los colores juegan un papel importante al influir en la mentalidad del consumidor y, como tal, debe asegurarse de no ser v\u00edctima de una mala elecci\u00f3n de colores. Investigar sobre la demograf\u00eda y los h\u00e1bitos\/preferencias de tu p\u00fablico objetivo ser\u00e1 de ayuda en esta direcci\u00f3n.\n<\/p>\n<p>\n  Es fundamental que seleccione la paleta de colores adecuada, que no solo se vea est\u00e9ticamente agradable, sino que tambi\u00e9n se ajuste a la imagen de su marca. Para este prop\u00f3sito, consulte varios materiales en l\u00ednea, que explican todo lo que necesita saber sobre <a href=\"http:\/\/www.instantshift.com\/2012\/01\/30\/the-psychology-of-color-in-design\/\" target=\"_blank\" rel=\"noopener\">la psicolog\u00eda del color<\/a> en la <a href=\"http:\/\/www.instantshift.com\/2012\/07\/09\/what-do-your-clothing-colors-say-about-you-infographic\/\" target=\"_blank\" rel=\"noopener\">marca<\/a> y elija la combinaci\u00f3n de colores adecuada para el \u00edcono de su aplicaci\u00f3n.\n<\/p>\n<p>\n  Tambi\u00e9n puede usar algunas herramientas sorprendentes, que son \u00fatiles para seleccionar esquemas de color. Estas herramientas incluyen, entre otras, <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>, etc. Puede realizar una b\u00fasqueda para conocer muchos otros recursos en l\u00ednea y fuera de l\u00ednea, que lo ayudar\u00e1n en esta direcci\u00f3n.\n<\/p>\n<h5>\n  7 Olvidando todo sobre el p\u00fablico objetivo<br \/>\n<\/h5>\n<p>\n  Una de las principales caracter\u00edsticas de los dise\u00f1adores expertos es que tienen en cuenta a su p\u00fablico objetivo antes del dise\u00f1o de iconos. Esto es importante porque, obviamente, una aplicaci\u00f3n dirigida a un segmento diferente de la audiencia, por ejemplo, los ni\u00f1os, tendr\u00e1 una cierta apariencia, incluido el dise\u00f1o del \u00edcono, como los esquemas de colores brillantes. Si la compara con una aplicaci\u00f3n dirigida a empresas, tendr\u00e1 una apariencia completamente diferente: minimalista con esquemas de colores neutros o tonos pastel.\n<\/p>\n<p>\n  Tambi\u00e9n debe tomar la cultura de varios lugares donde su aplicaci\u00f3n est\u00e1 disponible. Esto se debe a que algunos s\u00edmbolos pueden estar bien para usar en el \u00edcono de algunos pa\u00edses, pero no para otros, donde pueden considerarse ofensivos o herir los sentimientos de las comunidades.\n<\/p>\n<p>\n  <strong>Realice una investigaci\u00f3n exhaustiva<\/strong> sobre su p\u00fablico objetivo y utilice la investigaci\u00f3n para dise\u00f1ar un icono que les atraiga a primera vista. Puede revisar una serie de aplicaciones, que han ganado reconocimiento internacional y echar un vistazo a los dise\u00f1os de sus \u00edconos para tener una mejor idea.\n<\/p>\n<h5>\n  8 Abandonar la est\u00e9tica en el dise\u00f1o<br \/>\n<\/h5>\n<p>\n  El \u00edcono de su aplicaci\u00f3n debe ser <strong>elegante y est\u00e9tico<\/strong> para atraer a una cantidad de clientes potenciales en las tiendas de aplicaciones. Abandonar la est\u00e9tica del dise\u00f1o es, por lo tanto, un no estricto. Entonces, \u00bfc\u00f3mo te aseguras de que tu aplicaci\u00f3n sea est\u00e9ticamente atractiva para tu p\u00fablico objetivo? Aqu\u00ed hay algunos puntos \u00fatiles que te ayudar\u00e1n.\n<\/p>\n<ul>\n<li>Mant\u00e9ngase al d\u00eda con las \u00faltimas tendencias del mercado, como <strong>Flat Design<\/strong> (de iOS) y <strong>Material Design<\/strong> (de Android OS), que se pueden utilizar para crear aplicaciones para tel\u00e9fonos inteligentes, tabletas y, lo que es m\u00e1s importante, dispositivos port\u00e1tiles.\n  <\/li>\n<li>Pruebe el dise\u00f1o de su \u00edcono antes de finalizarlo para la aplicaci\u00f3n. Por ejemplo, los \u00edconos de Apple Watch se colocan sobre un fondo negro. Por lo tanto, dise\u00f1e su aplicaci\u00f3n para el dispositivo port\u00e1til de tal manera que contraste con el fondo. Pruebe sus \u00edconos en el dispositivo y no en el simulador para asegurarse de que sean perfectos.\n  <\/li>\n<li>Reducir la complejidad. Puede crear un \u00edcono simple y, sin embargo, puede verse muy est\u00e9tico. El minimalismo est\u00e1 de moda de todos modos, por lo que solo se beneficiar\u00e1 de este paso.\n  <\/li>\n<\/ul>\n<p>\n  Sin embargo, no solo invierta toda su energ\u00eda en dise\u00f1ar un \u00edcono bonito, sino que tambi\u00e9n incorpore elementos que hagan que el prop\u00f3sito del \u00edcono sea reconocible instant\u00e1neamente para los usuarios objetivo. Puede ser una forma o imagen o la inicial del nombre de la aplicaci\u00f3n (Pinterest, Vine, Facebook, Evernote), que dice mucho sobre la aplicaci\u00f3n sin comprometer la parte est\u00e9tica.\n<\/p>\n<h5>\n  9 No seguir las pautas<br \/>\n<\/h5>\n<p>\n  Las diferentes plataformas m\u00f3viles tienen diferentes conjuntos de reglas para el dise\u00f1o de iconos. Seguir estas reglas o pautas ayuda a los dise\u00f1adores a crear \u00edconos que funcionar\u00e1n mejor para las aplicaciones en estas plataformas. Puede tomar el ejemplo de <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\">las pautas de interfaz humana de Apple<\/a> o <a href=\"https:\/\/www.google.co.in\/design\/spec\/style\/icons.html\" target=\"_blank\" rel=\"noopener\">las pautas de Android<\/a>, que explican c\u00f3mo debe crear \u00edconos que funcionen en dispositivos iOS y Android.\n<\/p>\n<p>\n  Siga estas pautas a medida que dise\u00f1e y esto le ayudar\u00e1 en gran medida a crear \u00edconos perfectos, de manera consistente.\n<\/p>\n<h4>\n  Conclusi\u00f3n<br \/>\n<\/h4>\n<p>\n  Crear un \u00edcono para una aplicaci\u00f3n m\u00f3vil no es tarea f\u00e1cil. Los errores tienden a ocurrir, incluso por parte de los principales dise\u00f1adores de la industria. Pero s\u00ed, aprender de estos errores es \u00fatil para los dise\u00f1adores en ciernes que quieren triunfar. \u00bfEl art\u00edculo le recuerda alg\u00fan otro error de dise\u00f1o en el dise\u00f1o de \u00edconos de aplicaciones m\u00f3viles? Comparte tus ideas con nosotros.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <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>Los usuarios m\u00f3viles son muy felices. Despu\u00e9s de todo, pueden elegir entre innumerables aplicaciones, que est\u00e1n disponibles en varias tiendas de aplicaciones en el mercado. \u00bfQu\u00e9 te dice esto? Obviamente, esto significa que existe una dura competencia entre varias aplicaciones, y cada una de ellas compite por la atenci\u00f3n de los usuarios potenciales. La soluci\u00f3n radica en una aplicaci\u00f3n \u00fanica que trae muchas caracter\u00edsticas y funcionalidades a la mesa. Sin embargo, incluso si dise\u00f1a y desarrolla una de las mejores aplicaciones del mercado, un icono pobre es todo lo que necesita para estropear sus esfuerzos. \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":[151,203,60],"tags":[],"class_list":["post-263487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-y-trucos-web","category-diseno-web","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263487"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/151590"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}