Guiasydiseño

Interaccin persona-ordenador
Guas de estilo y diseo grfico
Objetivos
Conocer principios y directrices de diseo Ver la importancia de usar guas de estilo y estndares Conocer algunos principios del diseo grfico de la interfaz
Contenidos
Introduccin Principios y directrices Estndares Guas de estilo El diseo grfico Elementos morfolgicos de la imagen Uso del color Tcnicas de diseo grfico Iconos Ejemplos
Introduccin
Una interfaz bien diseada debe facilitar el trabajo de los usuarios Para ello es preciso entender el modelo mental del usuario Los diseadores no son expertos en estos temas y necesitan unos principios generales de diseo consensuados por los expertos
Introduccin
Los principios abstractos se concretan en forma de guas de estilo Ayudan a los diseadores a tomar decisiones correctas en sus diseos Pueden ser obtenidas en diferentes sitios:
Artculos de revistas acadmicas, profesionales o comerciales Manuales y guas de estilo de empresas de software
Principios y directrices
Principios
Un principio es una sentencia en un sentido muy amplio que normalmente est basada en la investigacin hecha de cmo las personas aprenden y trabajan
Estn basados en ideas de alto nivel y de aplicacin muy general. Por ejemplo:
Asistencia: asistir al usuario en la realizacin de las diferentes tareas
No especifican mtodos para obtener sus objetivos. Son bastante abstractos
Principios
Simpson (1985)
Definir los usuarios Dejar el control a los usuarios Minimizar el trabajo de los usuarios Hacer programas sencillos Mantener la consistencia Proporcionar realimentacin No cargar la memoria de trabajo No abusar de la memoria a largo plazo
Principios
Mandel (1997)
Colocar a los usuarios en el control de la interfaz Reducir la carga de memoria de los usuarios Hacer la interfaz consistente
Principios
Mandel (1997)
Colocar a los usuarios en el control de la interfaz
Permitir el uso del teclado y el ratn Permitir a los usuarios cambiar la atencin Mostrar mensajes y textos descriptivos Proporcionar acciones inmediatas, reversibles y realimentacin Permitir personalizar la interfaz Permitir manipular los objetos de la interfaz Acomodar a los usuarios con diferentes niveles de habilidad
Reducir la carga de memoria de los usuarios Hacer la interfaz consistente
Principios
Mandel (1997)
Colocar a los usuarios en el control de la interfaz Reducir la carga de memoria de los usuarios
Proporcionar pistas visuales Proporcionar opciones por defecto Proporcionar atajos Emplear metforas del mundo real Emplear la revelacin progresiva para evitar abrumar al usuario Promover la claridad visual
Hacer la interfaz consistente
Principios
IBM (2001)
Simplicidad Apoyo Familiaridad Evidencia Estmulo Satisfaccin Disponibilidad Seguridad Versatilidad Personalizacin Afinidad
Principios
IBM (2001)
No sacrificar la usabilidad por la funcionalidad del sistema
Principios
IBM (2001)
Hay que proporcionar el control sobre el sistema al usuario y suministrarle asistencia para facilitar la realizacin de las tareas
Principios
IBM (2001)
Construir el producto segn el conocimiento previo del usuario, lo que le permitir progresar rpidamente
Principios
IBM (2001)
Hacer los objetos y sus controles visibles e intuitivos. Emplear siempre que se pueda representaciones del mundo real en la interfaz
Principios
IBM (2001)
Hacer las acciones previsibles y reversibles. Las acciones de los usuarios deberan producir los resultados que ellos esperan
Principios
IBM (2001)
Crear una sensacin de progreso y logro en el usuario
Principios
IBM (2001)
Hacer todos los objetos disponibles de forma que el usuario pueda usar todos sus objetos en cualquier secuencia y en cualquier momento
Principios
IBM (2001)
Evitarle errores al usuario proporcionndole diferentes tipos de ayuda bien de forma automtica o bien a peticin del propio usuario
Principios
IBM (2001)
Soportar diversas tcnicas de interaccin, de forma que el usuario pueda seleccionar el mtodo de interaccin ms apropiado para su situacin
Principios
IBM (2001)
Permitir a los usuarios adaptar la interfaz a sus necesidades
Principios
IBM (2001)
Permitir con un buen diseo visual que los objetos sean afines a otros de la realidad cotidiana
Principios y directrices
Directrices
Las directrices recomiendan acciones basndose en un conjunto de principios de diseo. Son ms especficas y requieren menos experiencia para entenderlas e interpretarlas que los principios Ejemplo relacionado con el principio de asistencia:
Proporcionar ayuda contextual para cada opcin y objeto sobre el que pueda posicionarse el cursor
Son objetivos especficos que concretan los principios para usuarios, entornos y tecnologas diferentes Aseguran la consistencia
Fundamental para las empresas de desarrollo de software
Estndares
Un estndar es un requisito, regla o recomendacin basada en principios probados y en la prctica. Representa un acuerdo de un grupo de profesionales oficialmente autorizados a nivel local, nacional o internacional Los estndares pueden ser:
Locales Nacionales Internacionales
Estndares
Objetivo: hacer las cosas ms fciles, definiendo caractersticas de objetos y sistemas que se utilizan cotidianamente
Ejemplos: teclado de telfono, teclado QWERTY
Toda la industria funciona con estndares

