Red de conocimiento informático - Espacio del host - Póster de estilo de diseño plano: cómo aprender diseño estándar desde cero

Póster de estilo de diseño plano: cómo aprender diseño estándar desde cero

Un artículo que le ayudará a comprender las escuelas de arte y los estilos de diseño. Aunque la mayoría de los diseños actuales se presentan al público en forma de comida rápida, también recogen la creatividad y las ideas de un grupo de diseñadores, liderando una tendencia de diseño tras otra. Desde la imitación hasta el aplanamiento y la imitación ligera, ha pasado por un pequeño ciclo. Sin embargo, la formación de estos estilos de diseño es muy similar a la de las escuelas de arte de hace siglos. Este artículo realizará un análisis horizontal de varias escuelas de arte y estilos de diseño para descubrir sus similitudes. El propósito es inspirar a todos, extraer los puntos brillantes de los clásicos e inyectarlos en el diseño. Si tenemos suerte, podríamos incluso crear una tendencia de diseño completamente nueva.

Género artístico y estilo de diseño

¿Por qué son similares los géneros artísticos y los estilos de diseño? Primero, comparemos sus métodos de producción y operación. A continuación se muestra una tabla para expresar brevemente los dos conceptos de escuela de arte y estilo de diseño:

No es difícil comprobar que, aunque están separados por varios siglos, sus métodos de producción y gestión son muy similares. Aunque los diseños no pueden considerarse arte puro, es innegable que están intrínsecamente conectados. Quizás la evolución de los estilos de diseño desde la imitación → plana → imitación ligera hace siglos no tenga nada que ver con el artista, pero Robert Taulonchi dijo: "Una obra de arte nunca existe sola y nunca puede separarse de otras obras de arte", entonces ¿Quién? ¿Puede explicar este tipo de cosas claramente?

Como no puedo asegurarlo, déjame decirlo con valentía.

Después de leer muchos libros ("Métodos de apreciación de las escuelas de arte"), finalmente encontré una estrella que ilumina el diseño moderno en la larga historia del desarrollo de las escuelas de arte.

Son: Neoimpresionismo→Cubismo→Arte abstracto (en orden cronológico)

Creo que la mayoría de ustedes están familiarizados con y no están familiarizados con estas tres escuelas. En este intercambio, comenzaremos con estas tres escuelas para buscar similitudes entre ellas y el diseño moderno, y si el nuevo formalismo que surgió después de esto presagia futuras tendencias de diseño. Aunque simplemente soy un ignorante, todavía quiero analizarlo.

Neoimpresionismo y diseño gráfico

Hablando de neoimpresionismo, hay dos obras que hay que mencionar, “Desayuno” de Paul Signac y “Tarde de domingo en la isla” de Georges Seurat de La Grande Jatte".

El gran avance de Paul Signac en la creación de "Desayuno" fue la combinación de pintura dividida y puntillismo. La pintura dividida es responsable del equilibrio compositivo y el puntillismo es responsable de la mezcla visual. Es un método de pintura muy racional. Todo el cuadro es silencioso y tranquilo y se puede colgar en la pared de cualquier restaurante.

△El desayuno de Paul Signac

"Tarde de domingo en la isla de Grande Jatte" de Georges Seurat, tuve la suerte de verla en el Museo Nacional Este cuadro (lamentablemente no es el original) . El fondo de esta pintura está meticulosamente esculpido, las figuras tienen contornos regulares, el diseño general utiliza principios mecánicos y la composición es estable. Rompió las limitaciones de los principios visuales de la época y dio a la imagen una sensación panorámica.

△ "Tarde de domingo en la isla de La Grande Jatte" de Georges Seurat

Mirando de cerca estos dos cuadros, se pueden encontrar las obras representativas de estos dos pintores neoimpresionistas y varios Es muy similar a los gráficos vectoriales planos que fueron populares en el modelado de personajes hace años. Las figuras de las pinturas neoimpresionistas casi se pueden dividir en formas básicas. Para que sea más fácil de entender para todos, he dividido en gráficos básicos a la mujer que sostiene un paraguas en el extremo derecho del cuadro "La Grande Jatte" y lo he presentado por separado. ¿No es también muy elegante y hermoso?

