3 ejemplos de experiencias de aprendizaje de diseño web personal

3 ejemplos de experiencias de aprendizaje de diseño web personal

¿Qué tipo de experiencia obtienes al aprender diseño web? La siguiente es la experiencia de aprendizaje de diseño web personal que he recopilado. ensayos de muestra, todos son bienvenidos a leer.

?

Experiencia de aprendizaje en diseño web 2020 (1)

En un abrir y cerrar de ojos, es el final del semestre. Y es hora de aprender diseño web. El curso está llegando a su fin. Aunque el tiempo es un poco corto, me he beneficiado mucho después de aprender esto durante algunas semanas.

Recuerdo que cuando entré en contacto por primera vez con Dreamweaver, estaba muy confundido, porque cuando entré por primera vez en contacto con un software desconocido, tenía mucho miedo de no poder seguir el progreso del profesor. . En las primeras clases, las conferencias del profesor eran relativamente básicas y pude seguir el ritmo. Poco a poco, el proceso de enseñanza del profesor empezó a acelerarse y no pude seguir el ritmo, tuve que recuperarlo después de clase y preguntarle al profesor. y compañeros de clase a mi alrededor. Poco a poco, bajo la cuidadosa guía del profesor, nos familiarizamos con este software. La primera tarea asignada por el profesor consiste en realizar un sitio web de autoimagen. Dado que el tiempo de aprendizaje es corto, el profesor solo necesita usar PS para crear plantillas y la tarea es relativamente simple. Pero también requiere un fuerte sentido del diseño, una combinación armoniosa de colores y crear una página web hermosa que sea lo más práctica y realista posible.

El segundo profesor de diseño web tiene requisitos relativamente altos. Utiliza Dreamweaver para crear una página web más cercana a la real y también necesita crear una página secundaria. Entonces comencé a recopilar todo tipo de información. Una vez determinado el tema, comienza el diseño. Al principio, se usó una tabla, y luego se dividió y fusionó dentro de la tabla. Luego, se procesó un encabezado a través de PS y se colocó en él la imagen de tamaño modificado.

Al realizar la vista previa en el medio, se produjo 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 redujo a 0 en el software. intentos, no funcionó. Finalmente, pensé que podía agregar otra tabla y poner el encabezado dentro de una tabla, así se soluciona el problema. La vista previa es bastante buena. Pero siempre sentí que la página de inicio era demasiado común. Cuando navegué por una página web creada por mi superior, sentí que su ventana de desplazamiento de texto era muy efectiva, así que quise tomarla prestada. Decidí modificar el lado izquierdo de mi sitio web. Copié su código y modifiqué el contenido anterior al texto necesario para mi sitio web. Pensé que se podría hacer fácilmente, pero ocurrió un gran problema.

Debido a que el texto que se debe desplazar ocupa demasiado espacio, la tabla de la izquierda está completamente ocupada. Sin embargo, en la vista previa de la página web real, el cuadro con el texto que se desplaza solo ocupa el lado izquierdo. oeasy te enseña a jugar con herramientas de navegación y diseño web y a crear un sitio web para un tercio de la página, dejando dos tercios del lado izquierdo en blanco. Me preguntaba si podía ponerle texto capa por capa. Probé muchos métodos y verifiqué mucha información en el sitio web. Tal vez porque no había términos profesionales como palabras clave de búsqueda, no pude encontrar ninguna información relevante. div. Label, intenté dividir la tabla continuamente, pero al final todavía no tuvo efecto. Al intentarlo así, de repente me vino a la mente el concepto de capas.

Entonces hice clic en la capa de dibujo en el diseño y fue exitoso. Después de un poco de procesamiento, finalmente completé con éxito el diseño de la izquierda. Lo que más me impresionó fue insertar sonidos. Recuerdo que una vez la maestra nos dijo muchas veces cómo insertar sonidos, pero cuando hice la página web, me olvidé, así que le pregunté a otras personas, pero todos se olvidaron, así que recopilé. en Baidu. Finalmente encontré un código que funcionó, pero hubo un problema al agregar la ruta del sonido. Después de agregar el archivo fuente en las propiedades, el resultado fue que no se pudo agregar el archivo de música mp3. Luego intenté agregar un video, anoté el formato de la ruta y luego escribí la ruta al archivo fuente del sonido de acuerdo con este formato. y finalmente lo logró. Surgieron muchos problemas durante el proceso de diseño, pero a través del constante aprendizaje, solución y mejora mediante la lectura de libros, búsquedas en línea y preguntas a los compañeros, las páginas web diseñadas progresan y mejoran constantemente, tanto en apariencia como en contenido.

Se puede decir que en el proceso de hacerlo usted mismo y practicar continuamente, el nivel de diseño web ha mejorado enormemente. Con ilusión y constancia, las páginas web que diseño en el futuro serán más profesionales y completas.

