Ilustración plegable-¿Cómo diseñar una mesa plegable?

El plegado es diferente a los folletos que conocemos. No solo tiene contenido conciso, sino que también tiene ricas imágenes de productos para que los lectores las entiendan de un vistazo. Una buena bisagra es agradable a la vista y hace que los consumidores se muestren reacios a tirarla. Recójalo y navegue en su tiempo libre para despertar la curiosidad de los consumidores sobre el producto, logrando así el propósito de mejorar el conocimiento de la marca y aumentar las ventas del producto.

Hoy hablaremos sobre el color de las bisagras, el diseño y la tipografía, el texto y los gráficos.

¿Cómo diseñar páginas plegables con valor de “colección”?

Primero, usa "color" para atraer a la gente

1. Colores brillantes

Hay muchos elementos que pueden atraer la atención de todos cuando obtienes un 30% de descuento. cupón Pero el color es definitivamente un gran enfoque. Los colores brillantes pueden servir como complemento y atraer la atención de todos.

2. Combinación de colores razonable

Elija diferentes colores y combínelos razonablemente para distinguir puntos clave. Los diferentes colores también pueden separar información diferente, lo cual es más interesante.

3. Combinación monocromática

Si la combinación de colores te resulta un dolor de cabeza, también puedes probar con una combinación de un solo color. No parecerá monótona, pero hará que el conjunto parezca más unificado. y lleno de sensación de alta gama.

En segundo lugar, utilice "deslizar" para aumentar el interés

1. Diseño entre páginas

Intente romper con el método de composición tipográfica tradicional y distribuir gráficos o colores. La página, no solo dentro de una página, obtendrá diferentes efectos.

2. Cobertura de elementos

A veces, muchos diseñadores intentan separar una gran cantidad de elementos en una misma página tríptico. De hecho, esto no es absolutamente necesario. Se puede superponer y cubrir, lo que también es muy interesante.

3. Diseño horizontal

La mayoría de las plantillas trípticos son verticales, lo que no sorprende que los consumidores vean demasiadas. De hecho, puedes elegir algunos diseños horizontales para hacer brillar los ojos de los consumidores.

En tercer lugar, utilice "palabras" para atraer la atención.

Al componer texto, también puede intentar ampliarlo, lo que tendrá un efecto destacado. Sin embargo, la ampliación del texto será muy diferente del texto normal, por lo que deberá seleccionar cuidadosamente el texto que desea ampliar.

Cuarto, utiliza "imágenes" para embellecerlo

1. Elige gráficos interesantes

A veces, elegir diferentes gráficos interesantes hará que las personas se sientan más interesantes. vívido, no aburrido y también puede desempeñar un papel en la guía de la visión.

2. Procesamiento de imágenes

Aunque una imagen simple puede encajar con el tema, es posible que no logre buenos resultados. Esto requiere que todos la hagan interesante y la cambien.

Agregar ilustraciones

Las ilustraciones son una forma muy interesante y, a veces, las fotos simples no son tan interesantes como las ilustraciones. Presta atención a elegir un estilo de ilustración apropiado, combinarlo con el contenido y prestar atención al tema.

¿Cómo diseñar una sábana plegable? Las novelas, las representaciones, las canciones y los discursos tienen un estilo "parecido a una historia". Tienen un comienzo, un ascenso y un final. Todas las partes están interconectadas. Usamos esta función para diseñar un folleto, lo que puede hacer que el diseño sea atractivo fácilmente. El uso de páginas plegables permite a los lectores tener un orden al mirar. Cada área tiene un contenido de historia diferente, pero al mismo tiempo el estilo general es armonioso y coordinado. Este diseño es de bajo costo y brinda a las personas una sensación de contenido sustancial. También es divertido diseñar. Veamos cómo lo hacemos. Aunque solo hay una hoja de papel en el otro lado de la portada doblada, tiene un fuerte impacto. Cuando abrimos el pliegue, los contenidos te llegan uno a uno. En la portada de la primera imagen, utilizamos una imagen semiabstracta, como para saludar al lector y atraerlo para que abra el contenido del interior. Cuando lo abres por primera vez, ves un hermoso jardín y el texto en la bisagra estrecha a la derecha presenta contenido comercial relevante. Cuando lo abrimos por segunda vez, vemos más imágenes, texto e información que lo explican en detalle. Hablemos primero de la portada: La portada tiene dos funciones: debe poder presentar, al igual que cuando conocemos por primera vez a un extraño, siempre decimos: Hola, lo soy. Otra función es la de servir de invitación (¡entra y echa un vistazo!). Para lograr estos dos objetivos visualmente, las imágenes elegidas deben tener primero este efecto. Vea cómo la imagen que elegimos invita a otros a entrar. En este diseño, la cubierta es equivalente a la puerta de entrada, por lo que al elegir una imagen para la cubierta en este diseño, considere si transmite el concepto de "puerta". En la imagen de arriba, elegimos una imagen con una fuente. Al recortarla, la imagen forma una diferencia de forma arqueada, lo que hace que los lectores sientan que están justo frente a la puerta. El fondo de la imagen es suave y borroso, y está en gran parte bloqueado por la fuente, lo que implica que el hermoso paisaje aún está por delante. Se puede decir que el suspenso creado por la imagen es ideal. Luego coloque el texto directamente en el ojo del lector. El tamaño de fuente del nombre de la empresa es lógicamente pequeño, pero suficiente para llamar la atención. Hay tres razones: 1. Está colocado en el medio de la página; 2. El texto es el único elemento sobre el fondo verde. 3. La fuente forma el borde del texto; El bloque de texto está alineado a la derecha, mientras que el borde izquierdo tiene baches. El borde derecho limpio está asociado con el borde de la página, mientras que el borde izquierdo desigual está asociado con el borde degradado. Observe que el borde izquierdo del bloque de texto coincide con el borde de la fuente.