Si se descompone toda la obra, la imagen quedará muy moderna, como si la obra durante tanto tiempo hubiera viajado a través del tiempo y el espacio y hubiera regresado a nuestro ratón. Por tanto, analizar y comprender las obras del Neoimpresionismo será de gran ayuda para el diseño gráfico de personajes actual. Con estas referencias, los personajes de nuestros trabajos de diseño definitivamente lucirán más vívidos y naturales, con un sabor literario y profundidad artística.

Echemos un vistazo a los estilos de ilustración que se ven a menudo en sitios web de diseño extranjeros.

Las ilustraciones de este estilo aparecen cada vez más en sitios web de diseñadores como Behance y Dribbble, y Ben también ha seguido su ejemplo. Después de comenzar a estudiar el género artístico, Ben descubrió de repente que este estilo gráfico era muy similar al estilo de pintura neoimpresionista en términos de expresión humana. Aunque el autor no pensó en "La Grande Jatte" de nuestro maestro Seurat cuando dibujó este dibujo, si puede absorber un poco de él, definitivamente hará que el dibujo sea más interesante.

Cubismo y estilo de imitación de la luz

Echemos un vistazo a la obra representativa del cubismo, “La casa de Estaque” de Georges Braque. George simplificó hábilmente las casas y los árboles en formas geométricas y utilizó transiciones de color para distinguir grupos de árboles y casas. Esta era una nueva forma de expresión en ese momento entre lo plano y lo tridimensional.

No es difícil encontrar que el cubismo, que siguió al neoimpresionismo, es ligeramente similar al popular estilo de imitación de gradiente de luz, pero la diferencia es que el cubismo existe para expresar un objeto desde todos los ángulos, mientras que la luz imitación La imitación consiste simplemente en girar el objeto plano 45 grados y agregar algunos degradados. Aunque superficial, también está en línea con la tendencia estética actual.

Si absorbemos algunas características del cubismo, ¿pueden ser menos superficiales las llamadas obras falsas en 3D? Una mirada más cercana a la casa de Estaque revela que George usó colores muy ricos y holísticos para expresar luz y oscuridad excesivas, no solo luz y oscuridad excesivas del mismo sistema de color. Su exquisito uso del color en su obra de arte fue totalmente digno de ser utilizado en nuestros diseños.

Arte abstracto y puntos, líneas y planos

Cuando se trata de arte abstracto, debemos sacrificar a nuestro gran dios abstracto Kandinsky. Sus pinturas "Rosa gris" y "Rojo, amarillo y azul" son pinturas que utilizan elementos de puntos, líneas y superficies al extremo. no lo sabes? No importa. Kandinsky quiere que abandonemos las conjeturas, especulaciones y pensamientos innecesarios y disfrutemos de la pureza y la belleza del arte en la danza de colores y líneas. Pero desde otra dimensión, Kandinsky extrajo racionalmente formas geométricas del cuadro y utilizó elementos móviles flotantes para reflejar el efecto de movimiento. También fue muy particular con la composición.

△"Rojo, amarillo y azul" de Kandinsky

△"Rosa gris" de Kandinsky

Las obras de Kandinsky todavía lucen de moda, tal vez porque los puntos, las líneas y los planos son los elementos eternos del cuadro. Si controlas puntos, líneas y superficies, puedes cambiar infinitas imágenes. Los carteles y diseños de carteles actuales utilizan cada vez más elementos de puntos, líneas y superficies, pero la mayoría de ellos no se utilizan como cuerpo principal, sino como elementos que llenan los espacios en blanco de la pantalla. Aun así, potencian la sensación general de movimiento.

En este punto, creo que es hora de mirar hacia las futuras tendencias de diseño.

Según la rutina, primero necesitamos la bendición de una escuela de arte, por lo que los nuevos estilos después de las tres principales escuelas de neoimpresionismo, cubismo y arte abstracto deben ser la única opción.

Si no estás familiarizado con el Nuevo Formalismo, echemos un vistazo a la siguiente imagen:

△La composición amarilla, roja y azul de Mondrian

Debes tener Lo he visto. La "composición amarilla, roja y azul" de Mondrian (en realidad también hay negras, blancas y grises) se ha convertido en un logotipo clásico. Ha existido en los círculos de la moda y la arquitectura durante muchos años, y también entró en el mundo de la interfaz de usuario hace muchos años, pero finalmente desapareció con algunas marcas. La siguiente imagen es la interfaz que Microsoft diseñó una vez para sistemas de telefonía móvil. La combinación de colores y el diseño básicamente imitan la composición de amarillo, rojo y azul. Los usuarios pueden mover módulos al diseño según sea necesario.