Experiencia de aprendizaje en diseño web 2020 (2)

He estado estudiando diseño web de sitios completos durante algún tiempo sin saberlo y estoy muy feliz de poder aprender en esta computadora. sociedad intensiva. Algunos conocimientos de construcción de sitios web y diseño web. Internet se ha convertido en una herramienta conveniente para que obtengamos conocimientos e información. La vida y los negocios de hoy ya están en pleno apogeo en Internet. Creo que aprender conocimientos sobre redes todavía es necesario para quienes vivimos en la era de Internet. A continuación, me gustaría compartir mi experiencia exclusiva de aprendizaje en 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, obtuve una comprensión más profunda de las computadoras y un mayor interés. En particular, tengo una comprensión diferente del proceso y algunas técnicas de producción de páginas web, y también tengo cierta comprensión de los conocimientos básicos de la producción de páginas web. Creo que antes de diseñar una página web:

Primero que nada hay que determinar el contenido del diseño web, porque un excelente sitio web debe tener una temática clara, y toda la web gira en torno a esta temática, eso es decir, lo que quieres hacer en la página web. Antes de diseñar, debes tener claro el propósito de tu sitio web y para qué se utiliza. Todas las páginas se construyen en torno a este contenido. Tener un contenido claro juega un papel muy importante en la clasificación.

El segundo paso es comprender a los clientes de la industria donde se encuentra su sitio web. Debe saber que los usuarios son la clave para el éxito o el fracaso de un sitio web. Si los usuarios pasan mucho tiempo ingresando a su sitio web, es probable que lo cierren de inmediato o que su sitio web sea muy inconveniente y los usuarios lo abandonen inmediatamente. Este tipo de sitio web fracasará. El diseño sólo hará que los usuarios se vayan decepcionados.

En el proceso de diseño de una página web esta vez, finalmente me di cuenta de que crear 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 diseño de página. Hay muchas cosas, como la configuración de tipografía, los fondos y el tono de toda la página web. Cosas a tener en cuenta al crear una página de inicio:

Piensa en un buen título. El título juega un papel muy importante en su página de inicio personal. Determina en gran medida el posicionamiento de toda su página de inicio personal. Un buen título debe ser general, distintivo, breve y fácil de recordar, y no debe ajustarse a la temática ni al estilo de su propia página de inicio.

La página de inicio no sólo debe tener texto, sino también añadir algunas imágenes apropiadas. Una buena imagen puede decir más que mil palabras. También puede hacer que las personas que entren en tu página web la entiendan 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 utilizar el espacio de manera razonable para ordenar su página web y dejar el espacio adecuado, lo que brindará a las personas una sensación de relajación.

Por supuesto, antes de crear este contenido, necesitamos encontrar buena información. Podemos recopilar y organizar información relevante de periódicos, revistas, CD y otros medios, y luego agregar algunas ediciones. Otra buena forma es recopilarla de Internet. Puede 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, color, configuración de color de fondo, etc. para crear una página web sencilla. Bien, una vez completado el diseño y la producción 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 la simplicidad y la belleza son mejores. Hay demasiadas imágenes, textos y textos copiados. diseño de página. Solo hará que la gente que mira se sienta más incómoda. Finalmente, me gustaría decir que no soy un diseñador de sitios web profesional. Las anteriores son solo algunas de mis experiencias en el aprendizaje del diseño web.

2020 Experiencia de aprendizaje en diseño web (3)

El diseño web ha aumentado rápidamente con el rápido desarrollo de Internet. Como base principal para navegar por Internet, se ha vuelto más popular debido. al uso frecuente de Internet. En mi vida, entro en contacto con páginas web todos los días cuando me conecto a Internet. Antes no prestaba atención al diseño de las páginas web, pero después de aprender y comprender durante este período de tiempo, ahora cuando abro una web. página, habitualmente miraré primero el diseño, el diseño y el uso del color.

A través de la explicación del profesor y la lectura de libros de texto, aprendí algunos conocimientos sobre cómo crear sitios web y crear páginas web, y también tengo cierta comprensión de los conocimientos básicos de la producción de páginas web. Para crear páginas web a través de Dreamweaver, utilicé algunas funciones básicas: configuración de inserción y alineación de imágenes, formato de texto, color, configuración de color de fondo, etc. Pero cuando intento hacerlo yo mismo, siempre surgen problemas aquí y allá. O la imagen no se puede fijar en la posición que desea o el área de visualización del texto en desplazamiento no se extiende fuera de la página por algún motivo. Además, las diferentes resoluciones y los diferentes navegadores afectarán la navegación por la web. Y en términos de CSS, no siempre estoy familiarizado con lo que controlan los distintos códigos. Además de encontrar y resolver problemas, también resumí mi experiencia. Por ejemplo:

1. Al nombrar un sitio o carpeta, debe prestar atención. Es mejor utilizar el Pinyin correspondiente en inglés o chino, y debe conocer el significado del nombre. image o tu para una carpeta de imágenes, para que puedas 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 estándar de estilo, o puede hacer clic con el botón derecho en la lista de elementos en la barra de estado para llamar a Estilo.

Aunque los efectos logrados por diferentes métodos parecen ser los mismos, los códigos HTML realmente generados son completamente diferentes. Durante este proceso, también me di cuenta de que el diseño web no es un tema único, sino una combinación de varios cursos. Es una aplicación integral de software web como Flash y Photoshop. Por ejemplo, Flash proporciona herramientas de edición de gráficos y dibujos con todas las funciones. Puede dibujar directamente en el área de edición. La edición y modificación son muy flexibles. Otra característica importante es su gran interactividad. Cuando se reproduce la animación, puede usar el mouse o el teclado para controlar la reproducción de la animación, lo que puede reflejar el efecto de manera intuitiva. 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, el diseño general debe ser racional para que los espectadores puedan tener una experiencia visual fluida. La función principal de una página web es proporcionar un formulario para que cada internauta comprenda la información proporcionada por el sitio web. Para estudiar diseño web, es necesario verlo desde la perspectiva del usuario. Los usuarios son la clave del éxito o del fracaso de un sitio web. Si el usuario pasa mucho tiempo ingresando al sitio web, es muy probable que lo cierre inmediatamente, o el funcionamiento del sitio web es muy inconveniente y el usuario lo abandonará inmediatamente. Este tipo de sitio web es un diseño muy fallido y solo lo hará. hacer que los usuarios se vayan decepcionados. Por lo tanto, la capacidad de la página web, es decir, el número de bytes de la página web incluidas las imágenes, no debe exceder los 50 KB.

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 principalmente a los usuarios. Esto implica orden de navegación, particiones funcionales, etc. Los visitantes deberían poder 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 puede hacer clic una vez, nunca haga clic una segunda vez. Por supuesto, los sitios web mencionados anteriormente son los más funcionales. Para los sitios web de visualización promocional, como los sitios web de efectos especiales o Flash, es posible que deba ser un poco sofisticado, pero no demasiado. Los sitios web no son dibujos animados. En China, donde la eficiencia es cada vez mayor y la psicología social es 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, haz clic hasta el final.

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 divídelo en secciones, luego establece el tono y luego trata los detalles.

(2) Primero el todo, luego las partes y finalmente volver al todo: considerar la situación general, completar todo lo que se pueda cubrir y ocupar el puesto. Luego establece el tono y el diseño en módulos. Finalmente, ajusté algunos detalles locales con los que no estaba satisfecho.

(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. Si es comercial, debe resaltar el propósito de lucro; si es gubernamental, debe resaltar la imagen y los artículos autorizados; si es educativo, debe resaltar los docentes y los cursos;

Los dos puntos principales del diseño web son: el estilo general y la combinación de colores.

1. Determine el estilo general del sitio web.

1. Coloque el logotipo en la posición más destacada de la página tanto como sea posible.

2. Resalta los colores estándar.

3. Resume un eslogan que refleje la esencia del sitio web.

4. Las imágenes del mismo tipo usan el mismo efecto. Por ejemplo, si todas las palabras del título usan un efecto de sombra, entonces la configuración para el efecto de sombra de todas las palabras del título que aparecen en el sitio web debe ser. completamente consistente.

2. Combinar colores de páginas web.

1. Utiliza un color. Se refiere a seleccionar un color y luego ajustar la transparencia o saturación para que la página luzca uniforme y en capas.

2. Utiliza dos colores. Primero elija un color y luego elija su color de contraste.

3. Utiliza un sistema de color. Simplemente use un color que parezca azul claro, amarillo claro, verde claro o amarillo terroso, gris terroso, azul terroso;

En la combinación de colores web, hay algunos malentendidos que se deben tener en cuenta:

1 No utilice todos los colores y trate de limitarlos a entre tres y cinco colores.

2. El contraste entre el fondo y el texto anterior debe ser lo más grande posible (nunca utilices patrones complicados como fondo) para resaltar el contenido del texto principal.

En cuanto a la dirección de diseño gráfico que estudié, en esta ocasión apliqué el pensamiento creativo, la maquetación y la configuración de colores. La creatividad gráfica y otros aspectos son muy importantes. Como lenguaje visual, el diseño web presta especial atención a la disposición y el diseño. Aunque el diseño de la página de inicio no es lo mismo que el diseño gráfico, tienen muchas similitudes en el diseño espacial. combinación de texto y gráficos Expresa armonía y belleza. Si no acumulas pasos, no podrás llegar a las mil millas. Entré por la puerta del diseño web bajo la guía de mi maestro y continuaré aprendiendo seriamente sobre cómo crear páginas web en mi tiempo libre en el futuro para mejorar mis propias habilidades.

?