Ejemplo: Construccin
Tambin la industria informtica

Estndares de pantallas, teclados, conectores, incluso mobiliario Ejemplo: la inclinacin del teclado debe estar entre 0 y 25 grados
Estndares
Estndares de la interfaz
Objetivo: conseguir un software ms fcil y seguro, estableciendo unos requisitos mnimos de fabricacin, eliminando inconsistencias y variaciones innecesarias en las interfaces Tipos de estndares
Estndares de iure Estndares de facto
Estndares
Estndares de iure
Son generados por comits con estatus legal Deben seguir un proceso complejo:
Documento preliminar pblico Enmiendas Aprobacin (tras cierto tiempo, a veces aos) Ejemplo: Ansi C
Estndares de iure
Comits
ISO IEC ANSI IEEE CEN W3C
En Informtica tienen estatus legal para definir estndares de iure:

Asociacin Internacional para Estndares Comisin Electrotcnica Internacional Instituto Nacional Americano para Estndares Instituto de Ingenieros Elctricos y Electrnicos Americano Comit Europeo para la Estandarizacin Consorcio para la World Wide Web
Estndares
Estndares de facto
Nacen a partir de productos con xito en el mercado o desarrollos hechos por grupos de investigacin que alcanzan gran difusin Son aceptados como tales por su uso generalizado Su definicin se encuentra en manuales, libros o artculos Ejemplos: Sistema X-Windows Lenguaje C Normas CUA
Estndares de iure en IPO

Los estndares de la interfaz son relativamente recientes Algunos de los ms importantes son:
ISO/IEC 9126: Evaluacin de productos software: caractersticas de calidad y directrices para su uso ISO 9241: requisitos ergonmicos para trabajar con terminales de presentacin visual (VDT) ISO/IEC 10741: interaccin de dilogos ISO/IEC 11581: smbolos y funciones de los iconos ISO 11064: diseo ergonmico de centros de control ISO 13406: requisitos ergonmicos para trabajar con presentaciones visuales basadas en paneles planos ISO 13407: procesos de diseo centrados en la persona para sistemas interactivos
Guas de estilo
Para asegurar la consistencia de un sistema es fundamental basar su diseo en un conjunto de principios y directrices Las organizaciones deben disponer de una gua para sus desarrolladores Se denominan guas de estilo
Guas de estilo
Tipos:
Guas de estilo comerciales Guas de estilo corporativas
Ventaja: aseguran una mejor usabilidad mediante la consistencia que imponen En el lenguaje industrial se hace referencia a las guas de estilo como el look and feel
Guas de estilo
Guas de estilo comerciales

Son producidas por fabricantes de software y hardware, y son en general estndares de facto
Apple Motif OS/2 CUA Windows Open Look CDE, Common Desktop Environment Java Swing
Contienen directrices que se concretan a muy bajo nivel
Guas de estilo
Apple (1985)
Guas de estilo
Apple (1985)
Guas de estilo
Apple (1985)
Guas de estilo
Apple
Guas de estilo
CUA (Common User Access)

