La mejor manera de combinar colores en el diseño.

Descripción del problema:

Cómo combinar mejor los colores en el diseño.

Análisis:

Habilidades de combinación de colores de páginas web

Los principiantes que crean páginas web pueden estar más acostumbrados a utilizar algunas imágenes hermosas como fondo de sus páginas web. Sin embargo, si navega por sitios web comerciales grandes, encontrará que utilizan más blanco, azul y amarillo para que las páginas web luzcan elegantes, generosas y cálidas. Es más, puede acelerar significativamente la apertura de páginas web.

En términos generales, el color de fondo de una página web debe ser más suave y claro, y se debe utilizar texto oscuro para que parezca natural y cómodo. Para lograr un efecto visual más llamativo, utilice un color más oscuro para el título. La siguiente es mi experiencia al hacer coincidir el color de fondo y el color del texto de las páginas web al crear páginas web y navegar por las páginas web de otras personas. Estos colores se pueden usar como color de fondo del texto o títulos, y luego combinarlos con diferentes fuentes, tendrán un buen efecto. Espero que sea de utilidad para todos a la hora de realizar páginas web.

bgcolorκ〃# f 1 fafaࣳ-El color de fondo del texto es bueno y elegante.

bgcolorκ〃# E8 FFE 8〃-El color de fondo del título es mejor.

bgcolorκ÷e 8 E8 ff÷-El color de fondo del texto es mejor y el color del texto coincide con el negro.

bgcolorκ〃# 8080 c0ࣳ——Es mejor tener palabras en amarillo y blanco.

BGCOLORκ÷e8d 098÷-Lo mejor es tener texto en azul claro o azul.

bgcolorκ〃#EFE FDA〃-Lo mejor es que tenga texto en azul claro o rojo.

BGCOLORκ〃# f2f 1d 7〃-Las palabras negras son muy elegantes y las palabras rojas son muy llamativas.

bgcolorκ÷336699÷-Se ve mejor con texto blanco.

bgcolorκ〃# 6699 cc〃-Se ve mejor con texto blanco y se puede usar como título.

bgcolorκ〃# 66 CCCC〃-Se ve mejor con texto blanco y se puede usar como título.

BGCOLORκ〃# B45B 3E〃-Se ve mejor con texto blanco y se puede usar como título.

bgcolorκ〃# 479 AC 7〃-Se ve mejor con texto blanco y se puede usar como título.

bgcolorκ÷# 00b 271÷-Se ve mejor con texto blanco y se puede usar como título.

Bgcolor κ 〃 # fbbea círculo: se ve mejor con texto negro y generalmente se usa como texto.

BGCOLORκ〃# d5f3f 4〃-Se ve mejor con texto negro Generalmente, se usa negro como texto.

BGCOLORκ〃# d7fff 0〃-Se ve mejor con texto negro y generalmente se usa como texto.

BGCOLOR κ 〃 # F0DAD2 Círculo: se ve mejor con texto negro y generalmente se usa como texto.

Bgcolor κ 〃 #ddf3ff círculo: se ve mejor con texto negro y generalmente se usa como texto.

Un fondo verde claro con texto negro o un fondo blanco con texto azul son ambos muy llamativos, pero el primero resalta el fondo, mientras que el segundo resalta el texto. Los caracteres blancos sobre fondo rojo y los caracteres amarillos sobre fondo oscuro son muy efectivos.

Este artículo sólo sirve como punto de partida. Todos pueden usar su imaginación para combinar colores más nuevos y llamativos y hacer que la página web sea más atractiva.

==================

Hoy en día, Internet está cada vez más cerca de nuestras vidas, y navegar por Internet se ha poco a poco se conviertan en parte integrante de nuestra vida diaria. El mundo online es colorido y han surgido una gran cantidad de páginas web excelentes y hermosas. Una gran cantidad de información de la red se presenta en forma de texto, imágenes, fotografías, etc. Entre ellos, el texto es el elemento de diseño más importante de una página web. Para los principiantes en diseño web, es particularmente importante comprender y dominar el diseño de diseño de texto en diseño web. Al autor le gustaría hablar sobre sus propios puntos de vista a continuación.

Formato de texto

Tamaño de fuente, fuente, interlineado

El tamaño de fuente se puede calcular utilizando diferentes métodos, como puntos #quotel.quoter# o Pixel. Debido a que las unidades basadas en tecnología de píxeles deben convertirse en puntos al imprimir, se recomienda utilizar puntos como unidad.

El tamaño de fuente óptimo para mostrar texto web es de aproximadamente 12 puntos. Hoy en día, muchos sitios web completos generalmente utilizan un tamaño de fuente de 9 puntos porque hay mucho contenido que organizar en una sola página. Utilice fuentes más grandes para títulos u otras áreas que necesiten énfasis y fuentes más pequeñas para pies de página e información de respaldo. Cabe señalar que las fuentes pequeñas tienden a crear una sensación de integridad y refinamiento, pero son menos legibles.