Además, para crear una sensación visual similar a la fuente, el bloque de texto incluye una fuente romana algo informal para el título y una sans serif uniforme para el texto explicativo. Abrir una vez Cuando los lectores entran por la "puerta principal", la vista que tienen ante ellos los deslumbra. Al mismo tiempo, se coloca un texto introductorio en la bisagra. Como la bisagra es móvil, todo el diseño es muy activo y da la impresión de que hay mucho detrás. Para que los lectores sientan que te están viendo cuando entran, debes utilizar imágenes hermosas y el tamaño debe ser lo suficientemente grande. Ampliaremos la imagen a la página completa para brindar a los lectores una vista amplia y atractiva. Al mismo tiempo, corte la parte derecha de la imagen para evitar que los árboles en el lado derecho de la imagen formen un borde y para resaltar la sensación de estar al aire libre. Debido a que la bisagra cubre parte de la página, el lector naturalmente tiene que seguir buscando lo bueno que hay detrás. No hay duda de que agregar texto a una imagen puede lograr el efecto de "uno más uno es mayor que dos". Para obtener mejores resultados, no interfieras con el mensaje de esta imagen y deja que se presente al lector. Mientras tanto, el texto introductorio fue discretamente dejado de lado. Tenga en cuenta que la bisagra derecha está muy espaciada, lo que le da un aspecto fresco que coincide con el estilo de la imagen. Esta pequeña bisagra tiene dos propósitos. No es sólo una introducción, sino también una "puerta" a otro lugar. El texto de arriba está alineado de izquierda a derecha, y los bloques de texto estrechos y ordenados realzan la altura de la bisagra y el área de la bisagra misma. Un interlineado más grande ralentiza la velocidad de lectura del lector, pero le da más tiempo para "dialogar" con la imagen. El color del fondo de las bisagras se tomó de la imagen con una pajita, para que el diseño pueda combinarse de forma natural y armoniosa. Segunda apertura: cuando el lector abre el pliegue pequeño en este momento, toda la página está completamente desplegada y el lector verá cuatro imágenes más y un texto de introducción más detallado. Las nuevas fotos están organizadas en grupos. Podemos ver que el tamaño de estas cuatro fotos es muy diferente del tamaño de la imagen grande de ahora, lo que permite que estas cinco fotos con contenido similar compartan este diseño pacíficamente. Si cinco fotografías tienen un tamaño demasiado parecido y un contenido similar, es fácil que se produzcan conflictos. Tenga en cuenta que las cuatro fotografías son todas del mismo tamaño y están dispuestas en columnas, lo que no sólo refuerza su contenido, sino que también hace que todo el diseño luzca limpio y ordenado. (Haga clic en la imagen de arriba para ver una imagen más grande) Cuando miramos el diseño de arriba, nuestros ojos muestran una secuencia: en la imagen de arriba, las áreas dispuestas en orden de ancho, medio y estrecho hacen que todo el diseño sea dinámico, y Nuestros ojos se mueven naturalmente de izquierda a derecha. Si estas tres columnas tienen el mismo ancho, todo el diseño aparecerá estático. Debido al uso del color de fondo, todo el diseño es visualmente muy rítmico, mostrando un cambio de "negro D blanco D negro". A menudo pensamos en el blanco como un color pasivo, simplemente como un color de fondo, pero en esta página vemos claramente que el blanco puede desempeñar un papel importante como cualquier otro color. Aunque el área blanca mencionada anteriormente se deja en blanco en la impresión real, da a las personas la sensación de un área de columnas fuerte, que no es diferente de las dos áreas adyacentes. Simplicity es un hermoso diseño de tres columnas que hace que todo el diseño sea limpio y elegante, lo que lo hace fácil de leer. Este diseño es muy conciso. El área de cada columna es suave de abajo hacia arriba, sin líneas de borde desiguales, sin elementos superpuestos y sin otros bordes desordenados ni elementos que interfieran con la línea de visión. El texto en la imagen de arriba es la fuente Impressum. La característica única es que el grosor de la letra es irregular, por lo que no es rígido y tiene un sabor natural, pero al mismo tiempo es muy claro de leer. El texto en la imagen de arriba todavía sigue el método de "el color se usa para atraer personas, el gris se usa para explicar en detalle", lo que hace que toda el área de texto sea fácil de leer. Sin embargo, hay dos excepciones a las fuentes de la página anterior (flechas). El estilo de fuente es el mismo, pero el color es diferente (blanco/negro). Debido a que estas palabras y las palabras grises brindan información diferente, deben distinguirse para evitar la superposición visual. Como empresa de decoración de jardines, después de leer estas introducciones, los lectores deben actuar en el último momento: llámenos. En las páginas interiores, todas nuestras áreas están dispuestas en rectángulos, mientras que en el reverso utilizamos el retrato de DD con bordes irregulares. Su abrigo verde hierba es similar al verde de la página interior, que lo continúa visualmente. Los cambios en la "voz" son como sonidos diferentes. En las páginas interiores ya hemos visto su trabajo, pero finalmente ha llegado el momento de conocer a la diseñadora. Ella dice "Llámanos" en un tono directo, y el número de teléfono destacado puede despertar el deseo de consumir del lector. Estas dos oraciones están cerca de su cabeza y no están ocultas en el numeroso texto a continuación. En términos de color, fuente, tamaño, etc., son una continuación del estilo de fuente del texto en la página interior.