Aunque Microsoft abandonó este diseño, creo que este concepto de diseño al estilo Mondrian no debería abandonarse. Después de que el diseño del móvil completó un ciclo de apuntar, plano y ligero, ¡finalmente llegó el momento de que el tío Meng regresara al campo de batalla!

No subestimes los componentes del amarillo, el rojo y el azul. De hecho, muchos amigos se sentirán muy arrogantes al ver este cuadro. Para disipar esta mentalidad, echemos un vistazo más de cerca al trabajo.

Cuando nos acercamos lo suficiente, podemos ver que cada bloque de color en esta pintura se destaca y está en un plano diferente, y las líneas negras que dividen estos bloques de color parecen barras de acero tan duras como el barras de acero y los bloques de colores incluso tienen un borde áspero. Todos estos detalles son difíciles de replicar.

Volviendo a la pintura en sí, el tío Meng parece estar dibujando una cuadrícula. De hecho, pintó oposición y equilibrio. Hizo que los tres colores primarios (rojo, amarillo, azul) y los tres colores primarios (negro, blanco, gris) formaran una oposición, descomponiendo el cuadro al extremo. Podemos ver que ninguna parte de esta pintura es completamente simétrica, pero permite al espectador sentir una sensación de paz espiritual y equilibrio cósmico al mismo tiempo. Estas características son completamente diferentes de los diseños suaves y sosos que tenemos hoy.

Finalmente

El Nuevo Modelismo apareció después del Neoimpresionismo, el Cubismo y el Arte Abstracto. Absorbió las características de las escuelas anteriores y continuó evolucionando, de modo que ahora somos Mondrian tal como lo vemos. .

Por lo tanto, si desea salir del círculo vicioso de imitación, planitud e imitación de luz, también puede encontrar un nuevo avance con la ayuda del arte de Mondrian y crear un nuevo estilo en los campos del diseño de interfaces, carteles, gráficos dinámicos, etc., creando así "amarillo, rojo y azul".

Cómo aprender a diseñar iconos desde cero Si quieres aprender a hacer iconos, necesitas aprender los métodos y herramientas del diseño de iconos. De hecho, ese pequeño ícono debería contener muchos conocimientos de diseño. Un conjunto de íconos debe ajustarse a las características y el estilo del producto y debe ser reconocible. Todo debe estar unificado y ligeramente diferente para que las personas puedan hacer clic en él para ver el ícono y comprender la función.

Fuente de la imagen: Trabajo de estudiantes de la Escuela de Diseño Godfred Adobe.

1. Herramientas de diseño

Existen muchas herramientas para diseñar logotipos. Elegimos PS e AI para aprender a utilizar estas dos herramientas de diseño.

1.

Un software de edición de imágenes; utilice una computadora para modificar (imágenes o fotografías)

Si es la primera vez que entra en contacto con PS. , necesita comprender el uso básico de PS, luego lo guiaremos paso a paso para comprender PS desde la interfaz de PS, la configuración básica, los archivos nuevos, las operaciones de visualización, el guardado, la exportación y las herramientas de movimiento. Que todos se familiaricen con las funciones comunes y el uso específico de las herramientas PS en diseño gráfico y puedan utilizar PS para el procesamiento básico de imágenes.

Abra la herramienta PS y comprenda brevemente los componentes de la interfaz y las funciones de las herramientas. Luego aprenderemos sobre las funciones comunes y usos específicos de PS, como relaciones y aplicaciones de capas, relleno de color, recorte de varita mágica, selección y copia, bloqueo y difuminado, herramientas de descontaminación, herramientas de reparación, efectos de licuefacción (caracteres y párrafos). corte de forma y deformación.

Después de comprender las funciones básicas de PS, debe comprender mejor las herramientas comunes, como las relaciones de capas, los recortes, las herramientas de lápiz, las herramientas de borrador, las herramientas de cuentagotas y las herramientas de pincel. , máscaras y filtros, para familiarizarse con los estilos de capa y tener la capacidad de aplicar diseño de maquetación y síntesis de carteles. Niveles, contraste, curvas, saturación de tono, equilibrio de tono, mezcla de colores, máscaras de recorte, modos de fusión, estilo de capa 1, estilo de capa 2, efectos de filtro.

2.

Inteligencia Artificial

