Hola, busqué en Baidu Zhizhili y encontré sus respuestas a preguntas sobre cómo crear un sitio web. Tengo algunas preguntas y estoy buscando su ayuda.

En términos de comprensión del diseño web, muchas personas todavía parecen estar estancadas en el apogeo de la producción web. Creo que mientras utilice bien el software de producción de páginas web, puedo hacer un buen trabajo en diseño web...

De hecho, el diseño web es un proceso complejo que combina el pensamiento perceptual y el análisis racional. Su dirección depende de la tarea de diseño, su implementación depende de la producción de páginas web. Como dice el refrán, "El kung fu está más allá de la poesía", lo más importante en el diseño web no es la aplicación del software, sino nuestra comprensión del diseño web y el nivel de diseño y producción, nuestro propio sentido de la belleza y la comprensión de la pagina.

En primer lugar, debemos aclarar las tareas del diseño web.

1. La tarea del diseño

El diseño es una actividad estética, y los trabajos de diseño exitosos son generalmente muy artísticos. Pero el arte es sólo un medio de diseño, no la tarea del diseño. La tarea del diseño es realizar la intención del diseñador, no crear belleza.

La tarea del diseño web se refiere al tema que el diseñador quiere expresar y las funciones a realizar. La naturaleza del sitio es diferente y las tareas de diseño también son diferentes. Formalmente, los sitios se pueden dividir en las siguientes tres categorías.

La primera categoría son los sitios de información, como Sina, NetEase, Sohu y otros portales. Este tipo de sitio proporcionará a los visitantes mucha información y generará mucho tráfico. Por lo tanto, debemos prestar atención a cuestiones como la segmentación de páginas, la estructura razonable, la optimización de la página y la afinidad de la interfaz.

La segunda categoría son los sitios web que combinan información e imagen, como algunas empresas más grandes, universidades nacionales, etc. Este tipo de sitio web tiene requisitos de diseño más altos. No solo debe garantizar los requisitos anteriores de los sitios web de información, sino también resaltar la imagen de la empresa y la unidad. Sin embargo, a juzgar por la situación actual, se sospecha que este tipo de sitio web es de mala calidad.

La tercera categoría son los sitios web basados ​​en imágenes, como algunas pequeñas y medianas empresas o unidades. Este tipo de sitios web generalmente son pequeños, algunos tienen varias páginas y las funciones a implementar son relativamente sencillas. La principal tarea del diseño web es resaltar la imagen corporativa. Este tipo de sitio web requiere que los diseñadores tengan mayores habilidades artísticas.

Por supuesto, esta es sólo una visión general y la situación específica debe analizarse en detalle. Los diferentes sitios deben tratarse de manera diferente. No olvides el punto más importante que son los requisitos del cliente, que también es una tarea de diseño.

Después de aclarar la tarea de diseño, lo siguiente que debemos pensar es cómo completarla.

2. Implementación del diseño

La implementación del diseño se puede dividir en dos partes. La primera parte es la planificación y el boceto del sitio, que se puede completar en papel. La segunda parte es la producción de páginas web, este proceso se realiza en la computadora.

El primer paso para diseñar una página de inicio es diseñar el diseño. Podemos editar páginas web como periódicos y revistas tradicionales, que contienen texto, imágenes e incluso animaciones. Lo que tenemos que hacer es ordenar las imágenes y el texto en diferentes posiciones de la página de la forma más adecuada. Además de tener una computadora bien configurada, también se requiere un software. No podemos decir simplemente si un software es bueno o malo, siempre que el diseñador lo encuentre conveniente y cómodo de usar, se le puede llamar buen software. Por supuesto, debe cumplir con los requisitos del diseñador. El software que uso habitualmente es Dreamweaver de Macromedia, Fireworks, Flash y Photoshop e imageready de Adobe. Todos ellos son muy buenos programas. Lo siguiente que tenemos que hacer es convertir el plano de diseño en realidad mediante el uso de software. La integración final generalmente se completa en Dreamweaver. Aunque determinamos el esquema general de la página en el boceto, la inspiración suele generarse durante el proceso de producción. Los trabajos de diseño deben ser creativos. Este es el requisito más básico. El diseño sin creatividad fracasará. Durante el proceso de producción, nos encontraremos con muchos problemas, el más delicado de los cuales es el color de la página.

3. El uso del color

El color es algo extraño, es hermoso y rico, y puede despertar la percepción espiritual humana. En general, el rojo es el color del fuego, apasionado y desenfrenado, también es el color de la sangre, que puede simbolizar la vida; El amarillo es el color más brillante y luce magnífico, noble y brillante.

