Muestra de diseño web y producción de tesis de graduación
Tesis de Graduación en Diseño Web Primera Parte: Aplicación del software Flash Pintura en Diseño Web Resumen de Tesis de Graduación en Diseño Web
La tecnología Flash se usa ampliamente en sitios web, publicidad, animaciones, juegos e incluso programación y pantallas multimedia. Este artículo analiza primero la tendencia de desarrollo futuro de la animación Flash y detalla la definición y las características reales de Flash. Luego, se analiza el estado actual de la aplicación de la animación Flash en el diseño web y se explica la aplicación de la animación Flash en el sistema de navegación interactivo, la visualización de animaciones de imágenes web y la animación del mouse en todo el proceso de diseño web del sitio. Este artículo realiza una investigación sobre la animación Flash en el diseño web, con la esperanza de que los resultados de la investigación sean útiles para futuros académicos.
Contenido de la tesis de graduación en diseño web
Palabras clave: Investigación sobre la aplicación del diseño web con animación Flash
A medida que la sociedad entra en la era de la información, el desarrollo y la popularización de tecnología informática y de redes Muestra una tendencia de desarrollo de alta calidad y promueve el desarrollo gradual de la animación en línea. Además, el diseño de animación web ocupa una posición importante en el diseño web, lo que hace que las personas presten atención a la animación web mientras prestan atención a la tendencia general de desarrollo de la animación. Al crear y diseñar páginas web, el uso de Flash para ayudar a las páginas web a realizar la visualización de resultados multimedia de la página web se ha convertido gradualmente en una parte indispensable del diseño y desarrollo web.
1 Características y aplicaciones de la memoria flash
Macromedia Flash es un software interactivo utilizado para la edición de gráficos vectoriales y la creación multimedia. A menudo se utiliza el formato de archivo de animación vectorial del diseño web de Internet. Además, a través de un análisis específico de Flash, podemos saber que tiene principalmente las siguientes seis características: Primero, utiliza gráficos vectoriales como premisa operativa principal, lo que resulta en una pequeña capacidad de exportación de archivos y poco impacto en su claridad al ampliar la imagen. Tiene cierta comodidad durante la transmisión por red; en segundo lugar, Flash tiene una calidad muy alta y un código potente. Al diseñar animaciones, utilice la tecnología Flash para promover la excelente interactividad de las animaciones, facilitando a los lectores la comprensión e implementación de interacciones relacionadas durante el proceso de lectura. En tercer lugar, según el análisis del proceso de aplicación real, la animación Flash utiliza principalmente complementos durante la operación. Si el usuario quiere ver un vídeo, sólo necesita instalar el complemento de vídeo una vez para verlo directamente, evitando las tediosas instalaciones múltiples. Además, debido a que la animación creada por Flash en sí es muy pequeña y la velocidad de llamada es rápida, en el proceso de diseño de Flash, puede agregar botones de control de página de manera apropiada según sea necesario para ayudar a que la página salte a los enlaces, y también puede hacerlo; Utilice el ratón para implementar animaciones de página de movimiento y movimiento. Quinto, Flash puede sublimar el contenido de efectos audiovisuales animados, como sonidos degradados, mapas de bits, etc. y los usuarios pueden crear directamente un sitio de producción Flash completo durante el proceso de creación de imágenes. 6. ¿A qué tipo de animación Flash pertenece? ¿permitir? La transmisión del contenido del archivo y la visualización de animaciones se pueden lograr sin descargar el archivo completo.
2 Aplicación de la animación Flash en el diseño web
En el diseño web, la animación Flash desempeña muchas funciones importantes, como la animación en streaming, FlashMV y la animación corta. Además, también hay un cierto grado de interactividad en su forma. Sin embargo, cabe señalar que al implementar el diseño web, es necesario evitar la existencia de efectos de diseño de animación engorrosos y complicados. Después de todo, hay que revertir las cosas hasta los extremos, lo que sólo reducirá la calidad de las páginas web. Como se muestra en la Figura 1. 2.1 Realización de información interactiva de animación de páginas web Para mejorar aún más la fluidez general de la información interactiva de animación de páginas web para bebés, una de las claves importantes es el diseño interactivo de la navegación con animación Flash. Al diseñar esta parte del contenido, a menudo se utilizan guiones de animación Flash específicos. AxtionScript. En el proceso de diseño real, los pensamientos del programador y el papel de Flash en el evento generalmente forman la fuerza impulsora. La definición específica de AxtionScript se implementa en función del contenido correspondiente en la animación. 2.2 Diseño de elementos relacionados con la animación web En primer lugar, el sistema de navegación interactivo. En diseño web, la barra de navegación guía principalmente a los usuarios. Por lo tanto, es necesario diseñarlo en múltiples niveles de navegación y establecer logotipos específicos para distinguirlos. Tomando el color como ejemplo, puedes utilizar una combinación más brillante y refrescante. En segundo lugar, las imágenes de las páginas web se muestran en forma de animación.
En las páginas web tradicionales, las imágenes de las páginas web son principalmente estáticas, pero con el desarrollo continuo de la tecnología informática, en los últimos años han aparecido gradualmente algunas imágenes de páginas web dinámicas en el diseño web. Al mismo tiempo, su aplicación de color utiliza principalmente plantillas RGB y los colores de seguridad web utilizan 216 colores. Sus principales formatos de color incluyen GIF, PNG y JPE6. Tercero, animación del mouse. Para lograr efectos de animación Flash de alta calidad, se debe prestar especial atención al patrón de trayectoria del mouse y la combinación de colores al crear efectos de animación. En primer lugar, asegúrese de que el color del mouse sea diferente del color del diseño web, para que los usuarios puedan encontrarlo de un vistazo. Finalmente, el mouse debe prestar atención a la transparencia de la página web después de la diferencia de color para evitar bloquear información.
3 Conclusión
Basado en el texto completo, Flash es un elemento visual muy importante en el proceso de diseño de un sitio web. No solo puede ayudar al sitio web a lograr una visualización multimedia, sino que también puede combinarse con él. Los métodos de difusión de datos para enriquecer integralmente el sitio web sus propios materiales y recursos logran en última instancia un efecto dinámico. Hoy en día, debido al avance continuo de la tecnología informática y varias características de alta calidad del propio Flash, se cree que la animación Flash será más utilizada y más popular en la vida diaria de las personas en el futuro, y eventualmente se convertirá en la principal tendencia de aplicación. de diseño web.
Documentos de tesis de graduación en diseño web
[1] Qiao Hui. Aplicación y desarrollo de animación Flash en la producción de páginas web [J] Inner Mongolia Petrochemical, 2013(21):68.
[2]Guan·. Investigación sobre la aplicación de la animación Flash en la producción de páginas web [J]. Northern Literature (Late Edition), 2012(11):91-93.
Parte II de la Tesis de Graduación en Diseño Web: Contenido de la Tesis de Graduación en Diseño Web "Investigación sobre un prototipo de diseño web responsivo"
Hoy en día, con el rápido desarrollo de Internet móvil, varios dispositivos inteligentes están surgiendo uno tras otro. ¿Se adoptó el diseño web tradicional? ¿Ancho fijo de página y elemento, efecto de página unificada en cualquier terminal? No hay duda de que la nueva estrategia dará como resultado textos extremadamente pequeños y enlaces densamente distribuidos en algunos terminales móviles emergentes, por lo que los usuarios necesitarán operar constantemente en la pantalla para buscar una mejor experiencia independiente. Ante esta carencia, ¿en qué se centran los diseñadores web? ¿Diseño web responsivo? Esta palabra clave intenta utilizar un conjunto de códigos para proporcionar diferentes diseños y experiencias para varios dispositivos terminales. ¿Anterior? ¿Diseñando páginas web para dispositivos fijos? ¿Saltar a? ¿Diseño web responsivo? Es un proceso difícil. Es posible que algunos principiantes hayan acumulado habilidades dispersas de diseño y desarrollo, como consultas de medios, diseños de flujo e imágenes flexibles, y dominen el uso de HTML5 y CSS3, pero aún no pueden dominar el diseño web responsivo. La razón directa de esta situación es la falta de un proceso operativo, es decir, un prototipo, que pueda guiarlos para implementar prácticas de diseño web responsivo de inmediato.
Dos conceptos clave de 1: diseño web responsivo y prototipo
RWD (Responsive web Design) es una tecnología de desarrollo web front-end que se puede describir como? ¿Un mecanismo de visualización que tenga en cuenta el tamaño de la pantalla, la resolución, la plataforma del sistema y el comportamiento de muchos dispositivos diferentes y lo ajuste y diseñe en consecuencia? . ¿Prototipo, también conocido como? ¿Tal como está? ,¿Sí? ¿Ciencia de simulación? un término. En la ciencia psicológica, es difícil comprender claramente la acción o la actividad mental, por lo que J? r? El punto de vista de Anderson toma el prototipo como el ejemplo más típico de un concepto, ¿es decir? ¿prototipo? ¿Como modelo de práctica externalizada o? ¿Materializar? Patrones de actividad mental o procedimientos de actividad operativa. En resumen, el prototipo de diseño web responsivo se puede describir como: ¿conforme? Análisis de proyectos de diseño web responsivo: varios terminales tienen diferentes efectos de página adecuados para su propia experiencia de usuario. Un conjunto de código completa las páginas web para todos los terminales diferentes. ¿Son varios terminales compatibles con los navegadores convencionales? Una serie de patrones de práctica de diseño web responsivo regulares y externalizados.
2. Construir un prototipo de diseño web responsivo
Utilizando un método de simulación psicológica para construir un prototipo, que incluye tres pasos:
(1) Análisis funcional responsivo de actividades de diseño web;
(2) Análisis estructural de actividades de diseño web responsivo;
(3) Combinación orgánica de análisis funcional y análisis estructural. Entre ellos, el análisis funcional se centra en los objetos, las condiciones y los resultados, el análisis estructural se centra en los componentes y las relaciones entre ellos.
El objetivo del diseño web responsivo es escribir de manera eficiente un conjunto de códigos para proporcionar buenos efectos de diseño y experiencias para varios dispositivos terminales, lo que requiere habilidades básicas en HTML5, CSS3, Javascript y jquery. ¿El padre del diseño web responsivo? Ethan Marcotte cree que el diseño web responsivo debería diseñarse primero para pantallas pequeñas y luego fortalecer gradualmente el diseño para pantallas grandes. Esta idea subvierte el método tradicional de diseño web de ancho fijo. Para aquellos principiantes que han acumulado habilidades dispersas de diseño y desarrollo web responsivo, tecnologías HTML5 y CSS3 y son competentes para completar páginas web de escritorio de ancho fijo, puede resultar difícil comprender la idea de comenzar con una pantalla pequeña y luego aumentar gradualmente. él. Teniendo en cuenta que los principiantes están acostumbrados a diseñar y crear páginas de escritorio de ancho fijo, también es una buena idea comenzar con un diseño web responsivo creando una página de pantalla grande de ancho fijo y luego transformar este código para que la página de escritorio sea compatible con tabletas y teléfonos móviles a su vez. ¿Las actividades de diseño web responsivo incluyen? ¿Análisis de proyecto? ,?Diseño gráfico web? ,?Producción de páginas web de escritorio? ,?Transformación de la versión plana? ,?Transformación de la versión móvil? Entonces qué. ¿Problemas de compatibilidad de depuración? Estas seis subactividades típicas. ¿La relación entre estos elementos típicos se puede describir como? Para completar de manera eficiente un proyecto de diseño web responsivo, primero debe realizar un análisis del proyecto. El resultado gradual es la solución general para la página web responsiva, es decir, en función del análisis de la demanda del grupo de usuarios y la interpretación del tema, se realizan análisis de color y posicionamiento. Se realiza para determinar el diseño de la interfaz de usuario, analizar y diseñar los módulos funcionales de la página web, determinar el estilo de la página web y finalmente formar la inclusión. ¿Prefacio? ,?Análisis de requisitos? ,?Análisis del sistema? ,?Diseño de estilo? ¿Cuál es el diseño preliminar del diseño de la interfaz de usuario de varios terminales? ,?Posicionamiento del color? ,?Planificación del progreso de la construcción de la página web? ¿El documento del plan general para la página web entonces, según el plan anterior? ¿color? ,?¿estilo? Entonces qué. ¿Diseño de interfaz de usuario para varios terminales? De acuerdo con los principios del diseño de páginas, use Photoshop para dibujar una representación plana adecuada para varias pantallas de terminal, ¿úselo? ¿HTML5+Css3? Adopción de tecnología
3. Tecnologías clave para trabajadores calificados
Descubra desde el prototipo básico de la actividad de diseño web responsivo anterior para principiantes cómo hacer que un escritorio de ancho fijo sea compatible con las páginas web de los navegadores convencionales. son el comienzo de la producción de páginas web responsivas. Entonces, ¿primero que nada? ¿Producción de páginas web de escritorio? En este enlace, se extraen algunas técnicas clave de los veteranos como consejos para los principiantes.
3.1 La tecnología de producción de páginas web de escritorio es compatible con los navegadores convencionales
Para evitar que diferentes navegadores asignen diferentes estilos iniciales a la misma etiqueta HTML5, cuando se utiliza HTML5+css3 para crear escritorio páginas web, normalmente hay expertos que dan el siguiente código de inicialización (extensión. CSS) en el archivo de estilo: * { margen: 0px; relleno: 0px} texto { margen: 0px relleno: 0px alineación de texto: centrado; : "宋体"; tamaño de fuente: 16px; color: #cccccc} ul, li, a { margen: 0px; relleno: 0px estilo de lista: ninguno } div { desbordamiento: oculto } # contenedor 1007 px; Alto: automático; margen izquierdo: automático; margen derecho: automático; desbordamiento: oculto: ambos } Esta parte del bloque de código puede lograr centrado de página y diseño externo en todas las versiones de navegadores con kernel de IE y Firefox. El cuadro se adjunta perfectamente al encabezado del navegador; & ltdiv & gt Cuando css3 completa el diseño de ancho fijo, todos los diseños internos
3.2 utiliza un diseño fluido, imágenes flexibles y tecnología de consulta de medios para modificar la página web del escritorio.
(1) En relación con el tamaño de la ventana gráfica, el diseño más externo
(2) El margen derecho y el margen en la hoja de estilos CSS correspondientes a todos los elementos de etiqueta HTML5 en la página - ¿Qué fórmulas se utilizan para los valores de atributo de izquierda, relleno derecho y relleno izquierdo? ¿Ancho del elemento objetivo? Ancho del elemento de contexto = ancho porcentual.
(La unidad del valor del atributo de tamaño de fuente en la hoja de estilo CSS es em en lugar de px. ¿La fórmula todavía se usa aquí? ¿Ancho del elemento objetivo? Ancho del elemento de contexto = ancho porcentual.
Lo que debemos recordar a los novatos aquí es:
(4) Para lograr la flexibilidad de la pantalla, deje que la pantalla escale con la ventana gráfica y use configuraciones flexibles de gráficos, imágenes, animaciones y videos. ? img, objeto, video, incrustar { ancho: 100%; ancho máximo: 100% }?. Entre ellos, el atributo de ancho máximo se utiliza para garantizar que no se exceda el tamaño máximo de la imagen al escalar. Al mismo tiempo, los expertos también utilizarán la solución AdaptiveImages para implementar imágenes adaptativas.
(5) La consulta de medios puede proporcionar diferentes estilos al juzgar diferentes terminales de dispositivos, de modo que diferentes terminales puedan realmente obtener la mejor experiencia de usuario ahora. Por ejemplo, al navegar por la página en una computadora, la información de la página se distribuirá en la posición apropiada de la página en forma de mosaicos; al navegar por la página en un teléfono móvil, los botones de navegación se ocultarán uno por uno; parte de la información se presentará deslizándose hacia la izquierda y hacia la derecha, y la página se reorganizará y la imagen se reducirá en consecuencia. El formato de sintaxis de las consultas de medios es, por ejemplo, establecer un tamaño de pantalla con un ancho que no exceda los 400 píxeles. El código es:
4 Conclusión
Para diseño web responsivo, el. Los conceptos de diseño actuales y los métodos técnicos no son el final. Los diseñadores front-end de sitios web aún deben continuar trabajando duro para encontrar mejores soluciones. Para los estudiantes novatos, la formación de habilidades de desarrollo y diseño web responsivos no se logra de la noche a la mañana. También requiere que los estudiantes orienten, operen e interioricen prototipos muchas veces en múltiples proyectos antes de que puedan dominarlos realmente.
Resumen: Se puede decir que el diseño de diseño en el diseño web es la parte básica del diseño de interfaz. El diseño de diseño en la interfaz web es solo una dirección de su desarrollo y aplicación. Cómo diseñar una interfaz web perfecta y atractiva, el diseño juega un papel muy importante. Un diseño de diseño excelente puede dejar una profunda impresión en los visitantes y aumentar la cantidad de páginas visitadas. Por lo tanto, este artículo presentará a los lectores las precauciones en la práctica docente de cursos de diseño web orientados a proyectos bajo el modelo de educación en ingeniería CDIO.
Palabras clave: diseño web; diseño gráfico bajo el modelo educativo CDIO: enseñanza por proyectos
En los últimos años, con el rápido desarrollo de la economía y el rápido desarrollo de la ciencia y la tecnología, la El campo de la educación también se enfrenta a cambios. La introducción de nuevos conceptos educativos y modelos de enseñanza se ha convertido en el foco de atención de los educadores. En ese momento, los conceptos maduros de educación en ingeniería en Europa y Estados Unidos entraron gradualmente en nuestro campo de visión. El modelo de enseñanza de CDIO (concepción conceptual, diseño, implementación y operación) cumple con los requisitos de la formación de talentos de ingeniería y mejora la capacidad práctica, la capacidad organizativa y la capacidad de innovación de los estudiantes. Este modelo es más adecuado a las necesidades del entorno educativo actual.
El diseño web es un curso interdisciplinario que tiene en cuenta el diseño artístico, la tecnología informática y el diseño de interacción. Además, como una combinación de arte y tecnología, este curso requiere que los estudiantes tengan una gran capacidad práctica y una capacidad de aplicación integral, por lo que enseñamos de acuerdo con el concepto de educación en ingeniería de CDIO durante el proceso de enseñanza.
Este artículo se centra en el proceso de maquetación en el diseño web. El diseño de la página web desempeña el papel de unificación de la información, división regional y orientación interactiva. Integra las funciones interactivas entre texto, gráficos, color o patrón de fondo, y cuadrados y círculos en una interfaz de espacio limitado. De acuerdo con las reglas formales del diseño, logra una visualización de efectos que combina estética artística y tecnología. ¿Cuáles son los siguientes en el proceso de enseñanza? ¿Sitio web del departamento de arte Xx? Este artículo toma el proyecto como ejemplo y utiliza el diseño de diseño web como contenido para mostrar las distintas etapas de diseño en el proceso de enseñanza.
1 Etapa de concepción
(1) Establecer objetivos.
El diseño web no es un acto a ciegas, ni es simplemente utilizar software. Es un proceso desde la concepción hasta la implementación, desde la visualización hasta la experiencia. Por lo tanto, al comienzo del diseño, el maestro debe guiar a los estudiantes para que comprendan el tema actual, aclarar qué debe hacer el sitio web, cuál es la apariencia y el diseño del sitio web y qué tipo de atmósfera debe crear el sitio web. Nuestros sitios web comunes se dividen en sitios web corporativos, sitios web de comercio electrónico, sitios web de gobierno electrónico, sitios web culturales, deportivos y de entretenimiento, sitios web de tecnología educativa, etc. Cada tipo de sitio web tiene su propio mensaje que debe difundirse. Elija el método de diseño adecuado según el texto y las imágenes requeridos y luego cree la atmósfera adecuada. ¿Estás en línea? ¿Sitio web del departamento de arte Xx? En el proyecto, según el tipo de proyecto real, los estudiantes comprenderán que el objetivo del diseño del proyecto es que el sitio web del servicio de información del departamento de la universidad requiere un diseño de interfaz simple y elegante con colores brillantes para crear una atmósfera fresca y agradable. Los estudiantes pueden realizar más trabajos de diseño basados en el contenido anterior.
(2) Organización de la información.
En la etapa inicial del proyecto, basándose en un análisis simple del proyecto, los estudiantes deben entrevistar a clientes o personas relevantes, y recopilar e investigar información en sitios web similares de la industria. En esta etapa, los estudiantes estarán expuestos a quienes necesitan diseño web. En este proyecto, pueden configurarse como administradores de departamento, profesores y estudiantes. A partir de entrevistas o encuestas, pueden obtener información de diseño relevante para el sitio web, como las necesidades de estilo general y diseño de navegación. El tipo de sitio web es sitio web estático o sitio web dinámico. Según los resultados de la demanda, los estudiantes deben diseñar varios efectos de diseño para referencia del cliente.
(3) Diseño de interacción.
Dividimos la interacción en páginas web en interacción visual y diseño de interacción comportamental. Aquí nos centramos más en aplicaciones visuales interactivas. Las formas comunes de interacción en las páginas web incluyen botones, barras de navegación, barras de búsqueda y formularios. Estos formularios interactivos aparecerán en posiciones destacadas y destacadas de la página, atrayendo la atención visual de las personas. Entonces, al diseñar el diseño, debemos considerar la configuración de estos elementos interactivos. El diseño amigable es también la interacción emocional entre la interfaz y las personas. En nuestro proyecto, los estudiantes deben considerar factores como el diseño de apariencia del botón interactivo y la ubicación de la descarga; la barra de navegación debe colocarse en una posición destacada para que desempeñe claramente un papel de guía; la barra de búsqueda debe ayudar al navegador a buscar rápidamente; y ubicarse en una ubicación fácil de encontrar. La búsqueda generalmente aparece en la esquina superior derecha de la página web. El diseño del formulario es un enlace que los estudiantes ignoran porque se pueden agregar complementos, lo que hace que los estudiantes piensen que el diseño no es necesario. . Este artículo sugiere que el diseño de interacción, como el diseño de detalles, se puede considerar al diseñar formularios de información para mejorar la amabilidad y la comodidad.
2 Fase de Diseño
El diseño de diseño es una parte importante de la orientación y planificación del diseño en el diseño web. En este proceso, los estudiantes pueden diseñar una estética artística basada en el tema de su propio proyecto. En términos generales, el diseño del diseño de una página comienza con los siguientes aspectos.
(1) Diseño de estructura de trazado.
El diseño de diseño web es ligeramente diferente de los medios tradicionales. La premisa es que todos siguen los cinco principios del diseño de diseño, [1] contenido y forma, simplicidad y simplicidad, diseño y arte, interés y. unicidad, parcialidad con el todo. Para diseñar páginas web llenas de reglas formales y belleza artística, el diseño de maquetación suele adoptar los principios de disposición de la sección áurea y la regla de los tercios. El método de la proporción áurea es fácil de dominar para los principiantes. Divide el área disponible de la ventana en dos partes y también puede ingresar los números en el sitio web de cálculo correspondiente de acuerdo con los requisitos de proporción del diseño para obtener un plan de distribución de proporción áurea adecuado. La composición tipográfica de tres vías consiste en dividir la interfaz de composición tipográfica en tres partes y elegir diferentes posiciones de disposición de tres vías según el contenido diferente.
Debido a los diferentes niveles de visualización de las ventanas del monitor, nuestro diseño general adoptará dos formas: formato fijo o formato no fijo. El diseño de formato fijo es un diseño de interfaz fijo, mientras que el diseño de formato no fijo es modificable y difícil de comprender. Cambiar la ventana cambiará la forma de fuente establecida y la posición de la disposición gráfica. Este tema también es la dirección que discutiremos en profundidad en el futuro.
(2) Diseño de tipografía, imagen y color.
El diseño de diseño es el esqueleto del diseño de interfaz, y el diseño de fuentes es la carne y la sangre del diseño de interfaz. Con el desarrollo integral de la tecnología de medios enriquecidos, el soporte integral del sitio web también se ha desarrollado enormemente. La combinación de diseño y fuentes constituye páginas web de diferentes estilos. Las fuentes comunes en las páginas web se dividen en fuentes chinas, inglesas y de artes gráficas, y el tamaño de fuente es generalmente de 12 puntos. En las páginas web chinas, las fuentes suelen mostrarse en Song o Negrita, con un tamaño de fuente de 12 pt/14 pt. Además, algunas fuentes de gran tamaño aparecen en forma de imágenes y, mediante el ajuste de efectos visuales, se crea un efecto de visualización tridimensional. Las fuentes de arte gráfico se utilizan en muchos sitios web. En el diseño, nuestro tema conserva la cultura tradicional y se debe considerar y valorar el uso de elementos chinos, como caligrafía, tótems, arquitectura y otras formas de arte con características chinas. La comparación e integración de las culturas china y occidental también es una dirección que debemos explorar. Los gráficos y los colores deben adaptarse al tema, reflejar la atmósfera del diseño y servir al diseño general.
(3)Diseño de visualización de vídeo.
El diseño de la interfaz web debe considerar un nuevo método de visualización: visualización de información de video. Se utiliza una gran cantidad de información de video en la página, lo que reduce la entrada de información de texto e imágenes. El método de transmisión de información cambia de estático a dinámico, lo que proporciona un método de visualización de composición interesante y novedoso.
3 Implementación técnica
(1) Diseño visual del diseño de la interfaz.
En diseño web, solemos utilizar el software de procesamiento de imágenes Photoshop e Illustrator para diseñar el diseño de interfaces estáticas. Primero, dibujaremos una plantilla básica basada en el mapa mental y luego agregaremos texto, gráficos, video, sonido y otros elementos de diseño diseñados a la plantilla de acuerdo con los requisitos de diseño.
(2) Diseño visual funcional interactivo.
En diseño web, consideraremos convertir muestras estáticas en páginas web estáticas simples. Usaremos el software Dreamweaver para la conversión y también consideraremos usar algún software de modelado relacionado para manejar la parte de diseño interactivo debido a los diferentes dispositivos de visualización de páginas web.
Etapa de operación 4
Genere un sitio web estático a partir del borrador estático determinado recortando imágenes y pruebe los efectos y funciones. El tiempo de ejecución se ajustará según las necesidades y los efectos visuales hasta el estado ideal.
5 Resumen
El curso de diseño web introduce proyectos prácticos en el aula y crea métodos de enseñanza efectivos, interesantes y prácticos de acuerdo con el modelo de educación en ingeniería CDIO, permitiendo a los estudiantes ejercitar su macro -Habilidades de pensamiento y trabajo en equipo. Capacidad para colaborar y desarrollar capacidades de aprendizaje permanente. El dominio de los estudiantes del proceso de diseño es el dominio y la aplicación del sistema de conocimientos, integrando así la teoría con la práctica. Con un control total sobre el diseño, pueden sentar mejor una base sólida para el diseño web estático.
Materiales de referencia:
[1] Shen Zhuoya, Wang Ting. Formación en diseño de fuentes y maquetación[M]. Centro Editorial Oriental del Grupo Editorial China, 2011: 74.
También te puede interesar: 1. Muestra de tesis de graduación de diseño de sitio web.
2. Tesis de graduación de sitios web
3. Breve discusión sobre muestra de tesis de graduación de diseño publicitario
4. 5. Una colección completa de ejemplos de tesis de graduación en informática
6. Una colección completa de ejemplos de tesis de graduación en informática
.