La mejor manera de utilizar una herramienta no es dar una descripción de texto larga para presentar cada función, sino encontrar un uso. Ejemplos específicos para operar y aprender las funciones del software a partir del funcionamiento de los ejemplos. Hablemos brevemente sobre el uso de la IA a través de los siguientes ejemplos y aprendamos sobre las operaciones básicas de la IA, copiar, rotar, transformar imágenes vectoriales, segmentación de IA, máscara de recorte, suavizado, expansión, texto de ruta de IA, efectos, generador de formas, Degradado de IA, personajes tridimensionales, continuidad bidireccional de IA, continuidad de cuatro vías de IA, etc. De esta manera, podemos combinar hábilmente la aplicación de herramientas PS e AI para procesar los materiales y completar el diseño de varios efectos especiales, como efectos 3D y efectos de mezcla, según sea necesario.

Segundo,

Video tutorial sobre cómo hacer íconos

Ahora que dominas las herramientas de diseño, compartamos varios íconos de diferentes estilos para ver cómo hacerlos. iconos.

1. Íconos de silueta

Los íconos de contorno son en su mayoría de un solo color, pero también hay íconos de dos colores. Los íconos de silueta son simples y elegantes, refinan en gran medida el significado del ícono y pueden mostrar la función representada por el ícono a través de las líneas más simples. El ícono de silueta aparentemente simple en realidad pone a prueba el alto refinamiento de los requisitos del producto por parte del diseñador, destacando el pensamiento lógico racional y emocional en la comunicación funcional.

2. Iconos planos

El estilo de diseño plano se puede ver a menudo en el diseño de aplicaciones, y los iconos no son una excepción. Por lo tanto, aprender el estilo de diseño plano es muy universal y se encuentra a menudo en el trabajo de diseño diario. El estilo plano se hizo popular a partir del iPhone. Se caracteriza por bordes limpios y ordenados de todos los elementos, sin efectos especiales ni efectos decorativos excesivos, elementos simples y la capacidad de transmitir información de forma intuitiva.

3. Copiar íconos

Se dice que la mejor manera de aprender a diseñar íconos es copiarlo primero, por lo que elegiremos íconos de lana, íconos de bolas de lana e íconos de jugadores para mira cuáles son estos íconos. ¿Cómo está diseñado?

El ícono de lana y el ícono de ovillo de lana son dos tipos de íconos. La pintura del icono de lana reflejará los puntos y los hilos de tejido de lana en el diseño, dándole una sensación cálida. La textura de la lana puede hacer que un diseño destaque si se usa correctamente, y lo mismo ocurre con el ícono de la bola de pelo. Aunque este tipo de ícono no es práctico, debes aprender a aumentar tu reserva de conocimientos de diseño.

4. Imita iconos

Aunque la mayoría de las aplicaciones ahora son planas, la popularidad es un círculo y el estilo cuasi material se está volviendo popular silenciosamente. Creo que los diseñadores de UI pueden sentir cuán fuerte está soplando ahora el "nuevo estilo de imitación". Así que sigamos con esta tendencia aprendiendo a imitar el ícono del micrófono, imitar el ícono del baloncesto, imitar el paraguas, imitar el ícono de la gota de agua e imitar el ícono del donut.

Tercero, icono del sitio web

El resumen del proceso de aprendizaje requiere una gran cantidad de materiales de copia o fuentes de inspiración. Aquí les comparto varios sitios web de íconos.

1. Biblioteca de iconos vectoriales de Alibaba

Una biblioteca de iconos vectoriales doméstica con potentes funciones y rico contenido de iconos, que proporciona descarga de iconos vectoriales, almacenamiento en línea, conversión de formato y otras funciones.

Fuente de la imagen: Biblioteca de iconos vectoriales de Alibaba

2. Icon Store:

Es un sitio web que proporciona materiales de paquetes de iconos gratuitos de primera clase y reúne una gran cantidad de material de iconos de alta calidad.

Fuente de la imagen: IconStore

3. Flaticon:

Diseños de iconos enriquecidos.

Fuente de la imagen: Flaction

4. Íconos de diseño de materiales:

Contiene íconos de uso común, como reproducción de medios, comunicación, edición de contenido, conexión, etc. .

Fuente de la imagen: MaterialDesignIcon

5. Logomaker

Fuente de la imagen: LogoMaker

Además de los sitios web de diseño de iconos anteriores, excelentes iconos Los sitios web de diseño incluyen