El verde es el color de la vegetación de la naturaleza, que significa naturaleza pura y crecimiento, y simboliza tranquilidad, paz y seguridad, como los alimentos verdes. El morado es un símbolo de nobleza y solemnidad. El blanco puede dar a las personas un sentimiento de pureza e inocencia y representa paz y santidad.

Sabemos que el color se produce por la refracción de la luz. El rojo, el amarillo y el azul son los tres colores primarios. Otros colores se pueden combinar con estos tres colores. Otra forma de pensar, podemos utilizar cambios de color para expresar los efectos de luces y sombras, lo que sin duda acercará nuestras obras a la realidad.

Los colores representan diferentes emociones y tienen diferentes significados simbólicos. Estos significados simbólicos son una cuestión compleja en el intercambio de ideas de las personas y varían según la edad, la región, la era, el origen étnico, la clase, la región económica, la capacidad laboral, el nivel educativo, las costumbres, las creencias religiosas, el entorno de vida y las diferencias de género de la persona. diferente.

El color puro no tiene significado práctico. Cuando se combina con diferentes colores, producirá diferentes efectos. Por ejemplo, combinar el verde con el dorado y el blanco claro puede crear una atmósfera elegante y confortable. La mezcla de azul y blanco puede reflejar una atmósfera suave, elegante y romántica. La combinación de rojo, amarillo y dorado puede crear un ambiente festivo. La combinación de oro y granate aportará calidez a las personas. Dependiendo de la tarea de diseño, la combinación de colores también variará. Teniendo en cuenta la adaptabilidad de las páginas web, se deben utilizar colores seguros para la web tanto como sea posible.

Sin embargo, no existen reglas determinadas para el uso de los colores. Si debes utilizar una determinada regla, el efecto será contraproducente. Por experiencia, primero podemos determinar un color principal que pueda expresar el tema y luego usar la aproximación y el contraste del color para completar la combinación de colores de toda la página de acuerdo con las necesidades específicas. Toda la página debe estar integrada visualmente para lograr un efecto visual armonioso y agradable.

4. Combinación de formas

En diseño web, expresamos el tema principalmente a través de la comunicación visual. En la comunicación visual, la forma es un elemento muy importante. Independientemente de si se trata de una imagen o texto, todos los elementos de la imagen pueden tratarse como los elementos básicos de la imagen: puntos, líneas y superficies. En un trabajo exitoso, se requiere una combinación única y coincidencia de puntos, líneas y superficies para construir toda la página.

Normalmente las técnicas de combinación que podemos utilizar incluyen orden, proporción, equilibrio, simetría, continuidad, intervalo, superposición, repetición, intersección*, ritmo, rima, inducción, variación, primer plano, reflexión, etc. , todos tienen sus propias características. En el diseño, se debe seleccionar el método de expresión más adecuado de acuerdo con la situación específica que favorezca la expresión del tema.

A través de la combinación de puntos, líneas y superficies, se pueden resaltar elementos importantes de la página, se puede resaltar el tema del diseño y se puede realzar la belleza, permitiendo al espectador comprender el tema. del diseño mientras siente la belleza, logrando así la tarea de diseño.

El uso inteligente del estilo no sólo puede aportar gran belleza, sino también resaltar mejor la imagen corporativa y puede organizar orgánicamente varios elementos en la página web, e incluso puede guiar la vista del espectador.

5. Principios del diseño

El diseño tiene principios. No importa qué método se utilice para combinar los elementos en la imagen, se deben seguir cinco principios principales: unidad, coherencia, división. contraste y armonía.

La unidad se refiere a la integridad y coherencia del trabajo de diseño. El efecto general del trabajo de diseño es muy importante. No aísle los distintos componentes del diseño, de lo contrario la imagen mostrará un efecto desordenado con ramas y ramas.

Coherencia significa prestar atención a la relación entre páginas. En el diseño, debemos hacer uso de la conexión interna de cada componente en el contenido y el eco mutuo en la expresión, y prestar atención a la coherencia de todo el estilo de diseño de la página para lograr coherencia visual y psicológica, de modo que todas las partes de toda la página El diseño es extremadamente armonioso. Es como hacerlo de una vez.

Dividir se refiere a dividir la página en varias partes pequeñas. Hay diferencias visuales entre las partes pequeñas, para que el espectador pueda verlas claramente de un vistazo. Cuando hay mucha información, para que el espectador pueda ver con claridad, se debe prestar atención a segmentar eficazmente la imagen. La segmentación no es sólo una necesidad de representación. Desde otra perspectiva, la segmentación también puede considerarse como una clasificación del contenido de la página.

