{"id":15737,"date":"2020-09-03T12:52:34","date_gmt":"2020-09-03T10:52:34","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=14542"},"modified":"2023-11-28T11:12:45","modified_gmt":"2023-11-28T10:12:45","slug":"consejos-para-crear-iconos-perfectos","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/consejos-para-crear-iconos-perfectos\/","title":{"rendered":"Consejos para crear iconos perfectos"},"content":{"rendered":"

Los iconos son peque\u00f1os elementos de dise\u00f1o, pero pueden tener un impacto enorme como elemento funcional. Para un dise\u00f1ador, significa reducir una gran cantidad de informaci\u00f3n a su m\u00ednima expresi\u00f3n, sin duda, un gran reto.<\/p>\n

Antes de empezar<\/b><\/h2>\n

Conseguir excelentes resultados a la hora de dise\u00f1ar va mucho m\u00e1s all\u00e1 de tu habilidad\/experiencia de trabajo. Crear iconos depende de saber plantearse las preguntas correctas antes de considerar dar un solo clic.\u00a0\u00bfC\u00f3mo? \u00bfPara qu\u00e9? \u00bfPor qu\u00e9? (\u00a1Conc\u00e9ntrate!)<\/p>\n

Estas simples preguntas no s\u00f3lo te ayudar\u00e1n a sentar una base para tener claro hasta qu\u00e9 punto quieres llegar; tambi\u00e9n te trazar\u00e1n ciertos l\u00edmites y los l\u00edmites por naturaleza te ayudar\u00e1n a encontrar soluciones efectivas.<\/p>\n

Y ahora vamos con las claves…<\/p>\n

Simplicidad (KISS)<\/b><\/h2>\n

El principio KISS (del ingl\u00e9s Keep It Simple, Stupid!<\/i>:\u200b \u00ab\u00a1Mantenlo sencillo, est\u00fapido!\u00bb) es un acr\u00f3nimo usado como principio de dise\u00f1o<\/strong><\/em>.<\/p>\n

Este principio establece que la mayor\u00eda de sistemas funcionan mejor si se mantienen simples que si se hacen complejos; por ello, la simplicidad<\/a> debe ser mantenida como un objetivo clave del dise\u00f1o, y cualquier complejidad accidental debe ser evitada.<\/p>\n

Un icono es una representaci\u00f3n estilizada. No te preocupes porque sea realista, elimina los detalles innecesarios, usa formas b\u00e1sicas y deja solo lo esencial<\/strong> para que el icono sea f\u00e1cilmente comprensible.<\/p>\n

 <\/p>\n

\"simplicidad<\/p>\n

Consistencia<\/b><\/h2>\n

Tener una consistencia visual permitir\u00e1 al usuario aprender r\u00e1pido y tener una mejor experiencia. Es fundamental que todos los iconos de tu sistema tengan el mismo estilo para garantizar una armon\u00eda perfecta<\/strong> (mismas formas, relleno, grosor de trazo, tama\u00f1o).<\/p>\n

 <\/p>\n

\"consistencia<\/h2>\n

(Cuando puedas, dis\u00e9\u00f1alos desde cero; no mezcles iconos de librer\u00edas con diferentes estilos)<\/i><\/b><\/p>\n

<\/h2>\n

Claridad<\/b><\/h2>\n

Dis\u00e9\u00f1alos bajo el lema \u00abpixel perfect<\/strong>\u00ab, especialmente cuando sean muy peque\u00f1os. De esta forma siempre ser\u00e1n n\u00edtidos y sin bordes borrosos. Ten cuidado con los medios p\u00edxeles y evita los decimales.<\/p>\n

\"claridad<\/p>\n

(Tambi\u00e9n te ayudar\u00e1 a mantenerlos reconocibles y n\u00edtidos si los escalas).<\/i><\/p>\n

<\/h2>\n

Espacio<\/b><\/h2>\n

Aseg\u00farate de que todas las formas de tus iconos tengan suficiente espacio<\/strong>. Los trazos y espacios demasiado finos har\u00e1n que el icono sea m\u00e1s dif\u00edcil de entender.<\/p>\n

 <\/p>\n

\"espacio<\/p>\n

(Deja como m\u00ednimo 2px de espacio negativo)<\/i><\/p>\n

<\/h2>\n

Correcciones \u00f3pticas<\/b><\/h2>\n

Para asegurarte de que cada icono se vea bien, haz peque\u00f1os ajustes para alinear sus elementos \u00f3pticamente y crear equilibrio.\u00a0(No conf\u00edes solo en la geometr\u00eda, usa tus ojos y mueve los elementos un poco si es necesario).\u00a0<\/i><\/p>\n

\"correcion<\/b><\/p>\n

Dimensiones<\/b><\/h2>\n

Crea todos los\u00a0ico<\/strong>nos con el mismo tama\u00f1o<\/strong>. Define m\u00e1rgenes y un espacio que los rodee, trata de mantener los elementos dentro de los m\u00e1rgenes que les has asignado.<\/p>\n

No debemos olvidar que, el objetivo principal de un icono es comunicar con claridad. En el dise\u00f1o no existen puntos medios, algo funciona o no funciona. Procura siempre buscar el mejor camino en donde el lenguaje gr\u00e1fico vaya muy de la mano del est\u00e9tico y procura resolver de forma hol\u00edstica cada uno de los problemas a los que te debas enfrentar, con estos consejos tendr\u00e1s el camino m\u00e1s f\u00e1cil.<\/p>\n

 <\/p>\n

\"dimensiones<\/p>\n

 <\/p>\n

\u00bfEst\u00e1s trabajando en el dise\u00f1o de tu nuevo proyecto? \u00bfQuieres trabajar con nuestro equipo de Experiencia de Usuario y Dise\u00f1o? Desde\u00a0Hiberus Digital<\/a>\u00a0aseguramos el resultado de tu\u00a0producto o servicio digital,\u00a0aplicando metodolog\u00edas \u00e1giles y Design thinking\u00a0<\/strong>que permitan definir el roadmap del proyecto. Nuestro equipo\u00a0analizar\u00e1\u00a0tus necesidades y te asesorar\u00e1<\/strong>\u00a0en el desarrollo de tu proyecto digital. Ponte en contacto con nosotros y estaremos encantados de ayudarte.<\/p>\n

\n
\n
\n
\n

\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de UX\/UI?<\/p>\n

Contacta con nuestro equipo de User Research, User Experience y User Interface<\/p>\n <\/div>\n

\n \n
\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    \n\t
    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t