Los diseñadores web pueden utilizar fuentes para reflejar plenamente las emociones que quieren expresar en sus diseños. La selección de fuentes es un acto emocional e intuitivo. Sin embargo, cualquier fuente que elijas debe basarse en la idea general de la página y las necesidades de tus visitantes. Por ejemplo, la escritura en negrita es fuerte y masculina, adecuada para maquinaria, construcción, etc.; la letra fina es elegante, delicada y femenina, y es más adecuada para la industria de la confección, la cosmética, la alimentación y otras industrias. En la misma página, hay menos tipos de fuentes, el diseño es elegante y hay una sensación de estabilidad. Hay muchos tipos de fuentes, por lo que el diseño es activo y colorido; La clave es cómo captar esta relación proporcional en función del contenido de la página.

Desde la perspectiva de fortalecer la independencia de la plataforma, es mejor utilizar la fuente predeterminada para el contenido de texto. Porque el navegador utiliza las fuentes de la computadora local para mostrar el contenido de la página. Como diseñador web, hay que tener en cuenta que la mayoría de los navegadores sólo tienen tres tipos de fuentes y algunas fuentes específicas correspondientes instaladas en su máquina. Es posible que la fuente que especifique no se encuentre en el navegador, lo que genera grandes restricciones al diseño web. La solución es: cuando realmente necesites usar fuentes especiales, puedes convertir el texto en una imagen y luego insertarla en la página.

Los cambios en el interlineado también tendrán un gran impacto en la legibilidad del texto. En términos generales, una configuración inicial más cercana al tamaño de fuente es mejor para el texto. La relación de interlineado convencional es 10:12, es decir, si utiliza caracteres de 10 puntos, el interlineado es de 12 puntos. Esto se debe principalmente a las siguientes consideraciones: un interlineado adecuado formará un espacio en blanco horizontal obvio para guiar la línea de visión del espectador, mientras que un interlineado excesivo hará que una línea de texto pierda buena continuidad.

Además de su impacto en la legibilidad, el interlineado en sí también es un lenguaje de diseño muy expresivo. Para mejorar el efecto decorativo del diseño, el espacio entre líneas se puede ampliar o reducir conscientemente para reflejar un gusto estético único. Por ejemplo, ampliar el interlineado puede reflejar un estado de ánimo relajado y relajado, y es adecuado para contenido entretenido y lírico. Además, mediante una disposición cuidadosa y la coexistencia de espacios entre líneas amplios y estrechos, la jerarquía espacial y la flexibilidad del diseño pueden mejorarse y ser únicas.

El interlineado se puede configurar utilizando el atributo de altura de línea. Se recomienda utilizar puntos o un porcentaje de la altura de línea predeterminada. Por ejemplo: {alto de línea: 20 puntos}, {alto de línea: 150%}.

La disposición general de las palabras

La parte de texto de la página es un grupo de muchas palabras individuales organizadas. Es necesario aprovechar al máximo el papel de este grupo en el conjunto. diseño de la página. Desde un punto de vista artístico, la fuente en sí misma puede considerarse una forma de arte que tiene un gran impacto en la personalidad y las emociones de las personas. En diseño web, el tratamiento de las fuentes es tan importante como el tratamiento de otros elementos de diseño como el color, el diseño y los gráficos. En cierto sentido, todos los elementos de diseño pueden entenderse como gráficos.

1. Texto gráfico

Las fuentes tienen dos funciones: una es realizar el significado y la semántica de las palabras, y la otra es el efecto estético. La llamada gráficaización del texto tiene como objetivo enfatizar su efecto estético, expresar el texto simbólico como elementos gráficos y al mismo tiempo fortalecer la función original. Como diseñador web, puedes configurar fuentes de forma convencional o diseñarlas artísticamente. Pase lo que pase, todo debería girar en torno a cómo lograr mejor sus objetivos de diseño.

Utilizar una forma más creativa de expresar gráfica y visualmente ideas de diseño profundas puede superar la monotonía y la aburrida página web, impresionando así a la gente.

2. Superposición de palabras

La superposición entre palabras e imágenes o entre palabras puede producir sensación de espacio, salto, transparencia, ruido y narrativa, siendo así un elemento activo y llamativo. elemento en la página. Aunque la técnica de superposición afecta la legibilidad del texto, puede crear un efecto visual único en la página.

Esta técnica de expresión que no persigue la legibilidad sino que deliberadamente persigue el "ruido" refleja una tendencia artística. Por lo tanto, se utiliza ampliamente no sólo en el diseño de maquetación tradicional, sino también en el diseño web.