Publicadas en 1987 por IBM y Microsoft Se adoptaron universalmente por la fuerza de IBM (estndar de facto) Windows, OS/2 y Motif son los estndares ms importantes que siguen esta norma
Guas de estilo
Motif
OSF (Open Software Foundation)
Guas de estilo
OpenLook
SUN Microsystems y AT&T
Guas de estilo
CDE
Common Desktop Environment Interfaz grfica para UNIX Desarrollado por IBM, HP, Novell y SUN Aprobado por X/Open, organizacin de estndares en el mundo UNIX Basado en estndares de facto de la industria como X.11, Motif y Tooltalk
Guas de estilo
Microsoft
Guas de estilo
Java Swing
Guas de estilo
Java Swing
Guas de estilo
Guas de estilo para la Web

Disear para la Web es diferente a disear interfaces tradicionales Algunos principios son aplicables pero la Web tiene sus particularidades Una caracterstica importante de la Web es la falta de interfaces de usuario comunes Para afrontar este problema varias empresas y organismos publican sus guas de estilo Web
Apple IBM Sun W3C Yale Center for Advanced Instructional Media
Guas de estilo para la Web
W3C
El W3C alberga la Iniciativa de Accesibilidad Web (WAI) Las guas juegan un papel importante para crear sitios web accesibles WAI ofrece tres guas diferentes:
Web Content Accessibility Guidelines (WCAG) Authoring Tool Accessibility Guidelines (ATAG) User Agent Accessibility Guidelines (UAAG)
www.w3.org/WAI/Resources/#gl
Guas de estilo
Guas de estilo corporativas

Ayudan a las empresas a dar un mismo estilo a todos sus productos Si una organizacin desea desarrollar su propio estilo corporativo, primero ha de escoger una gua de estilo comercial Esta gua se aumenta con unas caractersticas propias que produzcan una imagen coherente de la organizacin
Guas de estilo
Gua de estilo del producto
Guas de estilo de la suite de productos
Guas de diseo de las plataformas (Windows, OS/2, UNIX)
Estndares internacionales (ISO, DIN)
Guas de estilo
Consideraciones
Los estndares y guas proporcionan una base para realizar el diseo El uso de guas no garantiza que la interfaz sea usable Es mejor seguir las guas que no hacerlo. Son muchas ms las ventajas que aportan que las desventajas Hay que dar facilidades a los diseadores y programadores:
Proporcionar ejemplos en la documentacin Incorporar las guas a las herramientas Dar formacin y entrenamiento
El diseo grfico
El objetivo del diseo grfico es crear una interfaz transparente
No obstruye el acceso El usuario tiene una buena experiencia interaccionando con el sistema La interfaz casi no es detectada
Objetivo del diseo
Cmo conseguirlo?
Considerar cada aspecto con un sentido del conjunto Conjuntar el diseo funcional y el visual
Los controles deben tener un aspecto acorde a su funcin y funcionar de acuerdo con su aspecto Cuando el diseo visual clarifica sus funciones, la interfaz resulta intuitiva
Elementos de la imagen
Para representar algo utilizamos unos elementos que constituyen un alfabeto grfico:
El punto La lnea La forma La luz El color El tiempo El tamao El formato La composicin
El punto
Elemento ms simple Posee gran fuerza atractiva como marca

Su situacin puede establecer los ejes bsicos de la estructura Varios puntos juntos se perciben agrupados creando formas Una secuencia de puntos crea una direccin de movimiento Ayuda a dirigir la visin del observador
La lnea
Organizan el espacio
Determinan ejes que delimitan zonas de atraccin
Pueden crear texturas, profundidad y movimiento Su direccin y grosor les da una expresividad
La forma
Define una superficie con unas dimensiones dadas Formas bsicas

Cuadrado, tringulo y crculo
Funcin: definir y organizar el espacio Pueden simular tridimensionalidad cuando se representan en perspectiva
La luz
Contribuye a la composicin de la escena

Puede sugerir profundidad y tridimensionalidad Puede modelar formas, superficies y volmenes
Una caracterstica importante es la tonalidad, que incide en la captacin de las formas:

Un tono claro parece ms 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
El color
Papel del color en la imagen:

Contribuye a la recreacin del espacio
Ayuda a simular la profundidad (sombreado) Sugiere distancia (difuminacin progresiva del tono)
Dinamiza la composicin por la interaccin de colores

Los colores claros son excntricos y los oscuros concntricos Los colores saturados producen un fuerte impacto y se relacionan con sensaciones dinmicas y alegres. Los colores no saturados transmiten sensaciones dbiles y ms sutiles
Transmite sentimientos
Hay colores clidos y fros, ligeros y pesados, tristes y alegres La percepcin del color es subjetiva y depende de factores culturales
El color
Formas de relacin dinmica entre los colores:

Armona: crea una composicin con variaciones cromticas suaves y graduales relacionando colores afines Contraste: yuxtapone colores diferentes entre s, fundamentalmente colores complementarios:
Rojo-verde, amarillo-violeta, azul-naranja La composicin llama fuertemente la atencin Si es muy acentuado puede reducir la legibilidad al producirse vibracin
Es necesario conocer las relaciones cromticas para combinar correctamente los colores
El tiempo
Se puede simular el paso del tiempo en imgenes fijas organizando adecuadamente el espacio:
Usando diferentes intensidades lumnicas, contrastes cromticos, de textura, de escala... Jerarquizando los elementos representados, ordenndolos segn una cierta secuencia
El tamao
El tamao establece un peso visual y una jerarquizacin por el espacio ocupado por el elemento Ayuda a crear sensacin de profundidad mediante la perspectiva
El formato
Es la proporcin del cuadro donde se muestra la imagen Debe favorecer la adaptacin al campo visual humano, buscando una armona entre las dimensiones Influye decisivamente en la composicin general y le da un significado
Los formatos horizontales son ms estticos Los formatos verticales y circulares son ms dinmicos
La composicin
Es la forma de organizar los elementos morfolgicos de la imagen en el espacio que ofrece el formato Principios: unidad y claridad
Se puede crear diversidad y contraste para aadir dinamismo, aunque complica la composicin
Hay que delimitar claramente el centro de inters que atraer la mirada del usuario
La composicin
Algunas reglas de composicin:
La zona inferior es ms esttica y slida y la superior ms dinmica y llamativa La zona izquierda es ms estable y permite colocar pesos mayores sin desequilibrar A mayor tamao, mayor peso compositivo
Uso del color

El color tiene un gran impacto en la presentacin de informacin
Si se usa adecuadamente mejora la presentacin Su uso inapropiado puede reducir su funcionalidad
Es un componente principal de las GUI El uso de colores apropiados ayuda a la memoria y facilita la formacin de modelos mentales efectivos Partes de la interfaz relacionadas con el color:
Persona: sistema humano visual Ordenador: presentacin de informacin
Fundamentos del color
El ojo humano
El ojo humano contiene una lente y una retina La retina contiene receptores sensibles a la luz, los conos y los bastones
Los bastones proporcionan visin de noche Los conos trabajan en niveles ms altos de intensidad de luz Los conos contienen fotorreceptores sensibles al rojo (64%), al verde (32%) o al azul (2%)
El ojo humano
El ojo es sensible a un rango de longitudes de onda
Menos sensible a longitudes ms cortas (azules) Ms sensible a longitudes ms largas (amarillos y anaranjados)
Debido a la distribucin fsica de los fotorreceptores azules, podemos ver los azules mejor en la periferia que en el frente
El ojo humano
Consecuencias de la organizacin fsica del ojo:
Por la falta de fororreceptores azules,
Las lneas azules delgadas (como el texto) tienden a verse borrosas Pequeos objetos azules tienden a desaparecer cuando tratamos de enfocarlos Los colores que difieren slo por la cantidad de azul no producen bordes claros Objetos del mismo color pueden parecer diferentes dependiendo del color del fondo
El ojo humano
Ejemplo:
R: 255 G: 102 B: 0 R: 255 G: 0 B: 102
R: 255 G: 102 B: 100 R: 255 G: 100 B: 102
El ojo humano
Ejemplo:
El texto en azul tiende a verse borroso
El ojo humano
Ejemplo:
El ojo humano
Conclusin:
El uso inefectivo de los colores puede causar vibraciones y sombras, distraer al usuario y forzar la vista
Uso del color
Uso efectivo del color

