Análisis de casos de ilustraciones: ¿cómo mostrar la aplicación de ilustraciones en el diseño de envases?
1. Interfaz amigable
La interfaz amigable siempre hace que las personas se sientan amigables. Los usuarios se sentirán más cómodos si tiene alguna funcionalidad y es fácil de leer. "Whatcanwehelpyouwith" puede guiar a los usuarios a hacer clic en "Únase a nosotros" o "Contrátenos" para participar en la suscripción por correo electrónico.
2. Mostrar oficinas en todo el mundo
En la página "Acerca de nosotros" de Tool, el diseñador marcó las direcciones de las oficinas del equipo en Los Ángeles, Nueva York y Francia en negrita. e información de contacto. ¿No es eso lo que quieren saber los usuarios que hacen clic en nuestra página? La información de contacto correcta y un diseño simple y directo hacen precisamente eso.
3. Simplifique el proceso de comunicación
La página de contacto de ProductiongLocation también adopta un diseño de página atrevido y visual, pero lo que se diferencia de otras páginas similares es que simplifica el proceso de comunicación e integra a los usuarios. El contenido que puede ser de interés y las partes específicas que deben comunicarse se dividen, de modo que los usuarios con diferentes necesidades puedan ser guiados directamente a páginas y partes específicas, logrando así el propósito de simplificar y desviar.
4. "Avatar" e información personalizada
Pon fotos de diseñadores y miembros del equipo para que los usuarios te conozcan. Lo más importante no es si tu avatar es lo suficientemente hermoso, sino que los usuarios sepan que detrás de este hermoso sitio web, hay un diseñador real y común como tú y como yo, que es el resultado de sus esfuerzos. Avatar puede hacer que una página sea más personal y también puede hacerla más real y relevante.
5. Incentivar a los usuarios a comunicarse.
El propósito principal del diseño de nuestras páginas suele ser la comunicación, y el diseño de la página de HelloInnovation implementa completamente este concepto: tratar de alentar a los usuarios a comunicarse activamente con el sitio web. Utilice un diseño amigable, deje información de contacto y anime a los usuarios a escribir textos publicitarios y dejar direcciones de correo electrónico. ¿Qué tan difícil puede ser hablar?
6. Utilice imágenes para transmitir metáforas
Hay muchas colecciones relacionadas con el diseño en el Museo del Diseño, y el teléfono móvil en nuestra página no es solo una colección del sitio web, sino que también transmite "La importante metáfora de la imagen de "comunicación" puede considerarse como una especie de "juego de palabras" en el diseño.
7. Crea diseños inolvidables
Los diseños extraños y la redacción interesante siempre son inolvidables. Con la enorme cantidad de información que se ingiere cada día, la gente solo recuerda los más destacados. Sin embargo, es posible que los diseños extravagantes no se adapten a ninguna marca o sitio web, pero para esos sitios web pintorescos, esas ideas únicas siempre entran en juego.
8. Expresión de la personalidad de la marca
Para los sitios web, es natural y razonable presentar su propia personalidad de marca en la página Acerca de nosotros. BooneSelections es una forma elegante y profesional de integrar la paleta de colores de su marca y los elementos de diseño relacionados en su página Acerca de nosotros. Como empresa profesional de importación de vinos, la página Acerca de nosotros de BooneSelections utiliza un diseño único y un diseño de página de desplazamiento para crear una atmósfera de marca única.
9. Mostrar información de contacto
El diseño de la página Acerca de nosotros de ThisTambién es sólido y está en su lugar, aunque el mapa de la página muestra la ubicación de la empresa. Desplácese hacia abajo en la página y también podrá ver descripciones detalladas de las direcciones, condiciones de viaje en el metro, correos electrónicos de comunicación, números de teléfono, etc.
10. Dame un consejo
La página "Acerca de nosotros" del sitio web de DeuxHuitHuit no proporciona métodos de comunicación tradicionales, sino que está diseñada como un cuadro de diálogo intuitivo y sencillo. El cuadro de diálogo "Saluda" en la parte superior recuerda directamente al usuario que siempre que ingrese el contenido, el desarrollador del sitio web puede verlo.
11. Indique el horario de apertura/trabajo.
Para webs oficiales de instituciones con horarios de atención específicos, como restaurantes, museos, tiendas, etc. , marcando el horario de apertura de la tienda y el horario de consulta telefónica en la página "Acerca de nosotros", lo que permite a los usuarios recibir los servicios de manera más efectiva.
12. Utilice fuentes llamativas
Panache utiliza un "TravaillonsEnsemble" muy llamativo en la fuente del título de nuestra página. Esta fuente es más ligera y única, pero tiene una. alto de reconocimiento.
13, utilice una combinación de colores llamativos
La página "Acerca de nosotros" de Sponge adopta la combinación de colores clásica en negro, blanco y amarillo. Esta combinación de colores contrastantes combinada con descripciones detalladas hace que toda la página luzca nítida y texturizada. Los diseñadores utilizan colores brillantes en la información más importante para que a los usuarios les resulte más fácil notarla.
14. Uso de ilustraciones visuales
Las ilustraciones siempre pueden atraer la atención de los usuarios de una forma más visual, especialmente cuando las ilustraciones están lo suficientemente estilizadas y personalizadas. En la página "Acerca de nosotros" de LegworkStudio, se agrega una ilustración de una cabeza de lobo, combinada con fuentes escritas a mano, para crear una atmósfera personalizada.
15. Utilice gráficos simples
La página "Acerca de nosotros" de Giampiero Bodini no utiliza técnicas de diseño complejas, sino que coloca un rectángulo simple sobre un fondo de boceto complejo, dentro de información de contacto y temas relacionados. La información está incluida. La complejidad y la sencillez, el dibujo a mano y los gráficos forman un marcado contraste.
16. Comunicarse con la forma
La comunicación es mutua. Puede enviar un mensaje al sitio web o dejar su información de contacto para que el operador del sitio web pueda enviarle un mensaje. QEDGroup ha dejado un formulario directamente en la página de contacto, a través del cual puede dejar su información de contacto.
17, utilizando una combinación de colores monocromáticos
Simple, elegante y fácil de leer es el estilo de diseño de la página de contacto del sitio web JosephAAvoue. No hay un diseño magnífico ni funciones sofisticadas, solo un anillo delgado con la información de contacto más básica en el medio, es muy directo.
18. Humor
Un diseñador con humor nunca perderá la oportunidad de ser divertido. Los diseñadores de Bio-Bak incluso usarán tonterías en la página de contacto. Las fuentes de graffiti y la redacción divertida hacen reír a la gente. Puedes sentir el humor del diseñador en cada detalle.
19. Complete el formulario
La página "Acerca de nosotros" de Anakin también permite a los usuarios completar su información de contacto, pero el diseño del formulario es más exclusivo. No existe un formulario especial, solo se utilizan marcadores de posición para recordar a los usuarios lo que se debe completar en cada ubicación. Es muy considerado, intuitivo y considerado.
20. Visualización personalizada de la ubicación de la oficina
Al igual que en el segundo caso, CPB Group tiene oficinas en todo el mundo, pero el estilo de diseño también es más exclusivo. El contenido de las distintas oficinas está integrado con fondos personalizados, la información está integrada y el estilo de presentación está lleno de personalidad.
21. Introducir negocios.
No es raro presentarse en la página Acerca de nosotros, pero hay muchas otras cosas que puedes hacer, como presentar tu negocio, mostrar tu marca e invitar a los usuarios a chatear. La página "Acerca de nosotros" de HelloMonday hace precisamente eso.
22 Fondo de vídeo
Agregar fondos de vídeo a sitios web se ha convertido en un método muy popular, y Moodboard, que existe como un estudio de producción cinematográfica, utiliza fondos de vídeo en la página Acerca de nosotros. no sólo se adapta a la naturaleza del trabajo de su equipo, sino que también hace que toda la página Acerca de nosotros sea más vívida.
23. Utiliza el diseño de cuadrícula
Para diseñar una página estructurada, la cuadrícula es siempre tu mejor amiga. La información de UrbanInfluence sobre nuestra página utiliza una cuadrícula para organizar toda la página. El contenido que se mostrará, la parte para la entrada del usuario, la parte decorativa y el mapa mostrado están todos claramente distribuidos en la página.
24. Hacer la interfaz más amigable.
Los diseñadores tenemos mucho trabajo por hacer si hacemos que la interfaz sea más fácil de usar. Un diseño de interfaz claro y fácil de leer es fundamental. La información debe transmitirse de forma clara, sin combinaciones de colores agresivas, una presentación familiar y amigable y una interacción fácil de operar. Todas estas son cosas que los diseñadores deberían hacer bien.
25. Guía paso a paso
Poner en contacto requiere una serie de operaciones. Si todo el proceso de interacción se divide en varios pasos, guiando a los usuarios a operar paso a paso y agregando efectos dinámicos y microinteracciones, definitivamente será una experiencia diferente.
26. Añadir accesos directos a contactos
Los líderes de las diferentes partes del equipo suelen ser diferentes. Los usuarios suelen tener un objetivo claro en mente cuando abren la página Contáctenos. Cómo agregar una sección de preguntas frecuentes y la información de contacto de contactos específicos para que los usuarios puedan comunicarse con diferentes responsables de forma más directa.
27. Integrarse con otras partes del sitio web.
El sitio web de RobbyLeonardi parece estar diseñado como un juego de ordenador plano. Cuando navegas por la página, irás a diferentes páginas y harás diferentes cosas con el personaje principal, y la página Acerca de nosotros es una de ellas. Es una "escena". Esta es una forma de integrar páginas y vale la pena aprenderla.
28. Foto de equipo
Muchos sitios web están dirigidos por un equipo completo de desarrollo y diseño, por lo que es muy razonable y personalizado tomar una foto de grupo como imagen de fondo de nuestra página.
29. Utilice espacios en blanco
Normalmente, los espacios en blanco pueden mejorar la sensación de espacio y estructura de toda la página, y BetaTataki le dio un toque de diseño a nuestra página. espacio en blanco para mejorar la presencia de contenido como información de contacto.
30. Diseño de fuente flexible
Un diseño de fuente bien diseñado no sólo es decorativo, sino que también incluye cierto contenido. La página Contáctenos de Pauline Osmont utiliza negro, plateado y dorado para crear un diseño visual atractivo para tipografía. A medida que se desplaza hacia abajo en la página, verá un formulario que es fácil de leer y formatear.
31. Show personal
Esta también es una forma común de mostrar contenido en los últimos años. Los diseñadores sostienen carteles para mostrar sus diseños. Esta técnica de diseño también es muy adecuada si se utiliza en una página de contacto.
Al igual que la página de Mark Jaworkski, los consejos, las presentaciones y las tablas de mensajes del diseñador se muestran claramente en esta pizarra plana.
32. Enumera la información de contacto de las redes sociales.
¿Qué sitio web no tiene varias cuentas en redes sociales hoy en día? Para muchos usuarios, es más conveniente ponerse en contacto con los enlaces de redes sociales individuales de su propio sitio web en la página Acerca de nosotros.
33. Utilizar métodos de comunicación tradicionales.
El estilo retro es una buena opción, pero diseñar con información de contacto tradicional parece más reflexivo e interesante. La página de contacto de Lionway está diseñada como una postal, con cierta información fija simplemente incluida en la factura impresa.
34. Redacción divertida
El diseño del copywriting también es una parte importante de la página de contacto. Un diseño de redacción amigable y divertido hará que los usuarios se sientan cerca de usted, pero una redacción igualmente divertida y divertida hará que los usuarios lo recuerden.
35. Muestra tu personalidad
Contacta con el estudio de diseño Resn Nuestro diseño de página es definitivamente una de las páginas más personalizadas en este conjunto de casos. Elementos de diseño llenos de estilo de los años 80 e imágenes de miembros del equipo con pasamontañas de animales forman el cuerpo principal de la página.
36. Uso de mapas de información
Los mapas de información son una tecnología de diseño que ha surgido en los últimos años. Usar infografías en su página "Acerca de nosotros" también es una buena opción si hay un contenido de presentación adecuado. La página "Acerca de nosotros" de Quicksprout utiliza infografías para presentar contenido claro, fácil de leer y preciso.
37. Animación y dibujos animados
En la página "Contáctenos", es muy común y efectivo utilizar dibujos animados e imágenes de animación para presentar a los diseñadores y equipos de diseño. La página "Acerca de nosotros" de Melonfree presenta imágenes de dibujos animados de diseñadores y desarrolladores.
38. Utilice gráficos translúcidos
El ojo humano siempre identifica conscientemente el contenido de la estela, por lo que incluso si los elementos translúcidos se instalan juntos, no afectará seriamente la experiencia de lectura. El diseño de la página de Indofolio hace pleno uso de elementos translúcidos, colocando información de contacto central en un rectángulo semitransparente. Con los gráficos, los usuarios aún pueden ver detalles en segundo plano, pero la información de contacto clave no queda oculta.
39. Efecto dibujado a mano
Las páginas de contacto dibujadas a mano, especialmente aquellas que son bastante llamativas, siempre pueden hacer que los usuarios sientan la consideración del diseñador. El diseño de la página de MarioPetrone es bastante divertido e interesante.
40. Utilice sólo un cuadro desplegable.
La página de contacto del portavoz no es en realidad una página completa, sino un cuadro desplegable. Este llamativo cuadro desplegable naranja aparece cuando haces clic en un enlace en la navegación.
Caso de estudio del sistema de color de diseño web
El naranja también se conoce como naranja o naranja. Su poder de penetración es superado solo por el rojo y su color es más cálido que el rojo. El naranja es un color muy vivo en el diseño web. Da a las personas una sensación de lujo y calidez, emoción y entusiasmo, alegría y vitalidad.
El naranja es muy utilizado en páginas web. Puede crear diferentes subatmósferas cambiando los colores, lo que no solo puede mostrar vitalidad juvenil, sino también lograr un efecto estable. La longitud de onda del naranja está entre el rojo y el amarillo y tiene significados simbólicos como salud, vitalidad, coraje y libertad. Para que todos comprendan mejor el color naranja, a continuación se analizan diferentes tipos de páginas web.
1. Análisis de caso de diseño de sitio web de catering
Caso recomendado: naranja + amarillo + naranja oscuro
Toda la página es principalmente naranja, con diferente brillo y pureza. El "amarillo" armoniza, la página es muy armoniosa y nada monótona. Muy buenas imágenes, los colores de las imágenes de comida son similares y no demasiado discordantes. Utilice el blanco para superponer la página web y darle una sensación de jerarquía.
2. Caso práctico de página web de entretenimiento
Caso recomendado: naranja oscuro + caqui + amarillo.
La página completa se muestra a través de una combinación de naranja oscuro y amarillo claro, lo que hace que la página parezca más cálida. La base oscura y el texto amarillo logran un efecto visual prominente y discreto, dando vitalidad al sitio web.
Tres. Análisis de caso de sitio web de comercio electrónico
Caso recomendado: naranja + caqui + verde
En este caso, hay relativamente muchos colores y la navegación naranja asistida por el color caqui más brillante no Parece muy desordenado, pero será más distintivo y animado. Agregue algunos botones verdes para decorar la página, para que la página no sea tan monótona y haya un pequeño efecto visual verde entre las miles de naranjas.
Cuatro. Estudio de caso del sitio web de una organización de desarrollo científico y tecnológico
Los colores utilizados en la página son relativamente complejos, pero dan a las personas la sensación de estar desordenadas y ordenadas. Puede notar que todas las páginas están escritas en rojo oscuro, mientras que el naranja aparece cerca del texto rojo, como el texto rojo en la parte superior, el naranja en la parte inferior y los títulos y subtítulos en rojo, lo que hace que la página esté ordenada.
Resumen: La naranja es muy utilizada. Ajustar la saturación y la pureza puede lograr muy buenos efectos visuales. Por supuesto, aunque proporciona impacto visual, se puede utilizar un poco de color contrastante para aliviar y aliviar la fatiga visual.
¿Cómo expresar la aplicación de ilustraciones en el diseño de packaging? La ilustración, también conocida como ilustración, como forma importante de comunicación visual en el diseño moderno, se ha utilizado ampliamente en muchos campos del diseño moderno y se ha convertido en una de las formas importantes de expresión en el diseño de envases y productos. Los diseñadores valoran cada vez más las ilustraciones por su encanto artístico único y su rico lenguaje expresivo. Al mismo tiempo, aporta una experiencia refrescante al mercado de los envases y es muy apreciado por el público por su expresión estilizada única. Las ilustraciones vienen en muchas formas y los estilos expresados por diferentes pinceles y diseñadores son completamente diferentes. Es precisamente por la variabilidad de su estilo que podemos recurrir al estilo creativo de las ilustraciones a partir del análisis de los atributos y características del propio producto para crear trabajos de packaging con un fuerte atractivo visual, como se muestra en la siguiente figura.
Las ilustraciones pueden expresar un sentimiento completamente diferente al de la fotografía, creando una variedad deslumbrante de formas. La combinación de ilustración y diseño de empaques brinda a los diseñadores mucha libertad creativa. Los diseñadores pueden probar con valentía varios estilos de diseño: los estilos de pintura exagerados pueden resaltar las características del empaque, aumentar el interés del empaque y son adecuados para el empaque de productos creativos. sigue Como se muestra en la Figura 2.1; las líneas de boceto en blanco y negro reflejan la simplicidad y la naturaleza del empaque, brindando a las personas una sensación tranquila y amigable, y se utilizan en el empaque de productos humanísticos, como se muestra en la Figura 2.2; las ilustraciones son agradables a la vista, cálidas, muy apreciadas por las mujeres y se utilizan a menudo en envases de cosméticos, toallas de papel y otros productos, como se muestra en la Figura 2.3 a continuación. Ilustraciones con sabor étnico, influenciadas por la región y las costumbres. se utilizan a menudo en el envasado de té y otras especialidades, como se muestra en la siguiente figura.
Las ilustraciones en sí mismas tienen un rico lenguaje de modelado artístico, y se pueden integrar varios estilos como estético, realismo y retro en el diseño de empaques de ropa, cosméticos y alimentos, lo que no solo satisface las diferentes necesidades emocionales de diferentes consumidores, pero también se lograron buenos efectos de diseño y comunicación. El diseño de envases con ilustraciones utiliza formas hermosas para inspirar la imaginación de las personas y guiar los sentimientos asociativos de los consumidores para transmitir información. La aplicación de ilustraciones en los envases aporta nuevas formas decorativas y conceptos de comunicación visual, aporta nuevos métodos de envasado y efectos visuales al diseño de envases y añade encanto artístico y connotación cultural.
¿Qué tipo de ilustraciones de libros de texto necesitamos? Lin Shu y Hua Qing tienen un dicho: Dije que los antiguos llamaban libros, y donde hay libros, hay imágenes.
Las imágenes no solo desempeñan el papel de explicación y texto explicativo, sino que también pueden ampliar ideas y cultivar sentimientos estéticos.
. Por tanto, las ilustraciones de texto son de gran importancia. Sin embargo, esta intención se ha visto empañada. Los personajes ilustrados en los libros de texto para niños tienen ojos y expresiones extrañas y no tienen ningún sentido de la belleza. En un momento los registraron siete veces. Cómo hacer que las ilustraciones sean auténticas y creíbles y atraer la atención de los estudiantes es una cuestión que merece nuestra seria consideración.
Las ilustraciones son coherentes con el texto.
Las investigaciones muestran que las ilustraciones apropiadas ayudan a los niños a comprender el texto.
Mejorar sus habilidades de comprensión lectora puede acortar su tiempo de lectura y ayudarles a comprender mejor el contenido de conocimientos de los libros de texto que han aprendido.
Pero si las ilustraciones no concuerdan con el texto, no tendrán significado propio y no desempeñarán ningún papel en la promoción del aprendizaje. ¡La versión del libro de texto de matemáticas de People's Education Press es incorrecta!
Comunicar adecuadamente la belleza y la fealdad
Las ilustraciones son muy atractivas para los niños, y necesitamos crear una imagen positiva y optimista para ellos.
. En lugar de las imágenes actuales de ojos muy separados, narices chatas, ojos extraños, lenguas fuera, etc. , no solo aporta mala estética a los niños, sino que también provoca sombra psicológica. A través de entrevistas, sabemos que los niños piensan unánimemente que las ilustraciones del texto son extrañas, antiestéticas e incluso aterradoras. Por ello, debemos difundir correctamente la belleza y la fealdad y establecer los valores estéticos de los niños.
Recordad a los mártires y nunca olvidéis la humillación nacional.
No sé si no lo vi, pero me quedé en shock cuando lo vi. Se puede ver en los libros de texto de la escuela primaria que este niño tiene un peinado bushido, usa ropa con rayas y estrellas y usa auriculares con el logo del Capitán América. Incluso el avión en la ilustración es el hidroavión Gale "N33K" de la Armada japonesa en el oeste de Sichuan. .
Tenemos que perdernos las maravillosas ilustraciones de los Cinco Héroes de la Montaña Langya, Young Runtu y Cao Chong en el libro de texto original, que son profundamente impresionantes.
La educación estética no es un tipo especial de educación, sino que debe llevarse a cabo de forma sutil.
Para los niños es la edad activa y los cursos aburridos, y su atención estará más centrada en las ilustraciones. ¡Así que el contenido de las ilustraciones es muy importante! Debemos escuchar atentamente las opiniones y esforzarnos por alcanzar la perfección.
Ayude a los niños a comprender la verdadera belleza y a cultivar su reconocimiento de la elegancia mientras les inculca conocimientos.
.
¡Elimina la vulgaridad desde la cuna y trabaja duro para construirles una personalidad positiva, alegre y saludable!