Mi experiencia aprendiendo diseño web en 2020
Experiencias de aprendizaje de diseño web en 2020 (1) En un abrir y cerrar de ojos, el curso de aprendizaje de diseño web llega a su fin. Aunque el tiempo es un poco corto, me he beneficiado mucho al realizar este curso durante algunas semanas.
Recuerdo que cuando entré en contacto por primera vez con Dreamweaver, estaba muy confundido, porque cuando entré en contacto por primera vez con un software desconocido, tenía miedo de no poder seguir el ritmo del profesor. progreso. En las primeras clases, las conferencias del profesor eran relativamente básicas y podía seguir el ritmo. Poco a poco, el proceso de enseñanza empezó a acelerarse y algunos estudiantes no podían seguir el ritmo. Debes compensarlo después de clase y preguntarle al profesor y a los compañeros que te rodean. Poco a poco, bajo la cuidadosa guía del profesor, nos familiarizamos con este software. La primera tarea asignada por el profesor es realizar un sitio web de autoimagen. Debido a que el tiempo de aprendizaje es corto, el profesor solo necesita usar PS para hacer una plantilla y la tarea es relativamente simple. Pero también requiere un fuerte sentido del diseño, una combinación armoniosa de colores y hacer que una página web sea lo más realista y hermosa posible.
El segundo profesor de diseño web tiene requisitos más altos. Dreamweaver se utiliza para crear páginas web y páginas secundarias más realistas. Entonces comencé a recopilar todo tipo de información. Una vez determinado el tema, comienza el diseño. Al principio usé una tabla, luego la dividí y fusioné en la tabla, y luego PS procesó un encabezado y puse la imagen redimensionada en él.
En medio de la vista previa, ocurrió un problema. Se encontró que había una gran distancia entre el encabezado y la imagen y el texto a continuación. Sin embargo, la distancia se había reducido a 0 en el software. Incluso después de intentarlo muchas veces, no tuvo ningún efecto. Finalmente, pensé que podía agregar otra tabla y poner el encabezado en una tabla, y el problema se resolvió. La vista previa fue bastante buena. Sin embargo, siempre siento que la página de inicio es demasiado común y corriente. Al navegar por la página web creada por mi superior, sentí que su ventana de desplazamiento de texto era bastante buena, así que quise tomarla prestada. Decidí modificar el lado izquierdo de mi sitio web. Copié su código y cambié lo anterior por el texto que necesitaba para mi sitio web. Pensé que esto sería fácil de hacer, pero hay un gran problema.
Debido a que el texto que se debe desplazar ocupa demasiado espacio, la tabla de la izquierda está llena. Sin embargo, en la vista previa de la página web real, el cuadro con el texto que se desplaza solo ocupa fácilmente para enseñarle cómo hacerlo. para reproducir diseño web. Y navegue por el tercio izquierdo del creador de sitios web, y los dos tercios izquierdos están en blanco. Pensé si podía poner texto capa por capa. Probé muchos métodos y verifiqué mucha información en el sitio web. Quizás porque no existen términos profesionales como palabras clave de búsqueda, no se puede encontrar información relevante. Intenté repetidamente usar etiquetas div y dividir la tabla, pero aún así no funcionó. Justo cuando lo estaba probando, de repente pensé en el concepto de capas. Entonces hice clic en la capa de dibujo en el diseño y funcionó. Después de un poco de procesamiento, finalmente logré completar el diseño de la izquierda. Lo que más me impresionó fue el sonido insertado. Recuerdo que el profesor nos dijo muchas veces cómo insertar sonidos, pero lo olvidé cuando estaba haciendo una página web, así que le pregunté a otra persona. De hecho, lo olvidé y lo guardé en Baidu. Finalmente encontré el código que funciona, pero hubo un problema al agregar la ruta del sonido. Agregué el archivo fuente a las propiedades, pero el resultado fue que no se pudo agregar el archivo de música mp3. Luego intenté agregar un video, escribí el formato de ruta y luego escribí la ruta del archivo fuente de sonido de acuerdo con este formato. , y finalmente lo logró. Todavía quedan muchos problemas en el proceso de diseño, pero a través del aprendizaje, la resolución y la mejora continua mediante la lectura de libros, búsquedas en línea, consultas con compañeros, etc., las páginas web diseñadas mejoran y perfeccionan constantemente tanto en apariencia como en contenido. Se puede decir que el nivel de diseño web ha mejorado enormemente en el proceso de autoayuda y práctica continua. Con entusiasmo y perseverancia, diseñaré páginas web más profesionales y perfectas en el futuro.
Mi experiencia aprendiendo diseño web en 2020 (2) Llevo mucho tiempo aprendiendo diseño web sin saberlo. Me alegro de poder aprender algo sobre la construcción y el diseño de sitios web en esta sociedad con uso intensivo de computadoras. Internet se ha convertido en una herramienta cómoda para obtener conocimientos e información. Hoy en día, la vida y los negocios ya están en pleno apogeo en línea. Creo que para vivir en la era de Internet, es necesario que adquiramos conocimientos sobre Internet. A continuación me gustaría compartir mi experiencia exclusiva de aprender diseño web. Espero que pueda brindarles alguna ayuda a quienes están aprendiendo diseño web.
En el proceso de aprender diseño web, también creé con éxito mi propio sitio web. A través de este intento, tengo una comprensión más profunda de las computadoras y me intereso más.
En particular, tengo una comprensión más profunda del proceso y algunas técnicas de producción de páginas web, y tengo cierta comprensión de los conocimientos básicos de la producción de páginas web. En mi opinión, antes de diseñar una página web:
En primer lugar, debes determinar el contenido del diseño web, porque un excelente sitio web debe tener un tema claro, y todo el sitio web debe estar construido alrededor de este. tema, es decir, cuando diseñas Antes de crear una página web, debes dejar claro cuál es el propósito de tu sitio web y para qué se utiliza. Todas las páginas están diseñadas en torno a este contenido. Tener un contenido claro juega un papel muy importante en el ranking.
En segundo lugar, es natural comprender a los clientes del sector en el que se encuentra su sitio web. Hay que saber que los usuarios son la clave del éxito o del fracaso de un sitio web. Si los usuarios pasan mucho tiempo en su sitio web, es muy probable que el usuario cierre su sitio web inmediatamente, o que su sitio web no sea conveniente para operar y el usuario lo abandone inmediatamente. Este tipo de sitio web tiene un diseño muy fallido y sólo dejará a los usuarios decepcionados.
En el proceso de diseño de una página web, finalmente me di cuenta de que hacer una página de inicio no es una tarea fácil. Incluye la selección del tema de la página de inicio personal, la recopilación y organización del contenido, y el procesamiento. de imágenes y el diseño de la página, la configuración del diseño, el fondo, el tono de color de toda la página web y muchas otras cosas. Cosas a tener en cuenta al crear tu página de inicio:
Si quieres un buen título. El título juega un papel importante en su página de inicio y determina en gran medida el posicionamiento de toda su página de inicio. Un buen título debe ser general, distintivo, breve y fácil de recordar, y no coherente con la temática y el estilo de tu página de inicio.
La página de inicio no sólo debe tener texto, sino también añadir algunas imágenes de forma adecuada. Una buena imagen vale más que mil palabras. También puede hacer que las personas que ingresan a tu sitio web sean claras de un vistazo y generen interés.
No se puede ignorar el diseño general de la página web. Un principio muy importante es hacer un uso razonable del espacio. Mantener su página web organizada y dejar el espacio adecuado dará a las personas una sensación de relajación.
Por supuesto, antes de hacer estas cosas, es necesario encontrar buena información. Podemos recopilar y organizar información relevante de periódicos, revistas, CD-ROM y otros medios para agregar algo de autoconocimiento. Otro buen método es recopilar información de Internet. Puedes encontrar mucha información simplemente buscando las palabras clave correspondientes en el motor de búsqueda. Puedo recomendar un buen software para diseñar y crear páginas web, y ese es Dreamweaver. Sólo necesita utilizar algunas funciones básicas de este software: configuración de inserción y alineación de imágenes; configurando el formato, el color y el color de fondo del texto, puede crear una página web sencilla. Bueno, una vez completado el diseño web, el último paso es optimizar el sitio web.
Desde mi punto de vista, personalmente creo que el diseño web debe centrarse en la practicidad, porque lo usamos para interactuar, por lo que sugiero que sea simple y hermoso. Demasiada copia de gráficos, texto y diseño de página sólo hará que la gente se sienta más incómoda. Finalmente, no soy un diseñador web profesional, las anteriores son sólo algunas de mis experiencias en el aprendizaje de diseño web.
Experiencias de aprendizaje de diseño web en 2020 (3) Con el rápido desarrollo de Internet, el diseño web está aumentando rápidamente. Como principal soporte para navegar por Internet, ha adquirido gran importancia debido al uso frecuente de Internet. En mi vida diaria, entro en contacto con páginas web todos los días. Antes no prestaba atención al diseño de páginas web, pero después de este período de estudio y comprensión, ahora habitualmente miro el diseño, el diseño y la aplicación de color cuando abro una página web.
A través de la explicación del profesor y la lectura de libros de texto, aprendí algunos conocimientos sobre la construcción y producción de sitios web, y también dominé los conocimientos básicos de la producción de páginas web. Utilicé algunas funciones básicas al crear páginas web a través de Dreamweaver: configuración de inserción y alineación de imágenes, configuración de formato de texto, color, color de fondo, etc. Pero cuando intento hacerlo yo mismo, siempre surge este o aquel problema. O la imagen no se puede fijar en la posición que desea o el área de visualización del texto en desplazamiento no sabe por qué se extiende por la página. Las diferentes resoluciones y navegadores afectarán la navegación web. Y en CSS, no siempre estoy familiarizado con lo que controlan los distintos códigos. Además de descubrir y resolver problemas, también resumimos nuestras experiencias. Por ejemplo:
1. Tenga cuidado al nombrar su sitio o carpeta. Lo mejor es utilizar el pinyin correspondiente en inglés o chino para conocer el significado del nombre. Por ejemplo, utilice image o tu para la carpeta de imágenes, lo que puede evitar llamadas de página incorrectas.
2. Al llamar a Estilo, puede hacer clic con el botón derecho del mouse y seleccionar Estilo personalizado para llamar al Estilo estándar, o puede hacer clic con el botón derecho del mouse en la lista de elementos de la barra de estado para llamar a Estilo.
Aunque diferentes métodos parecen lograr el mismo efecto, los códigos HTML realmente generados son completamente diferentes. En el proceso, también me di cuenta de que el diseño web no es una materia única, sino una combinación de varios cursos. Es una aplicación integral de software web como Flash y Photoshop. Por ejemplo, Flash proporciona una herramienta de dibujo y pintura con todas las funciones. Puedes pintar directamente en nuestra área y soy muy flexible con mis modificaciones. Otra característica importante es su fuerte "interactividad". Al reproducir una animación, puede usar el mouse o el teclado para controlar la animación, lo que puede reflejar directamente el efecto. El diseño de la página debe basarse en los principios de belleza, generosidad y simplicidad, y mantener un estilo coherente. Para lograr el mejor rendimiento visual, se debe prestar atención a la racionalidad del diseño general para que los visitantes puedan tener una experiencia visual fluida. La función principal de una página web es proporcionar un formulario para que cada visitante comprenda la información proporcionada por el sitio web. Para aprender diseño web, es necesario verlo desde la perspectiva del usuario. Los usuarios son la clave del éxito de un sitio web. Si los usuarios pasan mucho tiempo en el sitio web, es probable que lo cierren inmediatamente o que no sea conveniente que los usuarios abandonen el sitio web inmediatamente. Este tipo de sitio web tiene un diseño muy fallido y sólo dejará a los usuarios decepcionados. Por lo tanto, es mejor que la capacidad de la página web, es decir, el número de bytes de la página web que contiene imágenes, no exceda los 50K.
También implica el problema del debilitamiento de la interfaz. Un buen diseño de interfaz debilita la interfaz, resalta las funciones y se centra en lo que la industria de los sitios web ofrece a los usuarios. Esto implica orden de navegación, partición funcional, etc. Para permitir a los visitantes comprender la naturaleza industrial del sitio web en 0,5 segundos y saber dónde empezar a utilizar el sitio web en 1 segundo. Si pueden hacer clic una vez, nunca harán clic dos veces. Por supuesto, es posible que la mayoría de los sitios web funcionales mencionados anteriormente deban ser llamativos para sitios web de visualización promocional, como efectos especiales o sitios web Flash, pero no demasiado. El sitio web no es un cómic. En China, donde la eficiencia es cada vez mayor y la psicología social se vuelve cada vez más impetuosa, la paciencia de la gente es cada vez menor y su resistencia psicológica es cada vez menor. El efecto puede reflejar la concepción artística.
La siguiente es una breve introducción a los conceptos y puntos clave del diseño web. Conceptos de diseño web:
(1) El contenido determina la forma: primero enriquece el contenido, luego bloquéelo, luego establece el tono y luego se ocupa de los detalles.
(2) Primero el todo, luego las partes, y finalmente volver al todo: considerar el todo, llenar lo que se pueda llenar y ocupar el puesto. Luego establezca el tono y continúe con el diseño del módulo. Finalmente, ajuste algunos detalles locales insatisfactorios.
(3) La función determina la dirección del diseño: determina la idea de diseño en función del propósito del sitio web. Las empresas deberían resaltar el propósito de obtener ganancias; el gobierno debería resaltar la imagen y los artículos autorizados deberían resaltar a los profesores y los cursos;
Los dos puntos principales del diseño web son: el estilo general y la combinación de colores.
En primer lugar, determine el estilo general del sitio web
1. Intente colocar el logotipo en la posición más visible de la página.
2. Resalta los colores estándar.
3.Resumir un eslogan publicitario que refleje la esencia del sitio web.
4. Utiliza el mismo efecto para el mismo tipo de imágenes. Por ejemplo, si el texto del título utiliza un efecto de sombra, entonces la configuración para el efecto de sombra de todo el texto del título que aparece en el sitio web debe ser exactamente la misma.
En segundo lugar, la combinación de colores de la página web
1. Elija un color y luego ajuste la transparencia o la saturación para que la página luzca uniforme y en capas.
2. Utiliza dos colores. Comience eligiendo un color y luego elija el color que contraste.
3. Utiliza un sistema de color. Simplemente use un color que parezca azul claro, amarillo claro, verde claro o caqui, caqui, caqui;
En la combinación de colores web, hay algunos malentendidos que debes recordar:
1. No utilices todos los colores, intenta limitarlos a tres o cinco colores.
2. El contraste entre el fondo y el artículo anterior debe ser lo más grande posible (nunca utilices patrones complejos como fondo) para resaltar el contenido del texto.
Dado la dirección de diseño gráfico que estudié, en esta ocasión la apliqué al pensamiento creativo, maquetación y configuración de color. La creatividad gráfica y otros aspectos son muy importantes. El diseño web, como lenguaje visual, presta especial atención a la maquetación y maquetación.
Aunque el diseño de la página de inicio y el diseño gráfico son diferentes, tienen muchas similitudes. El diseño expresa armonía y belleza a través de la combinación espacial de texto y gráficos. Sin la acumulación de cada pequeño paso, una persona no puede completar mil millas. Entré por la puerta del diseño web bajo la guía de mi maestro. Continuaré aprendiendo más sobre cómo crear páginas web en mi tiempo libre para mejorar mis habilidades.