Ven y mira, estrategias prácticas para el diseño de plegado en PS, así como explicaciones detalladas sobre sangrado/impresión y composición tipográfica/diseño ¡Hola a todos! Para los amigos que son nuevos en el diseño o el Photoshop, he resumido cuidadosamente algunos puntos de conocimiento importantes y algunas experiencias prácticas para su referencia.

El Photoshop de Adobe es poderoso. Comparado con otros programas de gráficos, PS tiene ventajas únicas en los métodos de procesamiento de imágenes. La aplicación de capas determina la ubicación tridimensional de los píxeles, y los modos de fusión basados ​​en capas y las funciones de estilo de capa desempeñan un papel importante en el procesamiento de imágenes.

Photoshop tiene una amplia gama de aplicaciones. Siempre que implique procesamiento de imágenes, PS tiene un lugar. Por ejemplo, fotografía publicitaria, síntesis creativa de imágenes, así como diseño web, diseño de ilustración y diseño gráfico. Sin embargo, como software de mapas de bits, PS también tiene sus propias limitaciones. Preste atención a los siguientes puntos cuando lo utilice:

1.PS es un software de mapa de bits.

El llamado mapa de bits, también llamado mapa de bits, es simplemente una imagen cuya unidad más pequeña se compone de píxeles. La escala provocará distorsión. Por lo tanto, los mapas de bits se componen de píxeles, que son muchos cuadrados pequeños, por lo que no es adecuado utilizar PS para organizar el diseño del texto.

2. Además, PS no es adecuado para procesar imágenes vectoriales, ¡lo que consumirá muchos píxeles! Los gráficos vectoriales también se denominan gráficos vectoriales. En pocas palabras, escalan imágenes en un formato de imagen no distorsionado. Las imágenes vectoriales se convierten fácilmente en mapas de bits, pero los mapas de bits no se convierten fácilmente en imágenes vectoriales. Entonces, antes de crear, debes pensar qué software de dibujo usar. Los programas de gráficos vectoriales más utilizados actualmente incluyen Adobe Illustrator y CorelDRAW. Si accidentalmente utiliza materiales impresos diseñados en PS, el método de rescate puede ser exportar las imágenes y convertirlas a formato PDF para imprimir.

3. Como todos sabemos, el archivo fuente de PS está en formato PSD y ocupa mucho espacio. Contiene una gran cantidad de información de datos de imagen, como capas, canales, trazados de recorte, etc. , y está compuesto por una gran cantidad de píxeles, con una gran cantidad de datos y un archivo de gran tamaño, por lo que ocupa mucho espacio. Además, PS sólo se puede introducir según el tamaño real original 1:1 y no se puede reducir como el software de gráficos vectoriales. Por lo tanto, no se recomienda utilizar PS para diseñar impresiones de gran tamaño, como anuncios exteriores y anuncios murales. Hará directamente que la computadora se congele o que la imagen no se pueda exportar.

