¿Cuáles son las mejores pautas de diseño para iconos?

Answer 1

Como ejemplo, sugiero guías de estilo del sistema operativo:

Apple, Microsoft y Google escriben pautas de diseño de iconos. A veces. De algun modo.

• Iconos de diseño de materiales: el mejor ejemplo hasta ahora
• Iconos de iOS (bla, bla)
• Íconos de la aplicación iOS
• Iconos de Windows 10 – no oficial (Microsoft ha guardado silencio)

Mínimo razonable

Los iconos modernos tienen mucho en común: tienden a ser planos, tienen formas simplificadas y una cantidad limitada de detalles. Centrémonos en las diferencias.

Preparando la respuesta a esta pregunta, he creado una pequeña infografía:

Guías de estilo interactivas

También hemos creado widgets interactivos para comparar los estilos de íconos de diferentes sistemas operativos uno al lado del otro

Aquí puede comparar (desplazarse hacia abajo algunas pantallas):

• iOS 9 a otros estilos
• Windows 10 a otros estilos
• Android L a otros estilos

Answer 2

Consejos para crear el diseño de iconos de la aplicación iOS
1. Enfoque del diseño de iconos de manera integral
Los iconos se ajustan a los sistemas gráficos. Ya sea que estén diseñados para aplicaciones de escritorio o sitios web, un ícono es uno de los muchos elementos gráficos que necesitan trabajar juntos de manera armoniosa. Lleve esta lógica a través de conjuntos de iconos también. Los iconos se pueden apreciar por sus soluciones estéticas individualmente, pero no funcionan solos. Evalúe los diseños de sus íconos en relación con el sistema gráfico en el que los está utilizando. Asegúrese de que cada ícono difiera de los íconos circundantes, mientras trabaja en conjunto como un todo.

2. Considera a tu audiencia
Tendrá diferentes consideraciones si está diseñando una intranet para una pequeña empresa, en lugar de un producto que puede venderse internacionalmente. Al crear íconos, las consideraciones culturales son importantes. Los símbolos pueden diferir para los elementos comunes que puede usar para sus diseños.

3. Diseñe para el tamaño en el que se utilizará el icono
Si se vuelve vectorial y crea su icono en Illustrator, existe la tentación inherente de escalar el diseño e intentar usarlo en cualquier tamaño. Esto no funciona con iconos. Lo que se ve bien a 512 px parece una mancha borrosa a 16 px. Los iconos deben tener un diseño base que se use como punto de partida, pero cada tamaño de salida debe tener su propio diseño optimizado.

4. Mantenga los iconos simples e icónicos

5. Proyecte iluminación, reflejos y sombras consistentes
Es importante que el realismo que agregue a sus diseños funcione de manera coherente. Si usa una fuente de luz proveniente de una dirección, quédese con ella. O corre el riesgo de perder el diseño integrado de sus iconos. Considere también la fuente de luz del diseño en el que se colocarán sus iconos. Si la fuente de luz de los iconos está en desacuerdo con el sitio web o el diseño de la aplicación en la que los está utilizando, entonces el diseño parecerá amateur.

6. Utilice una perspectiva limitada

7. Crear estilos de conjunto de iconos coherentes

Answer 3

Todo esto depende de cuál sea realmente su proyecto.

Un par de las primeras cosas a considerar sería;

• ¿Qué es el medio? ¿Es para una aplicación? ¿Una página web? ¿Impresión? Esto afectará cosas bastante básicas como si usan colores CMYK o RGB y cómo los detalles se procesarán a diferentes escalas.
• ¿Para qué son los iconos? ¿Tienen que vincularse con una marca? ¿Es un software, una presencia en línea o algo físico? ¿Existen pautas de marca preexistentes? Estas cosas afectarán el estilo de la ilustración y el aspecto general de los diseños. Si los iconos son parte de una estructura más grande, que a menudo lo son, entonces tendrían que sentarse cómodamente y de manera apropiada con cualquier diseño preexistente que se haya creado.

Puede ir desde aquí y ampliar aún más los detalles a medida que conoce el proyecto. No creo que haya realmente (m) reglas estrictas y rápidas para diseñar iconos;

• Deben ser vectores, por lo que se pueden escalar.
• Deben estar en consonancia con la estética del diseño más amplio.
• Deben ser simples (de manera eficiente) para que puedan identificarse fácilmente.

Gracias por el A2A.

Answer 4

Depende de su proyecto de diseño, cuál es su proyecto, si es imprimible (Broucher, Billbaords, tarjeta de visita) o en la Web o en cualquier otro, puede buscar en Internet algunas líneas de guía que ya existen si está utilizando el ilustrador, use el ilustrador templetes