Diseño de imágenes largas para carteles: una breve discusión sobre varios métodos comunes en el diseño de imágenes largas

Cómo hacer un póster de página larga para computadora

¿Cómo hacer un póster de página larga para computadora? Tutorial para hacer un póster de página larga para computadora 1. Abra la computadora y cree un nuevo documento. y haga clic en Archivo. 2. Haga clic en Nuevo en la barra de menú Archivo, cree un nuevo dibujo vertical en blanco, cree varias capas en el lienzo y rellénelo con el color de fondo. 3. Cree una nueva capa. Cree una nueva capa en el lienzo, luego haga doble clic en la capa uno para que aparezca una nueva paleta de capas. Marque dos colores: rojo, azul, naranja y negro. 4. Ajuste el color y otros elementos del lienzo a la posición de color ideal en el panel de capas. En el panel Capas, seleccione Capa>Estilo de capa>Reflejar el color en la paleta. 5. Copie el color directamente en el lienzo, ajuste el tamaño de apertura, luego use la capa de reflexión para ajustar el color de primer plano en la paleta de reflexión y presione Entrar. Una breve discusión sobre varios métodos comunes en el diseño de imágenes largas

Texto |_CEH__|Capturas de pantalla de Internet y varios sitios web

El diseño de imágenes largas se usa ampliamente en la era de la lectura de pantalla, excepto Los más inmediatos que me vienen a la mente son páginas web y aplicaciones, así como paquetes de imágenes largas para portafolios personales, carteles largos, páginas de detalles de productos de comercio electrónico, anuncios con imágenes largas en Weibo y WeChat, etc. Por lo tanto, no solo los diseñadores de interfaces deben comprender el método de composición del diseño de imágenes largas, sino que, como diseñadores comunes, también podemos comprender algunas habilidades de diseño de imágenes largas y páginas largas.

Para mantener a los lectores interesados ​​y permanecer más tiempo, nuestro diseño no solo debe verse bien sino también proporcionar cierta guía visual para que la experiencia del contenido sea consistente de principio a fin. Para lograr este objetivo, necesitamos diseñar específicamente.

Espero que este artículo pueda aportarte algo de ayuda. Entonces, echemos un vistazo a algunos de los métodos de diseño simples más utilizados para el diseño de páginas largas con imágenes largas.

La repetición es para unificar la visión y recordar a los usuarios o lectores que todavía están en el mismo contenido. La repetición puede ser fuentes repetidas, colores, tamaños, espacios, formas, marcos, etc. No es estrictamente. Copie los mismos elementos, pero siga ciertas reglas para producir cambios continuos en la página. En otras palabras, cuando se utilizan elementos repetidos, debería haber cambios en las reglas y debería haber reglas en los cambios.

Repetición de números, texto, inglés, formas tipográficas, estructuras, etc.

Repetición de formas tipográficas, estructuras, etc.

Repetición de formas, símbolos, características, etc.

Colores repetidos, aplicaciones de bloques de color, etc.

Además de las repeticiones resaltadas, no es difícil encontrar que varios métodos de repetición en realidad no existen de forma independiente, y son a menudo mezclado con aplicaciones. Por supuesto, existen muchos más métodos de repetición además de los enumerados.

El diseño en forma de F es un método de diseño muy tradicional pero muy científico. Es un método de diseño clásico resumido en base a una gran cantidad de experimentos de seguimiento ocular. Se ajusta a los hábitos de navegación de la mayoría de las personas. Cuando miramos una página, generalmente miramos primero la esquina superior izquierda (como el logotipo, la navegación, el título, etc.), luego miramos primero el contenido horizontal de izquierda a derecha y luego navegamos por toda la página de arriba a abajo. abajo, formando así un camino visual en forma de F.

Tabla de investigación de seguimiento ocular de NNGroup (el rojo y el naranja representan puntos calientes de atención, el azul representa partes poco interesantes)

Del diseño en forma de F y los experimentos de seguimiento ocular que podemos obtener Aquí hay algunos Inspiraciones:

1. Intente colocar la información más importante (como el logotipo, el nombre de la empresa, el título, la navegación, etc.) en la parte superior (incluso tan precisa como la esquina superior izquierda) y trate de no hacerlo. para colocarlo en el lado derecho

2. Generalmente puedes colocar algunas cosas menos importantes en el lado derecho, como comentarios, consultas, publicidad, recomendaciones, etc.

3. Al diseñar, debe prestar más atención a la información de la izquierda. Esto es para prestar atención a Donde se concentra el poder, el lado derecho generalmente se deja en blanco

4. contenido (como noticias, comunidad, páginas de presentación de eventos, etc.), se puede dar prioridad al diseño en forma de F

Diseño en forma de F de una página web de 36 Kr

En forma de F diseño de la página de envatotuts