Usemos PS para crear un documento de diseño cuádruple. Abra la interfaz de operación de PS, Ctrl+N para crear un nuevo lienzo y aparecerá un cuadro de diálogo, como se muestra a continuación:

Algunos elementos aparecerán en este cuadro de diálogo. El énfasis aquí está en el ancho, alto, resolución y modo de color.

El ancho y el alto son las dimensiones reales de la bisagra. El tamaño estándar internacional con un 40 % de descuento es: 380 mm x 210 mm. Ahora el tamaño de este pliegue del 40% debería ser: 380 mm*200 mm. Debes haber notado cuidadosamente que el tamaño que ingresé en el cuadro de diálogo es: 386 mm * 206 mm, que es una parte de recorte conveniente reservada para conservar el contenido efectivo de la imagen. El sangrado es un término de impresión comúnmente utilizado en la impresión. El sangrado en impresión se refiere al patrón que aumenta las dimensiones externas del producto y agrega algunas extensiones de patrón en la posición de corte, específicamente para cada proceso de producción dentro de su tolerancia de proceso, para evitar bordes blancos o contenido recortado en el producto terminado cortado. Generalmente, el sangrado en cada lado se mantiene entre 3 y 5 mm. Aquí dejo una posición de sangrado de 3 mm. Dado que la posición de sangrado es izquierda y derecha, el ancho y el alto aumentan en 6 mm respectivamente.

La resolución depende del tamaño del producto terminado a producir, lo cual está relacionado con la tecnología de impresión utilizada. Por ejemplo, la resolución de la tecnología de inyección de tinta es superior a 30-50 píxeles. Basta mantener la resolución de los productos de papel impreso en 300 píxeles para lograr buenos efectos visuales.

El modo CMYK es un modo de impresión común. Imprima con tintas cian (c), magenta (m), amarilla (y) y negra (k). Al realizar impresiones, el modo de color debe ser el color CMYK. Está bien si cometes un error al principio. Puede comprobar los colores CMYK en modo imagen y modificarlos.

Cuando todos los parámetros en el nuevo cuadro de diálogo estén configurados, presione el botón Aceptar y aparecerá un lienzo en blanco. Alt+Ctrl+E agrega una línea de referencia, como se muestra a continuación:

A través de este lienzo, podemos ver claramente los cuatro lados del pliegue y la ubicación específica del sangrado.

Antes de empezar a diseñar, debes conocer el diseño de cada página, como en qué página está la portada y en qué página está la contraportada. Luego debemos seguir las características de la impresión.

La sobreimpresión es un método de impresión común en la impresión, es decir, impresión frontal y posterior, que requiere dos juegos de planchas PS. Después de imprimir una cara, se reemplaza otro juego de placas de PS en el reverso.

Como puedes ver en la ilustración anterior, divido el diseño en dos partes: anverso y reverso. Los contenidos pertenecientes a una misma página están agrupados y numerados según orden de lectura. Al completar el contenido del diseño, ¡simplemente siéntese en la posición correcta de acuerdo con los números marcados!

PS utilizará algunas funciones comunes durante la operación. Por ejemplo: capa de máscara, tono/saturación, filtro inteligente.

Máscara de capa, puedes aplicar una máscara a la capa actual. En una máscara de capa, las áreas pintadas de blanco son visibles, mientras que las áreas pintadas con un degradado gris aparecen como áreas transparentes sin capas y las áreas pintadas de negro están ocultas. La operación es muy simple: simplemente haga clic en el botón Agregar máscara vectorial - tecla de método abreviado D, el color de fondo cambiará automáticamente a blanco y negro antes del color - seleccione la ruta de degradado - arrastre a la capa donde necesita usar el efecto de máscara.

Tono/Saturación, si desea utilizar este comando de manera competente, debe comprender cada parámetro de opción en el cuadro de diálogo del comando. Este comando se utiliza a menudo para ajustar y embellecer la imagen al estado ideal más perfecto. La tecla de acceso directo Ctrl+U abrirá un cuadro de diálogo para configurar los parámetros.

Los filtros inteligentes se suelen utilizar para crear texto especial o añadir efectos especiales a las imágenes. Aparecerá un icono de ojo a la izquierda del efecto de filtro. El uso de múltiples comandos de filtro crea un efecto combinado. Puede ocultar o invertir el orden de uno de los efectos para cambiar la fusión, o puede copiar todos los efectos de filtro a otras capas.

Estas importantes introducciones a los conocimientos introductorios se incluyen en todas partes. ¡Espero que te sean útiles! Bienvenidos a señalar deficiencias y comunicarse entre nosotros.

Texto/Aire brillante del otoño