¿Qué es un buen icono de aplicación?
Un buen icono de aplicación ayudará a que su aplicación se destaque entre las muchas aplicaciones deslumbrantes, atraerá la atención de los usuarios y los guiará a hacer clic. Entonces, ¿qué es un buen diseño de iconos de aplicaciones? ? Hablemos de mi opinión
1. ¿Para qué se usa el ícono?
Todo parece resolver ciertos problemas, así que primero hablemos algunas palabras para entender para qué se usa el ícono para. ¿Qué problema surgió para resolver?
Este es un mercado de verduras. Wang Ermazi ha estado vendiendo pasteles de sésamo en esta calle durante más de diez años. Nunca ha habido nadie más vendiendo pasteles de sésamo, por lo que cuando la gente viene al mercado, debe comprar. sus tartas de sésamo, la calidad es buena, todo el mundo lo difunde de boca en boca. Como había mucha gente vendiendo cosas en el mercado, Wang Ermazi encontró un trozo de tela, dibujó un círculo en él y lo colgó en la puerta para que otros pudieran encontrarlo. Más tarde, vino una nueva señora gorda a vender pasteles de semillas de sésamo. Y el número de personas en el mercado aumentó gradualmente. Para que a todos les resultara más fácil encontrar su casa, hizo un letrero con el mensaje "Wang Er Mazi Shaobing". Solo necesito ir al mercado de verduras para buscar a Wang Er Mazi Shaobing. Más tarde, Wang Er consideró que la gente no podía leer los caracteres, era más problemático, así que le pedí a alguien que hiciera un dibujo de un pastel grande e hice clic. Algunos puntos para que parezcan semillas de sésamo. El color de fondo también se cambió al color dorado de los pasteles de sésamo. Desde entonces, la imagen de marca de los pasteles de sésamo Wanger Mazi se ha finalizado. La gente corre de boca en boca cuando compra pasteles de sésamo. un punto dentro del círculo.
2. La historia de ICON
De la historia corta anterior, podemos entender que el desarrollo de la firma de Wang Er Mazi, el ícono de Wang Er Mazi, ha pasado por cuatro etapas
1. Sin logotipo o logotipo débil, las personas son la marca, sobre todo cuando la competencia es insuficiente
2. Logotipo borroso, la competencia es relativamente pequeña, solo necesitas distinguirte de los demás
3. Identificación clara y competencia de mejora. Es necesario distinguir la diferencia de los demás y reflejar las propias características.
4. La identificación abstracta pretende ser fácil de distinguir y comprender. para difundir. Desde 1990, la tendencia de diseñar VI corporativos ha surgido en China. Le resultará útil comprender la redacción publicitaria en ese momento para el diseño de iconos.
El propósito más importante de un ícono es identificar el producto y facilitar su difusión
2. Cómo diseñar el ICONO
A menos que se especifique lo contrario, el ícono a continuación se refiere a Es el ícono de la aplicación móvil. El ícono está compuesto de color, texto y patrón.
1. Cómo elegir el color de los iconos
Color: la función más importante del color de los iconos es atraer la atención, crear la atmósfera establecida y servir como fondo para la imagen del producto. producción. Cuando las personas navegan en una aplicación móvil, el movimiento de desplazamiento es muy rápido y la atención también es divergente. En este momento, lo único a lo que el usuario puede prestar atención es al color. Un gran bloque de color pasa frente a sus ojos. confusión visual con los ojos del usuario. Impacto, una buena combinación de colores atraerá a los usuarios a permanecer visualmente y obtener valiosas oportunidades de hacer clic. Entonces, ¿qué tipo de colores harán que la gente se quede? ¿Cómo debemos elegir el color correspondiente a la APP?
Considere dos situaciones:
1) Lo que está fabricando no es un producto nuevo desde cero. Su empresa ya tiene un registro de exhibición en el sitio web y en los medios impresos. Ya es un determinado color de marca. En este caso, se debe continuar con la combinación de colores anterior para garantizar la unidad de la imagen de comunicación, de modo que los usuarios puedan pensar en los productos que han usado antes cuando vean este color, para que los usuarios puedan hacer. asociaciones y crea puntos personales. Entra y comprueba si tienes alguna idea nueva. ¡Felicitaciones si has llegado hasta aquí! ! ! Atraer usuarios para lograr el éxito_.
2) Si estás fabricando un producto nuevo, puedes considerar estos aspectos a la hora de elegir los colores. ¿A qué industria pertenece su producto? ¿Tiene la industria una combinación de colores relativamente fija? Si es así, intente subirlo tanto como sea posible. Elegir colores similares ayudará a los usuarios a tener una impresión del producto. De lo contrario, debe considerar la función del producto, qué ayuda puede brindar su producto a los usuarios, ya sea una aplicación de visualización de información o una aplicación de herramienta. Aquí puede consultar la teoría general de los colores fríos y cálidos y el color. esquema de diseño gráfico. En términos generales, los requisitos de color deben ser diferentes a los de otros productos, mejorar la atmósfera del producto, atraer la atención y hacer que los usuarios presten atención a la aplicación.
2. Cómo diseñar patrones de iconos
Los patrones se utilizan para comunicarse y hacer que las personas se asocien a través de formas específicas. Por ejemplo, el patrón de una cruz roja recuerda a los usuarios cuando. Al pensar en la salud, el patrón del automóvil hace que la gente piense en los automóviles, y los aviones hacen que los usuarios piensen en los viajes. El uso de formas fijas de estas industrias fijas puede permitirles a los usuarios comprender directamente los escenarios de uso y las funciones del producto, y luego generar interés.
Los patrones se pueden dividir aproximadamente en tres tipos.
Uno es la abstracción y extensión de objetos reales.
Por ejemplo, el patrón de bicicleta en el ícono de Mobike. , A primera vista, la gente sabrá que se trata de una aplicación relacionada con la bicicleta. Los iconos de la aplicación de mapas nativa de Apple también entran en esta categoría.
Cuando el sistema operativo IOS se actualizó a 7.0, tampoco le gustó una ola de íconos planos que reemplazaban a los íconos esqueuomórficos. De hecho, tanto los íconos esqueuomórficos como los íconos planos son abstracciones de objetos y extensiones reales. Además, la planitud es inevitable para reemplazar el esqueuomorfismo. La razón es muy simple. Cuando se lanzó IPHONE por primera vez, se consideró que era necesario utilizar íconos esqueuomórficos más realistas para indicar a los usuarios qué hace cada aplicación. El número de usuarios aumentó. Con más actualizaciones de abstracción, los íconos ya no necesitan representar cosas tan vívidamente. Los usuarios solo necesitan poder entender lo que representa el ícono cuando lo ven.
El segundo es la deformación de los íconos de la industria. Por ejemplo, el patrón de ícono del Ministerio de Ferrocarriles 12306 es un ícono esquemático común del departamento de ferrocarriles, y el ícono de Flush es una línea K simple, lo que permite. Los usuarios pueden ver una aplicación relacionada con la historia de un vistazo.
La tercera es la transformación de texto. Aquí hay dos aplicaciones excelentes para recomendar. Una es el ícono de Tmall. La parte superior del ícono es la palabra "Tmall", solo se usa la palabra "gato". Está ligeramente deformado y puedes saber para qué sirve si reconoces a los personajes y es particularmente llamativo. En comparación, el ícono de JD.com es un poco confuso. Parece un perro a primera vista. Si eres un usuario nuevo, te confundirás a primera vista y el significado no está claro. Sin embargo, con la popularidad actual de JD.com, no necesita ocuparse de cosas tan pequeñas.
El otro es NetEase News, mira su ícono.
Hay dos palabras grandes NetEase sobre el fondo rojo, y debajo está el pequeño logotipo del producto News.
Otra forma de deformar el texto es agregar algunas pequeñas modificaciones al texto, de modo que no solo puedas ver el nombre de la marca, sino también entender aproximadamente para qué sirve el producto. Tomemos el siguiente ejemplo:
La palabra "dingdong" enfatiza el nombre de la marca y se le agrega una personita para crear la imagen de una persona andando en bicicleta. El usuario comprende aproximadamente que puede ser una. Aplicación relacionada con la entrega.
3. ¿Qué palabras deben escribirse en el ícono?
Si las palabras deben escribirse o no en el ícono y, de ser así, qué palabras deben escribirse, en realidad están algo relacionados. a la discusión anterior sobre el uso de palabras para patrones.
Los patrones se utilizan para comunicar, y las palabras pueden transmitir información precisa. Si queremos añadir texto a un icono, lo primero que debemos considerar es qué información queremos transmitir y si esta información puede ser transmitida. transmitido a través de nuestros iconos.
Después de decidir si desea agregar palabras, debe determinar dónde agregarlas. De hecho, esto generalmente se agregará en la parte inferior de todo el ícono.
¿Qué palabras debo escribir? Después de todo, el espacio no es grande y no puedo escribir algunas palabras. Diferentes empresas eligen diferentes palabras y combinaciones de palabras, por lo que no puedo hacer sugerencias específicas. Comparemos los dos íconos directamente.
Te engañan demasiado con solo poner cuatro caracteres grandes en la aplicación de tarjeta de crédito del Banco de Desarrollo de Shanghai Pudong. La flor grande en el medio también cubre parte de las palabras, bajo, cerebro. -muerto, sin palabras
Tmall ha sido elogiado una vez antes. Hay un pequeño mecanismo en el diseño del ícono de Tmall. Hay un área en blanco debajo de la palabra Tmall y encima de la cabeza del gato. insertado en el medio. Este es el diseño realmente impresionante.
Finalmente, al diseñar íconos, debes elegir colores apropiados (llamativos), gráficos apropiados (imagen de marca) y texto preciso (entrega de mensajes).
A la hora de diseñar ICON, debemos tener en cuenta que cuando los usuarios navegan y utilizan la APP, el foco de su atención se mueve de grande a pequeño y de arriba a abajo. Sólo comprendiendo cuidadosamente los hábitos del usuario podemos diseñar un ICONO excelente.