¿Cuáles son los tipos de diseño de las páginas web?

1. Fuente "国"

También se puede llamar fuente "tong", que es el tipo preferido por algunos sitios web grandes, es decir, la parte superior es el título del. Sitio web y anuncio publicitario. El siguiente paso es el contenido principal del sitio web. Hay dos pequeñas partes de contenido a la izquierda y a la derecha. La parte principal está en el medio, enumeradas junto con las partes izquierda y derecha. Hay información básica, información de contacto, declaración de derechos de autor, etc. del sitio web.

2. Tipo de esquina

Esta estructura solo se diferencia de la anterior en la forma, de hecho es muy similar La parte superior es el título y el banner publicitario, y la siguiente. izquierda Es una columna estrecha de enlaces, etc., la columna de la derecha es un texto muy amplio, y debajo también hay información auxiliar del sitio web. En este tipo, un tipo muy común es el título y el anuncio en la parte superior, y los enlaces de navegación a la izquierda.

3. Tipo de texto del título

Este tipo significa que la parte superior es el título o algo similar, y la parte inferior es el texto. Por ejemplo, algunas páginas de artículos o páginas de registro son de. este tipo.

4. Tipo de portada

Este tipo es básicamente la página de inicio de algunos sitios web. La mayoría de ellos son unos diseños gráficos exquisitos combinados con algunas pequeñas animaciones y unos simples enlaces o simplemente un ". en" enlace o incluso enlace directamente a la imagen en la página de inicio sin ningún aviso. La mayoría de este tipo son sitios web corporativos y páginas de inicio personales. Si se manejan bien, darán a las personas una sensación agradable.

5. Diseño de estructura en "T"

El llamado diseño de estructura en "T" se refiere a la combinación de los lados superior e izquierdo de la página web. Es un logotipo de sitio web horizontal y un banner publicitario, y la parte inferior izquierda es el menú principal y el contenido se muestra a la derecha. Este es el método de diseño más utilizado en el diseño web. En el diseño real, también se puede cambiar la forma del diseño de la estructura en "T".

Por ejemplo, en un diseño de dos columnas, la mitad es el texto y la otra mitad son imágenes visuales y navegación. O el texto principal se organiza en dos columnas, que se distinguen por el color de fondo, y las imágenes y el texto se colocan por separado.

Este diseño tiene sus ventajas inherentes. Debido a que la atención de las personas se encuentra principalmente en la esquina inferior derecha, la mayoría de los mensajes que las empresas desean publicar para los usuarios pueden ser obtenidos por los usuarios en la mayor medida posible. Es muy conveniente. En segundo lugar, la estructura de la página es clara, primaria y secundaria, y fácil de usar. La desventaja es que las reglas son rígidas y si no prestas atención a los detalles y colores, fácilmente puede volverse “aburrido”.

6. Diseño de "boca"

Esta es una forma vívida de decir que hay un banner publicitario en la parte superior e inferior de la página, con el menú principal a la izquierda. enlaces amigables a la derecha, etc., y en el medio Contenido principal.

La ventaja de este diseño es que la página es sustancial, el contenido es rico y la cantidad de información es grande. Es un diseño de uso común para sitios web completos. Lo que es especial es la fila de. Los pequeños iconos en la parte superior central juegan un papel en la activación de la atmósfera.

La desventaja es que la página está abarrotada y no es lo suficientemente flexible. También hay diseños de tipo ventana que dejan los cuatro lados vacíos y solo usan el medio. Por ejemplo, el sitio web de fondos de pantalla NetEase usa un formato de múltiples cuadros. Solo se puede desplazar la parte central de la página y la interfaz es similar a. una interfaz de juego. Sitios web de entretenimiento de juegos multidimensionales que utilizan este tipo de diseño.

7. Diseño de tipo "Tres"

Este tipo de diseño se utiliza principalmente en sitios web extranjeros y rara vez se utiliza en China. Su característica es que hay dos bloques de color horizontales en la página, que dividen toda la página en cuatro partes. La mayoría de los bloques de color contienen carteles publicitarios.

8. Diseño de contraste simétrico

Como sugiere el nombre, se refiere a un diseño simétrico de izquierda a derecha o de arriba a abajo, mitad oscuro y mitad claro, generalmente utilizado para sitios web de diseño. Su ventaja es el fuerte impacto visual, pero su desventaja es que es difícil combinar las dos partes de forma orgánica.

9. Diseño POP

POP proviene del término publicitario, lo que significa que el diseño de la página es como un cartel promocional, con una hermosa imagen como centro de diseño de la página. Usado a menudo en sitios web de moda, las ventajas son obvias: hermoso y atractivo, pero la desventaja es la lentitud.

El diseño web (diseño web, también conocido como diseño de UI web, diseño de WUI, WUI) consiste en llevar a cabo funciones del sitio web en función de la información (incluidos productos, servicios, conceptos, cultura) que la empresa espera transmitir a los visitantes. Planificación y luego realización del trabajo de diseño y embellecimiento de la página.

Como uno de los materiales promocionales externos de la empresa, un diseño web exquisito es crucial para mejorar la imagen de marca de la empresa en Internet.

El diseño de páginas web generalmente se divide en tres categorías: diseño de páginas web funcionales (sitio web de servicio y cliente de software B/S), diseño de páginas web basado en imágenes (estación de imagen de marca), diseño de páginas web basado en información (portal) pararse). Los propósitos del diseño de páginas web son diferentes y se deben elegir diferentes soluciones de diseño y planificación web.

Información ampliada

Los sitios web han surgido rápidamente con el rápido desarrollo de Internet. Como base principal para acceder a Internet, se han vuelto muy importantes debido al uso frecuente de Internet. . Porque las empresas necesitan presentar productos, servicios, conceptos, cultura o proporcionar ciertos servicios funcionales al público a través de sitios web. Por lo tanto, el diseño web debe primero aclarar el propósito del diseño del sitio y las necesidades de los usuarios, para poder realizar soluciones de diseño prácticas.

El diseño web profesional necesita pasar por las siguientes etapas:

1. Necesita realizar un análisis exhaustivo en función de las necesidades del consumidor, las condiciones del mercado, la propia situación de la empresa, etc. Establecer el modelo de marketing Start.

2. Realizar una planificación funcional con los objetivos comerciales como centro y crear un diagrama de estructura de columnas.

3. Con el objetivo de satisfacer el diseño de la experiencia del usuario, utilice axure rp o software similar para la planificación de páginas y cree casos de uso interactivos.

4. Con el objetivo de lograr un diseño exquisito de la página, utilice PS, AI y otro software para ajustar y utilizar colores, fuentes, imágenes y estilos más razonables para diseñar y embellecer la página.

5. Según los comentarios de los usuarios, ajuste el diseño de la página para lograr resultados óptimos.

Material de referencia: Enciclopedia Baidu - Diseño Web