Diseño en forma de F de la página de actividades del juego

Diseño de la página de actividades en forma de F

Además del diseño tipo F , el tipo S (también llamado tipo "Z", "tipo Z") también es un tipo de diseño de página muy clásico, también está en línea con el proceso de navegación humana y todo se realiza a través de los ojos. Probado mediante experimentos de seguimiento de movimiento.

Cuando navegamos por una página, nuestros globos oculares se moverán de izquierda a derecha para leer, y el punto donde permanecen nuestros ojos cambiará de arriba a abajo de la página, formando así una forma de "S" que se mueve de izquierda a derecha. camino correcto. Este tipo de diseño se usa ampliamente en páginas largas, especialmente cuando se presenta una determinada imagen de un determinado producto. El uso del diseño en forma de S formará una guía visual y facilitará la lectura de toda la página.

Tabla de investigación de seguimiento ocular

La primera aplicación del diseño en forma de S en páginas web puede haber comenzado desde el sitio web oficial de Apple, usando la imagen de la izquierda con las palabras correctas y la imagen de la derecha con las palabras izquierda. palabras para formar una coherencia lectora.

Por ejemplo, en la página de detalles del iPad a continuación, en la primera pantalla, nuestro centro visual recae en la imagen del iPad (es más fácil que las imágenes se conviertan en el centro visual que el texto), y luego leemos hacia la izquierda. Después de leer el nombre del producto y la introducción, a medida que la página se desplaza hacia abajo, la visión es atraída por la imagen del iPad en la segunda pantalla. Continúe leyendo la introducción de la imagen de la derecha... Repita este movimiento visual muchas veces, y el. Toda la página la leo muy suavemente, formando una ruta de navegación visual en forma de S, que es muy intuitiva, es muy fácil y natural de leer, y también es muy fácil de obtener información.

Página de introducción de los primeros detalles del producto en el sitio web oficial de Apple

Además de Apple, esta disposición también se usa ampliamente en muchas páginas de sitios web, anuncios con imágenes largas y empaques de portafolios.

Página de introducción de detalles del producto con diseño en forma de S similar

Otras páginas de diseño en forma de S

Esto muestra que el diseño en forma de S es una imagen larga muy popular Método de diseño, de acuerdo con los hábitos de lectura subconscientes de las personas.

El diseño de tarjetas es un método de diseño derivado del sistema de cuadrícula. También se denomina diseño de estilo contenedor. Concentra texto, imágenes y otros elementos de información en una tarjeta y forma una tarjeta mediante la acumulación de tarjetas. Las páginas completas, concisas y estandarizadas se suelen utilizar en el comercio electrónico (como Taobao, JD.com), sitios web de plataformas (como Zoku, Behance, Pinterest, Youku) y otras páginas complejas y ricas en información. Por supuesto, si encontramos gráficos y textos muy complejos en el diseño, también podemos considerar usar este diseño para hacer nuestro diseño más conciso.

Página de diseño de tarjeta

El diseño de la página es, por supuesto, mucho más que los métodos enumerados anteriormente, pero estos son los métodos más clásicos y de uso común. Al mismo tiempo, estos métodos no existen solos, también se combinarán entre sí en la aplicación y coexistirán entre sí para servir conjuntamente una página completa y hermosa. Creo que después de comprender completamente estos métodos de diseño, no estaremos confundidos sobre cómo comenzar a diseñar páginas de imágenes largas o empaques para mostrar nuestros trabajos.

Lo compartiré aquí primero, espero que te sea útil. Cómo hacer un cartel largo en PS

Cómo hacer un cartel largo en PS con material gráfico.

Después de dibujar gráficos en PS, puede usar directamente la herramienta rectángulo para dibujar, o puede usar la herramienta elipse para dibujar un rectángulo, luego usar el método de estilo de trazo para dibujar los gráficos y luego usar la herramienta de transparencia para dibujar la forma. usando la dirección que se muestra en la figura. Al dibujar formas, debe prestar atención al uso de la transparencia y a la proporción del tamaño de la imagen. Los tamaños de los diferentes patrones varían. Si no ha dibujado una buena imagen, puede llamar a la herramienta Pincel en el software. Después de dibujar gráficos en PS, puede usar directamente la herramienta rectángulo para dibujar, o puede usar la herramienta elipse para dibujar un rectángulo, luego usar la herramienta de transparencia para dibujar los gráficos y luego usar la herramienta de transparencia para dibujar la forma, usando la dirección como se muestra en la figura. Finalmente, usa una nueva capa en el Panel de Capas para ajustar toda la imagen hacia la derecha poco a poco. Una vez empaquetado el último uso de las muestras de prescripción en la caja, el siguiente paso es utilizar el texto ¡El último uso de las muestras de prescripción!