Red de conocimiento informático - Conocimiento informático - ¿Cómo diseñar una página plegable?

¿Cómo diseñar una página plegable?

Ya sean novelas, actuaciones, canciones o discursos, todos tienen un estilo "parecido a una historia": tienen un comienzo, un avance y un final. Todas las partes están interconectadas. Usamos esta característica para diseñar un folleto plegable, que puede crear fácilmente un diseño atractivo. El uso de páginas plegables permite a los lectores crear una secuencia al visualizar, y cada área coloca un contenido de historia diferente, pero al mismo tiempo, el estilo general es armonioso y coordinado. Este diseño es económico, se siente sustancial y es divertido de diseñar. Mire cómo lo hicimos. Portada doblada Aunque solo hay una hoja de papel en el otro lado del folleto, tiene un fuerte impacto A medida que abrimos la página doblada, el contenido del interior llega 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 la abrimos por primera vez, vimos un hermoso jardín y el. El texto de la página plegable más estrecha a la derecha presenta contenido comercial relevante. Cuando lo abrimos por segunda vez, vemos más imágenes, texto e información para una explicación detallada. Empieza por la portada: La portada cumple dos funciones: debe servir como introducción, al igual que cuando entramos en contacto por primera vez con un extraño, siempre decimos: Hola, soy... Otra función es que actúa como invitación (¡entra y echa un vistazo!). Para lograr estos dos objetivos visualmente, la imagen seleccionada debe tener primero este efecto. ¿Ves cómo las imágenes que elegimos invitan a otros a entrar? En este diseño, la cubierta equivale a la puerta de entrada, por lo que al elegir una imagen para la cubierta en este diseño, debe considerar si puede transmitir el concepto de "puerta". En la imagen de arriba, elegimos una imagen con una fuente y la cortamos para formar un arco, haciendo que el lector se sienta como si estuviera "frente a la puerta". El fondo de la imagen es más suave y borroso, y también es. La fuente está borrosa y cubre una gran superficie, lo que da a entender que la belleza aún está por llegar. Se puede decir que el suspenso creado por la imagen es ideal. Luego coloque el texto directamente en la línea de visión del lector. El tamaño del nombre de la empresa se considera 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 un borde para el texto; El bloque de texto está alineado a la derecha y el borde izquierdo es rugoso. El borde derecho ordenado está relacionado con el borde de la página, mientras que el borde izquierdo desigual está relacionado con el borde del degradado. Tenga en cuenta que el borde izquierdo del bloque de texto coincide con el borde del degradado. Al mismo tiempo, para crear una sensación visual similar a la fuente, el bloque de texto incluye una fuente romana algo informal como título y una fuente sans-serif elegante como texto explicativo. Ábrelo una vez... Cuando los lectores entran por la "puerta principal", la vista que hay delante hace que sus ojos se iluminen. Al mismo tiempo, el texto introductorio se coloca en la página plegada. Dado que la página plegada se puede mover, todo el diseño parece muy activo, dando a la gente la sensación de que hay mucho más detrás. Para que los ojos de los lectores se iluminen después de "entrar por la puerta", necesitamos usar una imagen hermosa y el tamaño debe ser lo suficientemente grande. Ampliamos la imagen a toda la página, para que los lectores sientan que el campo. El punto de vista es amplio y lleno de invitación. Al mismo tiempo, corte la parte derecha de la imagen para evitar que el árbol en el lado derecho de la imagen forme un borde y para resaltar la sensación de estar al aire libre. Dado que el pliegue cubre parte de la página, el lector naturalmente quiere seguir viendo qué otras cosas buenas hay detrás. Sin duda, las imágenes y el texto pueden lograr el efecto de "uno más uno es mayor que dos". Para lograr el mejor efecto, no interfiera con la información transmitida por esta imagen y deje que se presente al lector. Mientras tanto, el texto introductorio permanece silenciosamente a un lado. Observe que la página plegable de la derecha tiene un espacio entre líneas grande, lo que le da una sensación de frescura que coincide con el estilo de la imagen. Este pequeño desplegable desempeña dos funciones: no sólo sirve de introducción, sino que también actúa como "puerta" a otro lugar. El texto de arriba está alineado a la izquierda y a la derecha, y los bloques de texto estrechos y ordenados mejoran la altura del pliegue y el área del pliegue en sí. Un interlineado más grande ralentiza la velocidad de lectura de los lectores, pero les da más tiempo para "dialogar" con las imágenes. El color del fondo plegable se toma de la imagen con una pajita, de modo que el diseño pueda combinarse de forma natural y armoniosa. Abra por segunda vez: cuando el lector abra el pequeño desplegable hace un momento, toda la página estará completamente expandida 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 los tamaños de las cinco fotos son demasiado parecidos, al menos. Al mismo tiempo, el contenido es casi el mismo, lo que fácilmente puede generar conflictos. Observe que las cuatro fotos tienen el mismo tamaño y están dispuestas en una fila. Esto 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) Nuestros ojos muestran una secuencia al ver el diseño de arriba: en la imagen de arriba, las áreas dispuestas en orden de ancho, medio y estrecho hacen que todo el diseño esté lleno de dinámica, y los ojos moverse naturalmente Muévete de izquierda a derecha. Si los anchos del área de estas tres columnas son iguales, todo el diseño aparecerá estático. Debido al uso del color de fondo, todo el diseño también crea un ritmo visual, mostrando un cambio "negro-blanco-negro". Un color que no se puede ignorar: el blanco A menudo pensamos que el blanco es un color más pasivo, que simplemente se usa como color de fondo, pero en este diseño vemos claramente que el blanco en realidad puede desempeñar un papel importante como otros colores. Aunque el área blanca mencionada anteriormente se deja en blanco en la impresión real, esta área da a las personas una fuerte sensación de área de columnas, que no es diferente de las dos áreas contiguas. La simplicidad es hermosa El diseño de tres columnas hace que todo el diseño sea limpio y elegante, y se puede leer fácilmente. Este diseño parece muy conciso. Las áreas de cada columna son suaves de abajo a abajo, sin bordes desiguales ni elementos superpuestos. No hay otras fronteras desordenadas, ni elementos que distraigan la vista. El texto de la imagen de arriba utiliza la fuente Impressum. Una cosa que tiene de especial esta fuente es que el grosor de las letras es irregular y no parece rígida. Tiene una atmósfera natural, pero al mismo tiempo, la fuente sigue siendo. muy claro de leer. El texto en la imagen de arriba todavía se adhiere a la técnica 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 en el diseño anterior (las flechas). Los estilos de fuente son los mismos, pero los colores son diferentes (negro/blanco), porque estas palabras y las palabras grises transmiten información diferente. para diferenciarse y evitar estar demasiado abarrotados visualmente. Como empresa de decoración de jardines, después de que los lectores lean estas introducciones, en la última parte, se les pide que actúen: llámenos. En las páginas interiores, nuestras distintas áreas están dispuestas en rectángulos, pero en la parte posterior utilizamos elementos con bordes irregulares: retratos. Su abrigo verde hierba es de un color análogo al verde de las páginas interiores, y visualmente continúan. Cambios en el "sonido" Diferentes disposiciones de diseño son como sonidos diferentes. Ya hemos visto su trabajo en las páginas interiores, pero finalmente ha llegado el momento de conocer a la diseñadora. Utiliza un tono directo para decir "Llámanos" y resalta el número de teléfono para despertar el deseo de gastar del lector. Las dos oraciones anteriores están muy cerca de su cabeza, en lugar de estar escondidas entre las muchas palabras a continuación. Además, estas dos oraciones son una continuación del estilo de fuente del texto en la página interior en términos de color, fuente y tamaño.