La persona interacta con el mundo a travs de modelos mentales El color ayuda a desarrollar modelos mentales eficientes si se siguen unas pautas
Simplicidad
Vincular significados prcticos e intuitivos a los colores primarios (rojo, verde, amarillo y azul), que son fciles de aprender y recordar Mantener el esquema del color simple, utilizando pocos colores: 52 No sobrecargar el significado del color vinculando ms de un concepto a un slo color. Conceptos diferentes = colores diferentes
Consistencia
Mantener el orden perceptual de los colores:
El rojo se enfoca en el frente El verde y el amarillo se enfocan en medio El azul se enfoca en el fondo
Evitar cambiar el significado de los colores en diferentes pantallas Utilizar colores diferentes para conceptos diferentes
Claridad
El tiempo de bsqueda de una informacin disminuye si su color es conocido de antemano y slo se aplica a ella Utilizar colores estandarizados El uso del color mejora la esttica de la interfaz, pero tambin la efectividad del procesamiento de la informacin y el rendimiento de la memoria
Claridad
La usabilidad mejora al
Usar colores para agrupar informaciones relacionadas Usar cdigos de color en los mensajes
rojo = alertar al usuario de un error amarillo = mensaje de advertencia verde = progreso positivo
Lenguaje de color
Las personas tenemos un lenguaje de color basado en el uso comn y cultural
Ejemplo: color del buzn de correo
Para usar el color efectivamente debe conocerse al usuario y su entorno de trabajo
Lenguaje de color
Es ms difcil usar el color efectivamente que inefectivamente
Usar una combinacin equivocada para el fondo y el frente puede crear ilusiones que forzarn la vista Usar mltiples colores puros o colores muy saturados obliga al ojo a reenfocar constantemente y causa fatiga Usar colores difciles de enfocar para texto o lneas delgadas causa fatiga y estrs
Lenguaje de color
Combinar colores para producir efectos positivos requiere el conocimiento de ciertas tcnicas, como las combinaciones de color
Programming the user interface: principles and examples. Brown y Cunningham
Lenguaje de color
Existen reglas y sugerencias fciles de seguir
Marcus:
Utiliza el color azul para el fondo Utiliza la secuencia de color espectral (rojo, anaranjado, amarillo, verde, azul, ndigo y violeta) Mantn pequeo el nmero de colores Evita usar colores adyacentes que difieran solamente en la cantidad de azul Utiliza colores brillantes para indicar peligro o para llamar la atencin del usuario Sugerencia: disea la interfaz primero en blanco y negro
Las reglas de Murch

Evita el despliegue simultneo de colores espectralmente extremos que estn altamente saturados Descarta el color azul puro para texto, lneas delgadas y figuras pequeas Evita colores adyacentes que se diferencien slo por la cantidad de azul que contienen Los operadores de edad avanzada necesitan niveles ms altos de brillo para distinguir los colores Los colores cambian de apariencia a medida que el nivel de luz ambiental cambia
Las reglas de Murch

Es difcil enfocar hacia las orillas creadas solamente por el color Evita 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), evita hacer distinciones de un slo color
Ejemplos
Legibilidad
Mac OS X
QT 4 / 5,6
Significado del color
Mac OS X
Pixelcentric (http://pixelcentric.net/x-shame/color.html)
Ejemplos
Significado del color
(colores fijados en el cdigo)
Easy CD Creator
Interface Hall of Shame (http://homepage.mac.com/bradster/iarchitect/)
Ejemplos
Uso del color
IBM RealCD
Webforms
Microsoft Access
Interface Hall of Shame (http://homepage.mac.com/bradster/iarchitect/)
Tcnicas de diseo grfico

Disposicin
Cmo se colocan las cosas en la pantalla. Permite dar ms importancia a ciertas cosas. El orden de lectura es importante y vara segn la cultura
nfasis
Los elementos realzados se ven antes y se perciben como ms importantes. Para enfatizar se usa la posicin, el color y los atributos del texto Si todos los elementos tienen el mismo peso la composicin es aburrida y la navegacin difcil
Tcnicas de diseo grfico

Foco
El punto focal es el centro de atencin, el punto que normalmente se ve antes. Se puede utilizar para dirigir al usuario a la informacin deseada
Alineacin
Ayuda a conseguir equilibrio, armona, unidad y modularidad. Una alineacin exacta y consistente es la manera ms fcil de mejorar la esttica de la interfaz
Iconos
Se utilizan desde la primera interfaz grfica (Xerox Star) y son tiles por dos motivos:
Las personas reaccionan instintivamente a las imgenes Son pequeos, importante para el espacio limitado de la pantalla
Representan objetos y tambin funciones
Iconos
Disear con significado

Factores que determinan el significado de un icono:
Contexto. Entorno donde se utiliza Funcin. Tipo de tarea en la que se utiliza Forma representativa. Puede ser de tres tipos:
Objeto concreto Objeto abstracto Combinacin de ambos (iconos ms comprensibles)
Iconos
Disear con significado

Tipos de iconos segn forma representativa:
a) Iconos similares: presentan el concepto a travs de una imagen anloga b) Iconos ejemplares: sirven como ejemplos c) Iconos simblicos: se utilizan para dar una referencia a un mayor nivel de abstraccin d) Iconos arbitrarios: no guardan relacin y la asociacin ha de aprenderse
Iconos
Cmo disear iconos

