Interacción persona-ordenador El diseño gráfico
|
|
- Nieves Torregrosa Coronel
- hace 8 años
- Vistas:
Transcripción
1 Interacción persona-ordenador El diseño gráfico
2 Objetivos Valorar la importancia del diseño en la interfaz Conocer los principios, métodos y herramientas del diseño
3 Contenido Objetivos de un buen diseño de la interfaz Tipografía Técnicas de diseño gráfico Iconos Ejemplos Elementos morfológicos de la imagen Uso del color
4 Tipografía El estilo y la apariencia del texto Factores que influyen en legibilidad del texto: Tipo de fuente Tamaño de la fuente Mayúsculas y minúsculas Espaciamiento entre caracter, palabra y línea Longitud de la línea Justificación Ambiente del texto Márgenes Distinción tipográfica
5 Tipografía Tipo de la fuente Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo.
6 Tipografía Tipo de la fuente Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo. Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo. Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo. Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo. Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo. Las fuentes proporcionales consumen menos espacio y son más legibles que las de ancho fijo.
7 Tipografía Espaciamiento El espacio entre caracteres depende en gran medida del tamaño de la fuente. El espacio recomendado entre palabras es el ancho de una n. Espaciamiento entre palabras con una ene
8 Tipografía Tamaño de la fuente 2. Dieciseís puntos pueden ser empleados para títulos 2.1 Catorce puntos para encabezado de sección Doce puntos están bien para texto fluido (1). Recuerde hacer diferenciación de por lo menos 2 puntos entre distintos tamaños (1) Diez puntos son apropiados para notas de pie de página, subíndices y superíndices. 10 puntos son legibles. 11 y 12 puntos son más legibles. La distinción entre tamaños de fuentes debe ser por lo menos de 2 puntos.
9 Tipografía Mayúsculas y minúsculas Mezclar mayúsculas y minúsculas hace más legible el texto que si son sólo mayúsculas. El reconocimiento de palabras está parcialmente basado en reconocimiento de formas. La mezcla de mayúsculas y minúsculas produce formas más irregulares. Facilita el reconocimiento.
10 Tipografía Mayúsculas y minúsculas DEFINIR UNA GRAN CANTIDAD DE TEXTO EN LETRAS MAYÚSCULAS AFECTA SERIAMENTE LA LEGIBILIDAD DEL TEXTO. LAS LETRAS MAYÚSCULAS DEBERÍAN USARSE SÓLO PARA DAR ÉNFASIS, PERO RECUERDE DEFINIR EL TAMAÑO DE LA FUENTE UN POCO MÁS PEQUEÑO QUE EL RESTO DEL TEXTO Definir una gran cantidad de texto en letras mayúsculas afecta seriamente la legibilidad del texto. Las letras mayúsculas deberían usarse sólo para dar énfasis, pero recuerde definir el tamaño de la fuente un poco más pequeño que el resto del texto.
11 Tipografía Espaciamiento entre lineas El espacio recomendado entre líneas es de 2 puntos.
12 Tipografía Longitud de la línea Si una línea es muy larga, los lectores tendrán dificultad para encontrar el comienzo de la siguiente línea. El este primer ejemplo hay alrededor de 90 caracteres por línea. Para libros es recomendable dejar alrededor de sesenta caracteres o 10 palabras por línea. Las columnas de los diarios tienen típicamente 30 caracteres o cinco palabras por línea. Si una línea es muy larga, los lectores tendrán dificultad para encontrar el comienzo de la siguiente línea. El este primer ejemplo hay alrededor de 90 caracteres por línea. Para libros es recomendable dejar alrededor de sesenta caracteres o 10 palabras por línea. Las columnas de los diarios tienen típicamente 30 caracteres o cinco palabras por línea. Si una línea es muy larga, los lectores tendrán dificultad para encontrar el comienzo de la siguiente línea. El este primer ejemplo hay alrededor de 90 caracteres por línea. Para libros es recomendable dejar alrededor de sesenta caracteres o 10 palabras por línea. Las columnas de los diarios tienen típicamente 30 caracteres o cinco palabras por línea.
13 Tipografía Justificación Inserción de espacio adicional dentro de una línea para alinear el margen derecho. La justificación sin guiones divisores de palabras retrasa la lectura. Debido a brechas entre palabras Alinear a la izquierda o dividir palabras.
14 Tipografía Justificación Justificación a la derecha: Interacción Humano-computador es una disciplina que involucra el diseño, evaluación e implementación de los sistemas computacionales interactivos para el uso humano Justificación centrada: Interacción Humano-computador es una disciplina que involucra el diseño, evaluación e implementación de los sistemas computacionales interactivos para el uso humano Justificación a la izquierda: Interacción Humano-computador es una disciplina que involucra el diseño, evaluación e implementación de los sistemas computacionales interactivos para el uso humano Justificación a ambos lados: Interacción Humano-computador es una disciplina que involucra el diseño, evaluación e implementación de los sistemas computacionales interactivos para el uso humano
15 Tipografía Ambiente del texto Utilice un máximo de Dos tipos de fuente diferentes Dos inclinaciones diferentes (normal y cursiva) Dos pesos diferentes (medio y negrita) Cuatro tamaños (título, subtítulo, texto y pie de página)
16 Tipografía Márgenes Evite el síndrome de los procesadores de texto. Texto al borde de la ventana (vea Notepad) Deje márgenes amplios a los lados vs.
17 Tipografía Distinción tipográfica Información es cualquier diferencia que hace una diferencia. (Gregory Bateson) Use distinción tipográfica como cursiva, negrita o cambio de fuente si ello lleva consigo información adicional. Importancia de un elemento
18 Objetivos del diseño gráfico Crear una interfaz transparente No obstruya el acceso. donde el usuario tenga una buena experiencia al interactuar con el sistema. y la interfaz casi no sea detectada.
19 Técnicas de diseño gráfico Disposición de los elementos: Cómo se colocan los elementos en la pantalla. Permite dar más importancia a ciertas cosas.
20 Técnicas de diseño gráfico Disposición de los elementos: El orden de lectura es importante y varía según el idioma.
21 Técnicas de diseño gráfico Énfasis Los elementos realzados se ven antes y se perciben como más importantes. Para enfatizar se usan la posición, el color y los atributos del texto. Si todos los elementos tienen el mismo peso, la composición es aburrida y la navegación difícil.
22
23 Iconos Los iconos se utilizan desde la primera interfaz gráfica (Xerox Star) y son útiles por dos motivos: Las personas reaccionan instintivamente a las imágenes. Son pequeños. Importante para el espacio limitado de la pantalla de ordenador. Los iconos representan objetos y también funciones.
24 Iconos Diseñar con significado Factores que determinan el significado de un icono: Contexto Entorno en que se utiliza Función Tipo de tarea en la que se utiliza Forma representativa. Puede ser de tres tipos: Uso de un objeto concreto Uso de un objeto abstracto Uso de una combinación de ambos (iconos más comprensibles)
25 Iconos Cómo diseñar iconos Tras decidir el objeto a incluir en el icono hay que decidir cómo dibujarlo => Nivel de realismo Más detallado o más simplificado Regla: incluir sólo los detalles imprescindibles
26 Iconos Cómo diseñar iconos Partes de un icono Borde Fondo Imagen Etiqueta
27 Iconos Cómo diseñar iconos Evite el uso de muchos colores. Diseñe primero en blanco y negro. Agregue color después Utilice tonos grises y uno o dos colores No utilice letras o caracteres alfabéticos dentro del icono. Necesitará versiones para idiomas diferentes. Evite símbolos de manos o rostros humanos. Recuerde que las metáforas son específicas para una determinada cultura. No se olvide de la etiqueta de texto que servirá de guía al usuario. Tooltip
28 Iconos El lenguaje icónico Consiste en definir iconos coordinados que representan distintas acciones aplicables a un elemento Ejemplo: depuración de código Punto de observación avanzar retroceder borrar
29 Iconos Ventajas Diseñar un conjunto coordinado de iconos es mejor que hacerlo uno a uno. Reduce el esfuerzo en el diseño y el dibujo. Asegura la consistencia. En tamaño, color, metáfora, nivel de realismo Da un estilo al producto. Hace que los iconos sean autoexplicativos y permite al usuario prever cómo serán. Los sistemas complejos disponen de un lenguaje icónico simple y consistente
30 Iconos Ejemplos bien Microsoft Word mal WinCim Zoc
31 Elementos de la imagen Para representar algo utilizamos elementos que constituyen un alfabeto gráfico. Estos elementos son: El punto La línea La forma La luz El color El tiempo El tamaño El formato La composición
32 Elementos de la imagen El punto El elemento más simple Posee una gran fuerza atractiva como marca. Su situación puede establecer los ejes básicos de la estructura. Varios puntos juntos se perciben agrupados creando formas. Ayuda a dirigir la visión del observador.
33 Elementos de la imagen La línea Organizan el espacio. Determinan ejes que delimitan zonas de atracción. Pueden crear texturas, profundidad y movimiento. Su dirección y grosor les da expresividad.
34 Elementos de la imagen La forma Define una superficie con unas dimensiones dadas. Formas básicas: Cuadrado, triángulo y círculo Función: definir y organizar el espacio Pueden simular tridimensionalidad cuando se representan en perspectiva.
35 Elementos de la imagen La composición Es la forma de ordenar y organizar los elementos morfológicos de la imagen en el espacio estructural que ofrece el formato
36 Elementos de la imagen La luz Contribuye a la composición de la escena. Puede sugerir profundidad y tridimensionalidad. Puede modelar formas, superficies y volúmenes. Una característica importante es la tonalidad, que incide en la captación de las formas: Un tono claro parece más claro cerca de un tono oscuro y vic. Un tono claro se expande rodeado de uno oscuro. Un tono oscuro se comprime rodeado de uno claro.
37 Elementos de la imagen El color Papel del color en la imagen: Contribuye a la recreación del espacio. Ayuda a simular la profundidad (sombreado). Sugiere distancia (difuminación progresiva del tono). El color transmite sentimientos. Hay colores cálidos y fríos, ligeros y pesados, tristes y alegres. La percepción del color es subjetiva y depende de factores culturales.
38 Elementos de la imagen El color Papel del color en la imagen: Ayuda a dinamizar la composición a través de la interacción de los colores. Los colores claros son excéntricos y los oscuros concéntricos. Los colores saturados producen un fuerte impacto y se relacionan con sensaciones dinámicas y alegres. Los colores no saturados transmiten sensaciones débiles y más sutiles.
39 Elementos de la imagen El color Formas de relación dinámica entre colores: Armonía: crea una composición con variaciones cromáticas suaves y graduales Se relacionan colores afines Contraste: yuxtapone colores diferentes entre sí, Rojoverde, amarillo-violeta, azul-naranja La composición llama fuertemente la atención. Si es muy acentuado, puede reducir la legibilidad al producirse vibración
40 Uso del color Motivación El color tiene un gran impacto en la presentación de información. Si se usa adecuadamente, mejora la presentación. Su uso inapropiado puede reducir su funcionalidad. Es un componente principal de las GUI. El uso de colores apropiados puede ayudar a la memoria del usuario y facilitar la formación de modelos mentales efectivos.
41 Uso efectivo del color Simplicidad Vincular significados prácticos e intuitivos a los colores primarios, rojo, verde, amarillo y azul, que son fáciles de aprender Mantener el esquema del color simple, utilizando pocos colores: 5±2 Mantener el mensaje sencillo No sobrecargar el significado del color vinculando más de un concepto a un sólo color. Conceptos diferentes => colores diferentes
42 Uso efectivo del color Consistencia Evitar cambiar el significado de los colores en diferentes pantallas, sobre todo cuando se usa para codificar o agrupar información Ejemplo: color de fondo de campos no editables
43 Uso efectivo del color Consistencia Utilizar colores diferentes para conceptos diferentes No utilizar varios matices del mismo color, sobre todo para los azules Evitar el uso de colores que aparecen diferentes debido a la variación del color de fondo Pueden ser percibidos por el usuario como colores diferentes y el significado se perderá.
44 Uso efectivo del color Claridad El tiempo de búsqueda para encontrar una información disminuye si su color es conocido de antemano y sólo se aplica a ella. Utilizar colores estandarizados El uso del color mejora la estética y el atractivo de la interfaz. También mejora la efectividad del procesamiento de la información y el rendimiento de la memoria.
45 Uso efectivo del color Claridad La usabilidad mejora al usar colores para agrupar informaciones relacionadas Utilizar códigos de color en los mensajes rojo = alertar al usuario de un error amarillo = mensaje de advertencia verde = progreso positivo
46 Uso efectivo del color Lenguaje de color Para usar el color efectivamente, debe conocerse al usuario y su entorno de trabajo. Es más difícil usar el color efectivamente que no efectivamente. Usar una combinación equivocada para el fondo y el frente puede crear ilusiones que forzarán la vista. Usar múltiples colores puros o colores muy saturados obliga al ojo a reenfocar constantemente y causa fatiga. Usar colores difíciles de enfocar para texto o líneas delgadas causa fatiga y estrés.
47 Uso efectivo del color Lenguaje de color Existen reglas y sugerencias fáciles de seguir. Marcus: Utilice el color azul para el fondo. Mantenga bajo el número de colores. Evite usar colores adyacentes que difieran solamente en la cantidad de azul. Utilice colores brillantes para indicar peligro o para llamar la atención del usuario. Sugerencia: diseñe la interfaz primero en blanco y negro.
48 Uso efectivo del color Las reglas de Murch Evite el despliegue simultáneo de colores espectralmente extremos que estén altamente saturados. Descarte el color azul puro para texto, líneas delgadas y figuras pequeñas. Evite colores adyacentes que se diferencien sólo por la cantidad de azul que contienen. Los operadores de edad avanzada necesitan niveles más altos de brillo para distinguir los colores. Los colores cambian de apariencia a medida que el nivel de luz ambiental cambia.
49 Uso efectivo del color Las reglas de Murch La magnitud de un cambio detectable en el color varía a través del espectro. Es difícil enfocar hacia las orillas creadas solamente por el color. Evite utilizar el rojo y el verde en la periferia de presentaciones a gran escala. Los colores opuestos se ven bien juntos. Para los observadores con deficiencias del color (ciegos al color), evite hacer distinciones de un sólo color.
50 Legibilidad Uso efectivo del color Ejemplos Mac OS X QT 4 / 5,6 Significado del color Mac OS X Pixelcentric (
51 Uso del color Uso efectivo del color Ejemplos IBM RealCD Webforms Interface Hall of Shame (
52 Elementos de la imagen El tiempo Se puede simular el paso del tiempo en imágenes fijas, organizando adecuadamente el espacio: Uso de diferentes intensidades lumínicas, contrastes cromáticos, de textura, de escala, entre otros. Jerarquización de los elementos representados, ordenándolos según una cierta secuencia
53 Elementos de la imagen El tamaño El tamaño establece un peso visual y una jerarquización en cuanto al espacio ocupado por el elemento. Ayuda a crear sensación de profundidad mediante la perspectiva.
54 Elementos de la imagen El formato Proporción del cuadro donde se muestra la imagen. Debe favorecer la adaptación al campo visual humano, buscando una armonía entre las dimensiones.
55 Ejemplos... varios
56 La información sencilla reduce la carga de memoria
57
58 Sobrecarga informativa
59
60 Ejemplos Información jerarquizada
61 Ejemplos Información dispuesta por temas
62 Los iconos ayudan a identificar los contenidos... a veces
63
64 Uso del color para distribuir la información
65 El contraste de color anima y estimula
66
67 Un fondo llamativo dificulta la lectura
68
69 Ejemplos Contraste erróneo, rojo-azul, exige gran esfuerzo de acomodación visual
70 Ejemplos Recomendaciones Facilite la visibilidad - céntrese en el contenido. Utilice diálogos simples y naturales. Reduzca la memorización haciendo visible toda la información. Evite desplazamientos. instrucciones de uso visibles Reduzca la complejidad de las acciones. Predicción y realimentación, evitar ambigüedad en las representaciones
71 Ejemplos Recomendaciones Marque las opciones de navegación con claridad. Agrupe los datos lógicamente. Jerarquice la información. Muestre sólo la información necesaria. Flexibilice la presentación. Personalización Diseñe siguiendo una imagen global. mantener representaciones, estructura gráfica
72 Ejemplos Recomendaciones Mensajes de error en lenguaje natural Proporcionar ayuda Permitir que el usuario controle la velocidad Evaluar uso de maquetas desde el principio
73
74 Conclusiones El diseño es importante para la usabilidad de la interfaz. Un buen diseño reune la funcionalidad con la estética. El diseño no es sólo cuestión de buen gusto. Está basado en conocimientos fundados sobre la percepción humana. Existen reglas de fácil aplicación que pueden ayudar a realizar un buen diseño.
PROPÓSITO... 2 DETERMINANTES PARA UNA BUENA EXPERIENCIA DE USO...
Tabla de Contenido PROPÓSITO... 2 DETERMINANTES PARA UNA BUENA EXPERIENCIA DE USO... 2 1. LA PRESENCIA DE INFORMACIÓN Y AYUDA ÚTIL PARA COMPLETAR LOS TRÁMITES EN LÍNEA.... 2 2. LA DISPONIBILIDAD DE DIVERSOS
Más detallesPrincipios fundamentales del diseño
Principios fundamentales del diseño gordongroup Acerca de gordongroup gordongroup es una agencia de marketing y comunicación que proporciona un servicio completo, en un centro único, y ofrece una combinación
Más detalles3.10.2 Herramientas de Imagen. 3.10.2.1 Grupo Ajustar. 3.10.2.1.1 Brillo. Imagen con brillo Normal. Imagen con +30% de brillo. 3.10.2.1.
. Microsoft Office Excel 2007 3.10.2 Herramientas de Imagen Al seleccionar una imagen ó imagen prediseñada, aparecen las Herramientas de imagen, es decir se agrega una ficha más en la cinta de opciones,
Más detallesPara crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Más detallesINSTRUCTIVO. dominion. méxico
INSTRUCTIVO dominion méxico índice de contenidos INSTRUCTIVO BÁSICO LOGO TIPOGRAFÍAS PLANTILLAS Word Excel Power Point CORREO ELECTRÓNICO Firma pag. 4 pag. 5 pag. 7 pag. 18 plantillas Elementos gráficos
Más detallesMICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1
MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal
Más detallesCONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB]
CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB Autor: Ing. Ester Regalado Miranda [Reglas para estructurar y diseñar páginas WEB] Pasos a seguir para elaborar una página WEB La realización y creación
Más detallesTEMA 2 LA COMPOSICIÓN
APUNTES DE EDUCACIÓN PLÁSTICA Y VISUAL 4º DE E.S.O. CURSO 2009-2010 TEMA 2 LA COMPOSICIÓN El lenguaje plástico y visual utiliza diversos elementos de expresión para representar imágenes, ya sea sobre un
Más detallesManual de Microsoft Power Point 2007 Parte 2 Universidad Politécnica de San Luis Potosí
Contenido: Manual de Microsoft Power Point 2007 Parte 2 1. Insertar y dar formato a los cuadros de texto.... 2 2. Insertar cuadros de texto.... 2 3. Estilos de forma - Contornos y colores.... 3 4. Estilos
Más detallesSeminario Accesibilidad Web
Programa Nacional para la Sociedad de la Información Proyecto ISIS Iniciativa por una Sociedad de la Información Sin barreras Seminario Accesibilidad Web Seminario sobre Accesibilidad Web Uso de computadoras
Más detallesCintas de opciones. Inicio Insertar Diseño Animaciones Presentación con diapositivas Revisar Vista. Diseño
Cintas de opciones En la parte superior, de la ventana de PowerPoint, debajo del título se encuentran las cintas de opciones, las cuales permiten manipular la estructura de la presentación. Existen siete
Más detallesgenerar columnas de texto y números disponer texto en columnas paralelas (para traducciones por ejemplo) situar imágenes junto a textos.
Módulo 3 Herramientas de Cómputo Tablas y Gráficos Las tablas de Word tienen una función similar a las tabulaciones pero con muchas más opciones de formato permitiendo mejores acabados. Mediante tablas
Más detallesPrincipios de Buen Diseño de Pantallas Cátedra Programación I
PRINCIPIOS DE BUEN DISEÑO DE PANTALLAS Qué quieren ver los usuarios? Apariencia clara y ordenada Indicación obvia de lo que se muestra y lo que se debería hacer con él Información esperada situada donde
Más detallesOperación de Microsoft Excel
Representación gráfica de datos Generalidades Excel puede crear gráficos a partir de datos previamente seleccionados en una hoja de cálculo. El usuario puede incrustar un gráfico en una hoja de cálculo,
Más detallesCreando un Sitio Web personal.
Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.
Más detallesNormas gráficas para sitios web
Dirección de Servicios de Información y Bibliotecas (SISIB) GUÍA Normas gráficas para sitios web Uso del escudo, tipografía y logotipo en los portales de unidades de la Universidad de Chile. 07.2015 I.
Más detallesEstándar de edición y publicación de contenidos para el Sitio Web
Estándar de edición y publicación de contenidos para el Sitio Web Para toda persona con presencia en el Sitio Web del, Jalisco. Versión 0.2 Julio de 2011 Departamento de TI Versiones del Documento Departamento
Más detallesProducción de una pintura abstracta en acrílico sobre madera entelada. A) Detalle C) Pintura
Producción de una pintura abstracta en acrílico sobre madera entelada. A) Detalle C) Pintura B) PROCESO 6) Madera con base 5) Proporción por tercios 4) Pasaje en escala del dibujo 3) Borrado de líneas
Más detallesPráctica 3: Introducción a Word
Departament d Enginyeria i Ciència dels Computadors Práctica 3: Introducción a Word B12. Informática I. Curso 2001/2002 Profesores: Julio Pacheco Juanjo Murgui Raul Montoliu Mª Carmen Ortiz Octubre 2001
Más detallesOperación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
Más detallesUSABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja
USABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja "La usabilidad trata sobre el comportamiento humano; reconoce que el humano es emotivo, no está interesado en poner demasiado esfuerzo
Más detallesColores complementarios, tonalidades de grises
Colores complementarios, tonalidades de grises 1. Identificación Área: Educación Artística (Artes visuales) SC: 2. Colores complementarios y tonalidades de grises. Resumen: En esta propuesta didáctica
Más detallesFormularios. Formularios Diapositiva 1
Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva
Más detallesCapítulo 5. Cliente-Servidor.
Capítulo 5. Cliente-Servidor. 5.1 Introducción En este capítulo hablaremos acerca de la arquitectura Cliente-Servidor, ya que para nuestra aplicación utilizamos ésta arquitectura al convertir en un servidor
Más detallesGuía de uso de isologotipo y lineamientos para el manejo de marca
Guía de uso de isologotipo y lineamientos para el manejo de marca CONTENIDO 00. Introducción 01. Versiones 02. Tamaños 03. Proporciones 04. Área de reserva 05. Colores 06. Tipografías 07. Restricciones
Más detallesCuaderno de Ejercicios
Uso eficiente de las Presentaciones Open Office Impress I Cuaderno de Ejercicios Uso eficiente de las Presentaciones Open Office Impress Cuaderno de Ejercicios 1 Unidad de Capacitación I Universidad de
Más detallesAl descomprimir su archivo en una carpeta podrá observar los documentos:
Instructivo para el uso de la plantilla de tesis En este documento usted encontrará una guía para el uso de la plantilla de tesis. Esperamos responder la mayoría de las preguntas que puedan surgir. A lo
Más detalles100 EJERCICIOS DE MICROSOFT WORD
100 EJERCICIOS DE MICROSOFT WORD 1. como se activan y se desactivan las barras de herramientas Clic derecho en la Barra de Menú Clic en el nombre de la barra que desee activar o desactivar. Clic en el
Más detallesCapitulo 3: Color, aplicación en Illustrator
Capitulo 3: Color, aplicación en Illustrator La aplicación de colores a las ilustraciones es una tarea habitual en Adobe Illustrator, que requiere un cierto grado de conocimiento sobre los modos y los
Más detallesMaterial impreso. Manejo básico de PowerPoint para el diseño de una disertación
1 Material impreso Manejo básico de PowerPoint para el diseño de una disertación Objetivo general Mejorar el nivel del recurso audiovisual utilizado en las disertaciones a través de un empleo adecuado
Más detallesCURSOS PRÁCTICOS SEDEN. Maquetación de un trabajo en Word SEDEN
2 CURSOS PRÁCTICOS SEDEN Maquetación de un trabajo en Word SEDEN 2 Maquetación de un trabajo en Word Vamos a explicar las distintas herramientas que tiene Word para maquetar cualquier trabajo que realicemos.
Más detallesNormativa para presentaciones en Power Point
Introducción En la situación actual de utilización de diferentes elementos multimedia para transmitir información, se deben establecer las pautas para las presentaciones en PowerPoint para que éstas mantengan
Más detallesExcel 2010 Representación gráfica de datos
Excel 2010 Representación gráfica de datos Contenido CONTENIDO... 1 CONCEPTO DE GRÁFICO... 2 CREACIÓN DE GRÁFICOS... 3 CREAR UN GRÁFICO EN EXCEL WEB APP... 13 ESTABLECER FORMATOS AL GRÁFICO... 16 1 Concepto
Más detallesTema 3. Diseño web. Aplicación de los principios de diseño centrado en el usuario
Tema 3. Diseño web. Aplicación de los principios de diseño centrado en el usuario 30258- Diseño Centrado en el Usuario. Dra. Sandra Baldassarri Objetivos Conocer los principios de diseño centrados en el
Más detallesUnidad II. Interfaz Grafica
Clase:004 1 Unidad II Interfaz Grafica Basado en https://developer.apple.com/library/ios/#referencelibrary/gettingstar ted/roadmapios/chapters/introduction.html 2 Agenda Desarrollo de Apps para IOS. Diseño
Más detallesGESTIÓN DE CONTENIDO ELECTRÓNICO Ing. Johanna Navarro ENSAYO SOBRE MICROSOFT INFOPATH 2010
GESTIÓN DE CONTENIDO ELECTRÓNICO Ing. Johanna Navarro ENSAYO SOBRE MICROSOFT INFOPATH 2010 Realizado por : Arturo Zambrano Rodríguez 19/09/2012 INTRODUCCIÓN Microsoft InfoPath 2010 incluye muchas características
Más detallesManual de Identidad Institucional y Directrices de Marca
Manual de Identidad Institucional y Directrices de Marca La importancia de un Manual Corporativo La imagen corporativa o institucional de una empresa, institución u organización, es la resultante del vínculo
Más detallesPROCESAMIENTO DE TEXTOS MS OFFICE WORD 2007
PLAN DE CAPACITACION 2012 OPERACIÓN DE COMPUTADORAS Y PROGRAMAS DE OFIMATICA PROCESAMIENTO DE TEXTOS MS OFFICE WORD 2007 MATERIAL DE CONSULTA Nº 2 Junio 2012 CONTENIDO 1 MICROSOFT WORD 2007... 3 1.1 Trabajar
Más detallesLa pestaña Inicio contiene las operaciones más comunes sobre copiar, cortar y pegar, además de las operaciones de Fuente, Párrafo, Estilo y Edición.
Microsoft Word Microsoft Word es actualmente (2009) el procesador de textos líder en el mundo gracias a sus 500 millones de usuarios y sus 25 años de edad. Pero hoy en día, otras soluciones basadas en
Más detallesCAPÍTULO 6 SOFTWARE DESARROLLADO
CAPÍTULO 6 SOFTWARE DESARROLLADO Para realizar el software de información (software desarrollado) se utilizaron dos programas: Macromedia Flash MX y Microsoft FrontPage, ya que ofrecen las mejores aplicaciones
Más detallesGuía de calidad de color
Página 1 de 6 Guía de calidad de color La guía de calidad de color está diseñada para ayudar a los usuarios a comprender cómo pueden utilizar las operaciones disponibles en la impresora para ajustar y
Más detallesGUÍA DE LENGUAJE E. identidad. visual NATURA/ RED DE RELACIONES SUSTENTABLES
GUÍA DE LENGUAJE E identidad visual NATURA/ RED DE RELACIONES SUSTENTABLES introducción Nuestro logotipo, tipografía y los colores que utilizamos representan la esencia de la identidad visual de Natura,
Más detallesANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE
ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad
Más detallesWord XP (Continuación) Salto de página vs. Salto de Sección
Word XP (Continuación) Salto de página vs. Salto de Sección 1 Salto. Salto de página Cuando se llena una página con texto o gráficos, Microsoft Word inserta un salto de página automático y comienza una
Más detallesAplicación de Formatos y Texto Decorativo
Aplicación de Formatos y Texto Decorativo UNIDAD 4 Estructura de Contenidos: 1. Ficha Inicio o Grupo Párrafo Alineación, interlineado. Sangrías y tabulaciones Numeración y viñetas Listas multinivel o Grupo
Más detallesCONCURSO DE SITIOS WEB DE RAMAS ESTUDIANTILES IEEE
CONCURSO DE SITIOS WEB DE RAMAS ESTUDIANTILES IEEE Reglas e instrucciones El objetivo de una página web es transmitir información de una manera útil para el lector. La manera en que transmite la información
Más detallesManual Typo3 para clientes
Manual Typo3 para clientes 1 Indice Que es Typo3?...3 Recomendaciones generales...3 Agregar contenidos a una página...4 Elemento de texto normal...7 Formatear el texto...8 Formatear texto de word o openoffice...8
Más detallesAjustes de sombras. 1) Añadir localización
Ajustes de sombras El cuadro de diálogo "Ajustes de sombras" se utiliza para controlar las funciones de proyección de sombras de SketchUp, incluyendo su visibilidad, la fecha y la hora, la posición geográfica
Más detallesOperación de Microsoft Word
Generalidades y conceptos Combinar correspondencia Word, a través de la herramienta combinar correspondencia, permite combinar un documento el que puede ser una carta con el texto que se pretende hacer
Más detallesMinisterio de Educación, Cultura y Deporte. Joomla! La web en entornos educativos. Guía del alumnado
Ministerio de Educación, Cultura y Deporte Joomla! La web en entornos educativos Guía del alumnado INTEF 2012 Joomla! La web en entornos educativos Guía Didáctica En este apartado describiremos las características
Más detallesTECHNOLOGY EXPERTISE, ACCESS & LEARNING FOR ALL TEXANS
MICROSOFT WORD Introducción a Microsoft Word es un curso de dos horas diseñado para familiarizar a los estudiantes con la terminología, componentes de la pantalla y funciones de Microsoft Word. Se enfatizarán
Más detallesSugerencias de uso - Render Up. (versión 3.6.7 o superior)
Sugerencias de uso - Render Up (versión 3.6.7 o superior) Desarrollado por: Procad Softwares Mexico Niños Héroes 2285 Colonia Moderna CP 44190 Guadalajara Jalisco Teléfono (33) 36 79 43 58 www.procad.net/mx
Más detallesEstándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.
Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal
Más detallesCOREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS
CREAR TABLAS COREL DRAW PARTE II TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS Para crear una tabla, debes seleccionar la herramienta Tabla desde la barra de herramientas, completa los valores en el
Más detallesIndicaciones específicas para los análisis estadísticos.
Tutorial básico de PSPP: Vídeo 1: Describe la interfaz del programa, explicando en qué consiste la vista de datos y la vista de variables. Vídeo 2: Muestra cómo crear una base de datos, comenzando por
Más detallesADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0
ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES
Más detallesCuando crees tus propios documentos, puede ser que alguna
1. CORTAR, COPIAR Y PEGAR Cuando crees tus propios documentos, puede ser que alguna vez necesites escribir el mismo texto varias veces o que quieras colocar un trozo de texto en otra parte del documento.
Más detallesMANUAL DE IDENTIDAD CORPORATIVA
MANUAL DE IDENTIDAD CORPORATIVA Introducción La Imagen Corporativa engloba y trasciende a la Imagen Gráfica. Cualquier cosa tangible, visible e incluso intangible de una empresa, puede ser entendida como
Más detallesUsabilidad y comercio electrónico
Usabilidad y comercio electrónico Francisco Montero Simarro Profesor Contratado Doctor de la UCLM Escuela Superior de Ingeniería Informática Universidad de Castilla-La Mancha Algunas preguntas previas
Más detallesTEORÍA DEL COLOR Colores Primarios
TEORÍA DEL COLOR Para el caso de la imagen, son todas aquellas recomendaciones respecto del color, sus combinaciones, el uso de los tonos entre otros. No se puede avanzar en el tema, sin antes mencionar
Más detallesProfundidad tonal. Es el número de grises que tiene una imagen entre la densidad máxima y la densidad mínima.
Profundidad tonal Profundidad tonal Es el número de grises que tiene una imagen entre la densidad máxima y la densidad mínima. En una imagen digital la mínima unidad de información espacial es el píxel.
Más detallesDESAFÍO. Presentación enriquecida. Presenta tus ideas con todos los formatos
DESAFÍO Presentación enriquecida 4 Presenta tus ideas con todos los formatos Una presentación es el apoyo textual y gráfico que se puede diseñar para ilustrar una clase, una conferencia, un debate y, en
Más detallesPowerPoint 2010 Modificar el diseño de las diapositivas
PowerPoint 2010 Modificar el diseño de las diapositivas Contenido CONTENIDO... 1 MODIFICAR EL DISEÑO DE LAS DIAPOSITIVAS... 2 DISEÑO DE DIAPOSITIVAS EN POWERPOINT WEB APP... 13 1 Modificar el diseño de
Más detallesEn caso de que existan varios objetivos, éstos son claros y separados, no están mezclados. OK Alta
Orden Criterio heurístico Cumplimiento Gravedad 1- Claridad de propósito y objetivos El sitio web debe comunicar de manera inmediata su propósito, función u objetivo. : El propósito u objetivo de la página
Más detallesYoExportoAceite.com Buenas prácticas para el Diseño Web Jornada Empresarial Exporta tu aceite con tan sólo un clic
YoExportoAceite.com Buenas prácticas para el Diseño Web Jornada Empresarial Exporta tu aceite con tan sólo un clic Lina García Cabrera Departamento Informática Qué se pretende con esta charla 1. Importancia
Más detallesBienvenido! Nos alegramos de verle.
Bienvenido! Nos alegramos de verle. BookWright, la nueva herramienta de creación de libros de Blurb, se diseñó para ser lo más intuitiva posible, pero sabemos que no hay dos mentes iguales. Y a todos nos
Más detallesProducción y escritura web
Producción y escritura web Tutorial Planeación Proyecto Web 1: De la planificación a los lay-outs 1. Definir tema: Tener claridad sobre el tema a tratar, los objetivos a cumplir, y el tipo de usuario al
Más detallesTrabajar con diapositivas
Trabajar con diapositivas INFORMÁTICA 4º ESO POWERPOINT Una vez creada una presentación podemos modificarla insertando, eliminando, copiando diapositivas, Insertar una nueva diapositiva.- Para insertar
Más detallesIntroducción a la Interacción Humano-Computadora
Introducción a la Interacción Humano-Computadora Tarea 1. Análisis de la página http://mixtli.utm.mx/~ingcomp/ Consuelo Jaqueline Estrada Bautista Maestría en Medios Interactivos Universidad Tecnológica
Más detallesEntidad Formadora: Plan Local De Formación Convocatoria 2010
Entidad Formadora: Enterprise Architect Comenzando Puede iniciar Enterprise Architect desde el ícono que se creó en su escritorio de Windows durante la instalación, o alternativamente: 1. Abrir el menú
Más detallesInformes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.
Informes Se pueden imprimir fácilmente los registros en una tabla o el resultado de un filtro simplemente usando el botón de Impresora de la barra de herramientas, o la opción Archivo / Imprimir. Sin embargo,
Más detallesGUIA SOBRE LOS REQUISITOS DE LA DOCUMENTACION DE ISO 9000:2000
1 INTRODUCCIÓN Dos de los objetivos más importantes en la revisión de la serie de normas ISO 9000 han sido: desarrollar un grupo simple de normas que sean igualmente aplicables a las pequeñas, a las medianas
Más detallesPREGUNTA A TU INTERIORISTA.
1. DATOS PROPORCIONADOS POR EL CLIENTE. 2. RESPUESTA. 1. DATOS PROPORCIONADOS POR EL CLIENTE. El cliente tiene un local comercial en una zona céntrica de Murcia pero no está situado en una calle principal
Más detallesEl Perfil Personal Insights Discovery
El Perfil Personal Insights Discovery El Evaluador Insights mide preferencias de personalidad y conductas. Insights, reconoce 4 estilos básicos de personalidad basados en los Tipos Psicológicos de Carl
Más detallesGuía rápida del usuario DoliShop
Guía rápida del usuario DoliShop A continuación se describirá brevemente cuales son los pasos para realizar los procesos mínimos del conector DoliShop Con esta guía no pretendemos que el usuario tenga
Más detallesGuía de Preparación de Muestras para PLASTICOS para el Software de Formulación de Datacolor
Guía de Preparación de Muestras para PLASTICOS para el Software de Formulación de Datacolor 1. Generalidades 2. Qué se necesita para comenzar? 3. Qué hacer para sistemas opacos y translúcidos? 4. Qué hacer
Más detallesFundamentos del diseño Wucius Wong INTRODUCCIÓN
Fundamentos del diseño Wucius Wong INTRODUCCIÓN Qué es el diseño? El diseño es un proceso de creación visual con un propósito. A diferencia de la pintura y de la escultura, que son la realización de las
Más detallesMARCA INSTITUCIONAL MARCA PROMOCIONAL
Dirección Comunicación Institucional INTRODUCCIÓN Esta guía se refiere exclusivamente a la aplicación de la marca institucional Tecnológico de Monterrey y la marca promocional Tec de Monterrey en diversos
Más detallesPlataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Más detallesPautas generales para elaborar diapositivas accesibles
Pautas generales para elaborar diapositivas accesibles Pautas generales para elaborar diapositivas accesibles por Oficina de Inclusión Educativa de Personas en Situación de Discapacidad. Universidad Nacional
Más detallesGUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx
GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx Manual de Imagen para Portales Introducción Este manual de imagen fue elaborado por la Dirección General de Informática del Gobierno de
Más detallesGuía para la Automatización de Documentos en. Microsoft Word
UNIVERSIDAD SAN CARLOS DE GUATEMALA CENTRO UNIVERSITARIO DE SAN MARCOS USAC-CUSAM Guía para la Automatización de Documentos en Microsoft Word ID Y ENSEÑAD A TODOS 2015 PRESENTACIÓN El Instituto de Investigaciones
Más detallesCapítulo 10. Gráficos y diagramas
Capítulo 10. Gráficos y diagramas 1. Introducción Los gráficos y diagramas que se acostumbran a ver en libros e informes para visualizar datos estadísticos también se utilizan con propósitos cartográficos,
Más detallesINSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010
INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 Abrir el programa PowerPoint desde el menú INICIO TODOS LOS PROGRAMAS MICROSOFT OFFICE MICROSOFT OFFICE POWERPOINT (Fig. 1) (Fig.
Más detallesESTUDIO ADMINISTRATIVO
ESTUDIO ADMINISTRATIVO ORGANIZACIÓN ADMINISTRATIVA Coordinación racional de las actividades de un cierto número de personas que intentan conseguir un objetivo común y explícito mediante la división de
Más detalles2. Entorno de trabajo y funcionalidad en Arquímedes
2. Entorno de trabajo y funcionalidad en Arquímedes 2.9. Presupuestos comparativos. Cómo contrastar ofertas... 1 2.9.1. Análisis de los datos del comparativo de presupuestos... 4 2.9.2. Ejemplo de comparativo
Más detallesWord 2010 Columnas estilo periodístico
Word 2010 Columnas estilo periodístico Contenido CONTENIDO... 1 COLUMNAS DE ESTILO PERIODÍSTICO... 2 CREAR TEXTO EN COLUMNAS... 3 LETRA CAPITAL... 8 COLUMNAS DE ESTILO PERIODÍSTICO EN WORD WEB APP... 11
Más detallesObjetivo: Desarrollar una plantilla que contenga una encuesta estructurada en Microsoft Excel.
DISEÑO DE UN FORMULARIODE ENCUESTA Objetivo: Desarrollar una plantilla que contenga una encuesta estructurada en Microsoft Excel. Primer paso: Creación de la portada En la HOJA1 seleccione todas las celdas,
Más detallesPlanificación, Administración n de Bases de Datos. Bases de Datos. Ciclo de Vida de los Sistemas de Información. Crisis del Software.
Planificación, n, Diseño o y Administración n de Crisis del Software Proyectos software de gran envergadura que se retrasaban, consumían todo el presupuesto disponible o generaban productos que eran poco
Más detallesPaint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp).
Aplicación Paint Generalidades Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Para ejecutar la aplicación Paint se debe seleccionar
Más detalles> Temario Curso Office en Mac <
Procesador de texto Introducción El procesador de texto, forma parte de la suite de Microsoft Office y es uno de los más utilizador en la actualidad. Su gran versatilidad permite realizar desde una carta
Más detallesDecisión: Indican puntos en que se toman decisiones: sí o no, o se verifica una actividad del flujo grama.
Diagrama de Flujo La presentación gráfica de un sistema es una forma ampliamente utilizada como herramienta de análisis, ya que permite identificar aspectos relevantes de una manera rápida y simple. El
Más detallesMAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico
MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas
Más detallesCómo hacer una buena presentación en
Cómo hacer una buena presentación en Sachy Bravo 10 de junio 2009 Qué es un Power Point? Es un conjunto de diapositivas que sirve como apoyo gráfico para una presentación. La presentación la hace la persona
Más detallesSESIÓN 1: POWER POINT 2013
SESIÓN 1: POWER POINT 2013 INTRODUCCIÓN PowerPoint es un miembro de la suite de programas de Microsoft Office 2013. Una suite es un grupo de programas diseñados por un fabricante para que podemos trabajar
Más detallesMódulo II - PowerPoint
Módulo II - PowerPoint Índice Copiando diapositivas Menú Edición... 2 Copiando diapositivas utilizando la barra de herramientas... 3 Copiando diapositivas utilizando el menú contextual... 3 Copiando diapositivas
Más detallesLINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA
LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA
Más detallesCombinación de Colores
Combinación de Colores Sugerencias Parte A ~ Por: Jennifer Pérez La rueda de colores generalmente es arreglada por secciones que representan por lo menos 12 colores (primarios, secundarios y terciarios).
Más detallesAccesibilidad en el Diseño de Aplicaciones Web
Accesibilidad en el Diseño de Aplicaciones Web Sergio Luján Mora CÓMO HAGO QUE MI SITIO WEB SEA ACCESIBLE? 1 El WAI 10 consejos breves WCAG 1.0 Contenido Método de aplicación Niveles de conformidad WCAG
Más detallesNos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página
ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar
Más detalles