Icons8, iOS11IconPack, IconsMind, IconStore, iconfinder, Icons|FontAwesome, logo Lab-test your LOGO, LOGO Intelligence Bureau-LOGONEWS y medios autorizados de tendencias de diseño de marca (LOGONEWS), SimpleIcons.

Espera.

Fuente de la imagen: Trabajo de estudiantes de la Escuela de Diseño Godfred Adobe.

La forma más rápida de inspirarte para el diseño de tu icono es dibujarlo a mano. El primer borrador de todos los íconos puede provenir de dibujos, y luego los íconos finales que se ajustan a las características del producto se pulen repetidamente mediante producción por computadora. En realidad, es difícil crear un icono perfecto. Se requiere no sólo experiencia en diseño, sino también una gran capacidad de procesamiento de gráficos, imaginación y pensamiento lógico.

Los íconos son una parte importante de la interacción persona-computadora y son altamente visuales y visuales. Es decir, los diseñadores de íconos utilizan íconos diseñados para extraer y expresar el significado y la realización de las funciones y acciones del producto. Por lo tanto,

lleva la tarea de entregar información interactiva a los usuarios, incitándolos a identificarse correctamente y lograr operaciones correctas.

Entonces, hay una gran misión detrás del pequeño ícono. Espero que el contenido de aprendizaje de íconos anterior pueda ayudarlo a comprender el diseño básico de íconos, y también espero que pueda diseñar íconos excelentes en su trabajo futuro.

¿Conoces estos seis estilos comunes de ilustraciones y carteles? Se puede decir que 2020 es el mundo de la ilustración.

Cuánto tiempo sin verte, los fideos secos y calientes que han tocado a innumerables personas.

Accede a los carteles recientes de varias marcas vacacionales

Puedes ver las ilustraciones.

¿Sabes cuáles son los estilos de ilustración habituales?

La pequeña A aprobará este artículo.

¡Te llevaremos a comprender los estilos comunes de los carteles ilustrativos!

Las ilustraciones de estilo plano son principalmente bloques de colores, formas geométricas, contornos suaves y la información es más intuitiva, lo que permite a las personas comprender la información transmitida por la interfaz de un vistazo.

La interfaz plana también puede realizar mejor la transformación de imágenes y la página web se carga más rápido. Por lo tanto, las ilustraciones de estilo plano se utilizan ampliamente en diversos campos.

Los estilos de trazo son una extensión de los estilos planos.

Agregue contornos y trazos a elementos planos y agregue trazos al contorno de ilustraciones de dibujos lineales. Es más tridimensional y lindo que el estilo plano. Se usa a menudo en carteles, guías, logotipos. etc.

La ilustración de estilo de textura, también conocida como estilo de ruido de grano, es otra rama del estilo plano. Las páginas están superpuestas con texturas granuladas, dándoles una textura mate, un poco como la pintura con arena, pero más delicada que la pintura con arena.

La principal forma de expresión es el uso de una gran cantidad de bloques de color. Los elementos son únicos y limpios, y las texturas tienden a superponerse a las luces y sombras de los elementos.

El granulado aumenta los detalles de la imagen, haciendo que la imagen sea natural, tridimensional y vívida, y el estilo de la pintura es relajado e informal.

Ukiyo-e se refiere a "un mundo próspero y vacío" en lenguaje budista. Ukiyo-e expresa los altibajos del mundo en forma de pintura.

El estilo de pintura Ukiyo-e se basa en grabados tradicionales, enfatizando pinturas planas de líneas y bloques de color, con colores vivos, y utilizando pájaros, peces y olas como principales formas de expresión.

La ilustración MBE es un estilo creado por los diseñadores de Dribbble. Utiliza líneas negras gruesas para representar elementos y elimina elementos innecesarios en la imagen. Los bloques de colores se distinguen claramente, son redondos y lindos. Con elementos pequeños, se suele utilizar en páginas de guía, páginas de inicio, logotipos, etc.

La ilustración en acuarela es un método de pintura que se ha popularizado en los últimos años. Líneas simples, colores suaves, líneas tranquilas y naturales, simples y casuales. Las ilustraciones en acuarela son particularmente creativas y pueden expresar varios estilos, como el realismo, la abstracción y la magia.

Las ilustraciones son uno de los elementos de diseño más habituales en nuestras vidas.

En los últimos años, se ha convertido gradualmente en la corriente principal del diseño de carteles.

Los diferentes estilos de ilustraciones aportan diferentes experiencias visuales a las personas.

¿Cuál te gusta?