3. Título y texto

Al organizar el título y el texto, primero puedes organizar el texto en dos, tres o cuatro columnas, y luego poner el título. El objetivo de dividir el texto en columnas es encontrar espacio y flexibilidad en la página, y evitar columnas rígidas y una única forma de insertar títulos. Aunque el título es el título de todo el párrafo o artículo, no siempre se coloca al principio del párrafo. Puede organizarlos en el centro, horizontal, vertical u horizontalmente, o incluso insertar grupos de palabras directamente para romper viejas reglas con diseños novedosos.

4. Cuatro formas básicas de disposición del texto

La parte del texto de la página es un grupo de muchas palabras individuales. Es necesario darle rienda suelta a esta forma de grupo en general. Diseño de la página.

Extremos pares: la longitud del texto es par desde el extremo izquierdo hasta el extremo derecho, y los grupos de palabras forman una cara cuadrada, que es correcta, rigurosa y hermosa.

Disposición centrada: cuando el espacio entre palabras es igual, disponga con el centro de la página como eje. Esta disposición hace que las palabras sean más prominentes y crea una belleza formal simétrica.

Alineado a la izquierda o alineado a la derecha: Alineado a la izquierda o alineado a la derecha hace que el principio o el final de una línea forme naturalmente una línea vertical clara, lo que facilita la coincidencia de los gráficos. Este arreglo es suelto y tenso, vacío y sólido, saltarín y elegante, produciendo la belleza formal del ritmo y el ritmo. La alineación a la izquierda se ajusta a los hábitos de lectura de las personas y parece natural; la alineación a la derecha rara vez se utiliza porque no se ajusta a los hábitos de lectura, pero es muy novedosa.

Organizar alrededor de los gráficos: organiza el texto alrededor de los bordes de los gráficos. Si insertas la imagen base en el texto, hará que las personas se sientan armoniosas y naturales.

Énfasis de palabras

1. Énfasis al inicio de la línea

Ampliar y modificar la primera palabra o letra del texto e incrustarla al inicio de el párrafo. En los medios tradicionales en el diseño, se llama "soltar". La invención de esta técnica se remonta a los escribas manuscritos europeos medievales. Debido a que tiene las funciones de atractivo, decoración y diseño activo, se aplica a la disposición del texto de las páginas web. Debe abarcar la amplitud superior e inferior de la línea de palabras completa. En cuanto a cuánto acercar, depende del entorno web.

2. El foco de las citas

En el diseño de las páginas web, a menudo nos encontramos con palabras abstractas, es decir, citas. Una cita resume la idea principal de un párrafo, un capítulo o un artículo completo, por lo que se le debe dar una posición de diseño especial y espacio para enfatizar al formatear. Las citas se pueden organizar de diversas formas, como incrustadas en los lados izquierdo y derecho del texto, arriba, abajo o en el centro, y pueden diferir del texto en fuente o tamaño.

3. Enfatizar una sola palabra

Si los caracteres individuales son el foco de la página, podemos hacerlo conscientemente poniendo negrita, agregando bordes, subrayando, agregando indicadores, fuentes en cursiva, etc. Mejore el efecto visual de los personajes para que se destaquen y sean llamativos en toda la página. Además, cambiar el color de algunas palabras también puede resaltarlas. En realidad, estos métodos utilizan la ley del contraste.

Color del texto

En el diseño web, los diseñadores pueden elegir varios colores para el texto, enlaces de texto, enlaces visitados y enlaces actualmente activos. Por ejemplo, si utiliza el editor de FrontPage, la configuración predeterminada es la siguiente: el color de fuente normal es negro, el color del enlace predeterminado es azul y se vuelve violeta después de hacer clic con el mouse. El uso de texto de diferentes colores puede hacer que las áreas que desea resaltar sean más prominentes, pero tenga en cuenta que solo debe usar una pequeña cantidad de color de texto. Si quieres enfatizar todo, en realidad no enfatizas nada. Además, el uso de demasiados colores en una página afectará el contenido de la misma, a menos que tenga un propósito de diseño específico.

El uso del color no sólo puede enfatizar partes especiales de toda la copia, sino que también tiene un impacto en la expresión emocional de toda la copia. Se trata del significado simbólico emocional del color. Debido a limitaciones de espacio, no lo discutiremos en profundidad aquí.

Además, preste atención al contraste de los colores del texto, incluido el contraste de brillo, el contraste de pureza y el contraste frío y cálido. Estos no solo afectan la legibilidad del texto, sino que, lo que es más importante, pueden lograr los efectos de diseño deseados, las emociones de diseño y las ideas de diseño mediante el uso del color. (Fuente: Editor de Internet: Vecinos)