El contraste es hacer que el diseño sea más vibrante a través de contradicciones y conflictos. Existen muchas técnicas de contraste, tales como: más y menos, curvo y recto, fuerte y débil, largo y corto, grueso y delgado, escaso y denso, vacío y sólido, primario y secundario, blanco y negro, movimiento y quietud, belleza. y fealdad, Reunir y dispersar, etc.

Debe tener cuidado al utilizar contraste. Demasiado contraste puede destruir fácilmente la sensación estética y afectar la unidad.

Armonía significa que toda la página se ajusta a las leyes de la belleza y está integrada. Si un trabajo de diseño es simplemente una mezcla aleatoria de colores, formas, líneas, etc., entonces el trabajo no sólo no tendrá "sentido de vida", sino que tampoco podrá realizar la función de comunicación del diseño visual en absoluto. La armonía no sólo depende de la forma estructural, sino también de si el efecto visual formado por la obra puede establecer una comunicación con la experiencia visual de las personas y producir una resonancia del alma. Ésta es la clave del éxito del diseño.

6. Optimización de páginas web

En el diseño web, la optimización de páginas web es un vínculo más importante. Su éxito afectará a la velocidad de navegación y a la adaptabilidad de la página, y afectará a la impresión que el visitante tenga del sitio web.

En los sitios web de información, el texto es el componente más grande de la página, por lo que la optimización de las fuentes es particularmente importante. Es necesario utilizar una hoja de estilo CSS para especificar el estilo del texto. Por lo general, especificamos la fuente como Song Dynasty y el tamaño como 12 px. El color depende del color de fondo. En principio, debe ser claramente visible y armonioso con todo. página. Sobre un fondo blanco, generalmente utilizamos negro, que es menos probable que cause fatiga visual y garantiza que los espectadores puedan navegar por la web durante un período de tiempo más largo.

Las imágenes son elementos importantes en las páginas web. La optimización de las imágenes puede reducir su tamaño al mínimo garantizando al mismo tiempo la calidad de navegación, lo que puede aumentar exponencialmente la velocidad de descarga de las páginas web. Puede utilizar Photoshop6 o Fireworks4 para cortar la imagen en trozos pequeños y optimizarlos por separado. El formato de salida puede ser gif o jpeg, según la situación específica. Generalmente, optimizamos bloques pequeños con cambios de color más complejos en jpegs y optimizamos bloques pequeños de estilo dibujos animados con solo bloques de colores simples en gifs. Esto está determinado por las características de estos dos formatos.

La tabla es un elemento importante de la página y el principal medio de diseño de la página. Podemos establecer el ancho, alto, borde, color de fondo, alineación y otros parámetros de la tabla. Muchas veces, configuramos el borde de la tabla en 0 para posicionar los elementos en la página o para determinar la posición relativa de cada elemento en la página. Sabemos que cuando el navegador lee el código HTML original de la página web, lee la tabla completa antes de mostrarla. Si una tabla grande contiene varias subtablas, debe esperar hasta que se lea la tabla grande antes de que las subtablas puedan mostrarse juntas. Esta es la razón por la que cuando visitamos algunos sitios, esperamos mucho tiempo sin obtener resultados, y cuando presionamos el botón "Detener", la página se muestra de repente. Por lo tanto, cuando diseñamos tablas de páginas, debemos intentar evitar anidar todos los elementos en una tabla y mantener los niveles de anidación de las tablas lo más pequeños posible. Cuando se utiliza Dreamweaver para crear una página web, se agregará automáticamente un carácter nulo " " a cada td. Si la celda no está llena con otros elementos, este carácter vacío permanecerá después de especificar el ancho o alto del td, se puede eliminar en el código fuente.

La adaptabilidad de las páginas web es muy importante. En diferentes sistemas, diferentes resoluciones y diferentes navegadores, veremos diferentes resultados, por lo que se deben tener consideraciones generales al diseñar. Generalmente, creamos páginas web a 800*600, y el mejor efecto de navegación también es con una resolución de 800*600. En otros casos, siempre que sea básicamente consistente y no ocurran problemas importantes, es suficiente.

Dicho todo esto, solo espero que pueda ser de ayuda para las personas que hacen "diseño web". Espero que puedan tener una visión global al hacer páginas web y ser dignos de la palabra "diseño".