HERRRAMIENTAS DE DISEÑO DE INTERFAZ

Introducción 

El diseño de la interfaz de usuario se puede dividir en tres elementos esenciales: funcionalidad, estética y rendimiento. El enfoque principal durante el desarrollo de aplicaciones es la funcionalidad. Sin embargo, la funcionalidad es solo una parte de la historia. La estética describe cómo se muestran y presentan las cosas, el estilo en el que las cosas se comunican al usuario. Es muy objetiva y mucho más difícil de cuantificar que los requisitos funcionales y las métricas de rendimiento. La estética suele llegar a opciones sencillas, como los colores se complementan entre sí o cómo los elementos de la interfaz de usuario transmiten su significado, que a menudo afectan a la forma en que una persona se siente sobre algo e influyen en el éxito que están usando. El rendimiento se mide no solo por velocidad, sino también por confiabilidad. Si una aplicación se ve y se siente genial, es fácil de usar.

 

Descripción del entorno de trabajo. 

Es posible entender la interfaz como un espacio (el lugar donde se desarrolla la interacción y el intercambio), instrumento (a modo de extensión del cuerpo humano, como el mouse que permite interactuar con una computadora) o superficie (el objeto que aporta información a través de su textura, forma o color). 

Ficheros del proyecto: Hasta aquí arrastraremos todos los archivos que vayan a formar parte de nuestro vídeo, tanto las imágenes como los archivos de audio, la portada de nuestro vídeo, los créditos que añadiremos al final. 

Vista previa del vídeo: Aquí podremos pre visualizar nuestro proyecto, comprobaremos si resultan los efectos que vamos añadiendo, si debemos modificar los tiempos, si la música encaja con las imágenes... 

Línea de tiempo: Arrastraremos nuestros archivos de proyecto (imagen, vídeo y audio) a las pistas que aparecen preestablecidas para organizar nuestro vídeo. Podremos añadir más pistas si fuera necesario. 

Barra de Herramientas principal: Contiene los botones para Abrir, Guardar y exportar los proyectos de vídeo. 

Pestañas de funciones: Alterna entre Archivos de proyecto, Transiciones y Efectos. 

Barra de Herramientas de Edición: Contiene los botones utilizados para editar, separar y recortar clips.

Deslizador de ampliación: Ajusta la escala de tiempo a la línea de tiempo.

Regla de reproducción: La regla muestra la escala temporal y la línea roja es la marca de reproducción. La marca de reproducción representa la posición actual de la reproducción. 

Filtro: Filtra la lista de objetos mostrados (Archivos de proyecto, transiciones y efectos) usando los botones interruptores y la caja para escribir. Al escribir algunas de las letras de los objetos que estamos buscando mostrará la lista de los objetos que las contienen.

 

Barra de herramientas.

Una barra de herramientas (en inglés, toolbar) es un componente de la interfaz gráfica de un programa y es mostrado en pantalla a modo de fila, columna, o bloque, que contiene iconos o botones que, al ser presionados, activan ciertas funciones de una aplicación. También es el área de interfaz del usuario que indica y presenta las opciones o herramientas de una aplicación informática, dispuestas en menús desplegables. 

 

Muchas de las aplicaciones y sistemas operativos desarrollados que permiten a los usuarios personalizar las barras de herramientas y ajustarlas a sus necesidades

 

Configuración de sitios web.

La configuración de un sitio web incluye crear páginas, añadir la navegación, configurar la búsqueda y añadir contenido al sitio. Los temas se utilizan para personalizar el diseño del portal. Las plantillas predefinidas y el asistente del sitio le ayudarán a configurar el sitio del portal más rápido.

 

Creación y edición de páginas web

Para ayudar al desarrollo y edición de sitios web, existe una ayuda contextual de código local para todos los conjuntos de códigos soportados así como una asistencia de contenido (Control+Barra espaciadora), una herramienta que ayuda a insertar o terminar un código o función o a terminar una línea de código en un editor de texto estructurado.  

Puede cambiar entre las distintas modalidades de visualización (definidas por el tipo de archivo) para diseñar páginas de manera visual, trabajar con contenidos HTML, JavaScript™ o JSP y pre visualizar las páginas. Para ayudarle a crear el impacto visual que desea en los sitios Web, el editor incluye su propia biblioteca de gráficos reutilizables y dos programas gráficos para crear, editar y animar archivos de imagen.

 

Inserción y edición de textos en imágenes

Para poder insertar textos, imágenes y vídeos a la página web, WIX lo único que tienes que hacer es ir a editar, para luego buscar el mas en el cual te da la opción de insertar todas las imágenes textos que desees.

Uso de hipervínculos

Un hipervínculo se compone de dos partes principalmente: la dirección electrónica (URL) y el texto al que se le añade el vínculo. Por ejemplo, la URL puede ser www.youtube.com/user/GCFAprendeLibre y el texto puede ser Canal de YouTube.

 

Tablas

 Las tablas son objetos fundamentales de una base de datos porque en ellas es donde se conserva toda la información o los datos. Así, una base de datos de una empresa puede tener una tabla Contactos que almacene los nombres de los proveedores, las direcciones de correo electrónico y los números de teléfono. 

Formularios 

Un formulario, ya sea impreso o en línea, es un documento diseñado con una estructura y formato estándar que facilita la captura, organización y edición de información. Los formularios impresos contienen instrucciones, formato, etiquetas y espacios en blanco para escribir o escribir datos. 

Elementos interactivos y multimedia. Plantilla CSS

 Un elemento interactivo es un elemento que puede cambiar dependiendo de cómo actúe el usuario. Un elemento multimedia puede ser un sonido, una canción, una animación, un vídeo. Las plantillas CSS simples se utilizan generalmente para crear sitios HTML estáticos primarios que no requieren actualizaciones frecuentes, un ejemplo: un sitio de tarjetas de presentación. Para desarrollar un sitio usando CMS, también use plantillas (los llamados temas).