Herramientas de Diseño de Desarrollo de Interfaces, por Benecya Rondon.
.jpg)
.jpg)
Descripción del entorno de Trabajo.
El diseño de interfaz de usuario o ingeniería de la interfaz es el resultado de definir la forma, función, utilidad, ergonomía, imagen de marca y otros aspectos que afectan a la apariencia externa de las interfaces de usuario en sistemas de todo tipo (computadoras de uso general, sistemas de control, dispositivos de comunicación móviles, software de sistemas, software de aplicaciones, sitios web, etc).
El objetivo final del diseño de la interfaz de usuario es hacer que la interacción entre el usuario y el sistema del que es interfaz sea tan simple y eficiente como sea posible, en términos de cumplimiento de los objetivos del usuario. Sigue por ello una filosofía de diseño centrado en el usuario.
Sus partes pueden ser:
- 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 previsualizar 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:
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. Cuando se emplean, pueden ser llamadas barras de herramientas estándar, estas, contiene los botones para los comandos más usados. La mayor parte de los sistemas operativos ponen en la barra de herramientas funciones principales, que son comunes en muchas aplicaciones, como: Cortar, Copiar, Pegar, Zoom, etc. Otros sistemas de software usan botones muy parecidos para los mismos tipos de comandos. La mayoría de estos son fáciles de entender y de usar.
Aunque también puedes encontrar :
Configuracion de un Sitio Wed:
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.
Cómo cambiar la configuración de un sitio específico
- 1.-En la computadora, abre Chrome
- 2.-Ve a un sitio.
- 3.-A la izquierda de la dirección web, haz clic en el ícono que quieras: Candado. Información. Peligroso.
- 4.-Haz clic en Configuración del sitio.
- 5.-Cambia una configuración de permiso.
Creación y Edición de páginas Wed:
La manera más simple de crear páginas web consiste en utilizar un simple editor de texto como, por ejemplo, Notepad++ y editar directamente el código HTML más las hojas de estilo. Es la manera en la que en los inicios de Internet se creaban la mayoría de las páginas web.
- Sublime Text.
- Komodo Edit
- VIM
- PSPad
- Notepad++
- Emacs, etc.
inserción y edición de textos e imágenes en páginas web:
Para comenzar escogemos una imagen y la seleccionamos desde “Archivo-Abrir” y nos aparecerá en la pantalla de esta manera.
En las herramientas de la izquierda en “Selección” pinchamos en “herramienta escala” y mientras presionamos las mayúsculas (flecha del teclado bajo “Bloq Maús”) movemos la imagen hasta dejarla en el tamaño que pretendemos haciendo click y moviendo el ratón.
.jpg)
Una vez escribimos el texto que deseamos podemos elegir el tamaño de la letra, el color o formato entre otras opciones. También, es posible el cambiar su color, estilo.
Uso de Hipervínculo:
Es una conexión directa entre dos espacios virtuales en el mundo digital. Es la forma más rápida que existe en internet de llegar de un punto a otro, con este viajamos a la velocidad de 1 clic.
Esta conexión es creada a través de tags, que le asignan a dos elementos atributos unidireccionales:
- punto de origen o ancla: es el punto de partida, en los textos generalmente están en azul y subrayados;
- punto de destino: es aquel que etiquetamos como llegada, El lugar al que queremos dirigir al navegante.
La conexión inmediata del hipervínculo, es lo que hace que su uso sea tan frecuente.
Tablas:
El aspecto básico de una tabla es que es un elemento rígido. Es fácil interpretar la información haciendo asociaciones visuales entre los encabezados de las filas y las columnas. Por ejemplo, observe la tabla siguiente y busque un gigante de gas joviano con 62 lunas. Puedes encontrar la respuesta asociando los encabezados de la fila y las columnas correspondientes.
Formularios:
Elementos Interactivos o Multimedias :
Comentarios
Publicar un comentario