Tras decidir el objeto a incluir en el icono hay que decidir cmo dibujarlo
Ms detallado o ms simplificado Regla: incluir slo los detalles imprescindibles
Iconos
El lenguaje icnico
Consiste en definir iconos coordinados que representan distintas acciones aplicables a un elemento Ejemplo: depuracin de cdigo
Punto de observacin avanzar retroceder borrar
Iconos
Ventajas
Disear un conjunto coordinado de iconos es mejor que hacerlo uno a uno
Reduce el esfuerzo en el diseo y el dibujo Asegura la consistencia Da un estilo al producto Hace que los iconos sean autoexplicativos y permite al usuario prever cmo sern
Los sistemas complejos disponen de un lenguaje icnico simple y consistente
Iconos
Ejemplos
bien
Microsoft Word Mac OS X Finder
mal
WinCim
Zoc
Ejemplos
La informacin sencilla reduce la carga de memoria
Ejemplos
Sobrecarga informativa
Ejemplos
Uso del color para distribuir la informacin
Ejemplos
El contraste de color anima y estimula
Ejemplos
Imagen global
Conclusiones
Los estndares y guas de estilo facilitan el diseo de interfaces Es imprescindible para un diseador conocer las guas del entorno en el que trabaja El diseo grfico es importante para la usabilidad de una interfaz Un buen diseo ana funcionalidad con esttica Para conseguirlo es importante recurrir a las guas de estilo

Guiasydiseño

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Guiasydiseño

Enviado por

Direitos autorais:

Formatos disponíveis

Interaccin persona-ordenador

Guas de estilo y diseo grfico

No especifican mtodos para obtener sus objetivos. Son bastante abstractos

Reducir la carga de memoria de los usuarios Hacer la interfaz consistente

Hacer la interfaz consistente

Toda la industria funciona con estndares

Tambin la industria informtica

En Informtica tienen estatus legal para definir estndares de iure:

Estndares de iure en IPO

Guas de estilo comerciales

Contienen directrices que se concretan a muy bajo nivel

CUA (Common User Access)

OSF (Open Software Foundation)

Guas de estilo para la Web

Guas de estilo para la Web

Guas de estilo corporativas

Guas de estilo corporativas

Gua de estilo del producto

Gua de estilo del producto

Gua de estilo del producto

Guas de estilo de la suite de productos

Guas de estilo corporativas

Guas de diseo de las plataformas (Windows, OS/2, UNIX)

Estndares internacionales (ISO, DIN)

Objetivo del diseo

Elemento ms simple Posee gran fuerza atractiva como marca

Define una superficie con unas dimensiones dadas Formas bsicas

Contribuye a la composicin de la escena

Una caracterstica importante es la tonalidad, que incide en la captacin de las formas:

Papel del color en la imagen:

Dinamiza la composicin por la interaccin de colores

Formas de relacin dinmica entre los colores:

Uso del color

Fundamentos del color

Fundamentos del color

Fundamentos del color

Fundamentos del color

R: 255 G: 102 B: 100 R: 255 G: 100 B: 102

Fundamentos del color

El texto en azul tiende a verse borroso

El texto en azul tiende a verse borroso

El texto en azul tiende a verse borroso

Fundamentos del color

Fundamentos del color

Uso del color

Uso efectivo del color

Uso efectivo del color

Uso efectivo del color

Uso efectivo del color

Uso efectivo del color

Uso efectivo del color

Para usar el color efectivamente debe conocerse al usuario y su entorno de trabajo

Uso efectivo del color

Uso efectivo del color

Programming the user interface: principles and examples. Brown y Cunningham

Uso efectivo del color

Uso efectivo del color

Las reglas de Murch

Uso efectivo del color

Las reglas de Murch

Uso efectivo del color

Significado del color

Uso efectivo del color