Académique Documents
Professionnel Documents
Culture Documents
1. La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
Cul es su objetivo?
El objetivo prioritario del Diseo para Todos es el de
simplificar la vida de cualquier persona,
independientemente de su edad y/o capacidad,
ofrecindole los productos, servicios, medios de comunicacin
y entornos construidos susceptibles de ser directamente
utilizado con el menor o nulo coste posible.
La comunicacin grfica
y los principios del diseo para todos
DISEO
>
ADAPTACIN DE LA
PERSONA AL MEDIO
> SOCIEDAD
DISEO
>
ADAPTACIN DEL
MEDIO A LA PERSONA
> SOCIEDAD
DIVERSA
PARA TODOS
La comunicacin grfica
y los principios del diseo para todos
AMPLIACIN MERCADOS
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
La comunicacin grfica
y los principios del diseo para todos
Comunicacin
Interactiva
Comunicacin
No Interactiva
Tipo piezas
Juegos
Web
Reproductores
Dispositivos mviles (APP)
Libros
Folletos
Sealtica
Imagen corporativa
Aplicabilidad
accesibilidad
WAI-WCAG
Normas UNE
Principios de interaccin
Usabilidad
Contrastes
Composicin
Tipografas
Tcnicas y
profesionales
Diseo Grfico
Maquetacin
Desarrollo Cdigo
Diseo Grfico
Maquetacin editorial
Criterios DALCO
Qu son?
Las posibilidades son tantas que la norma UNE 170001 de Accesibilidad
universal considera las acciones de Deambulacin, Aprehensin,
Localizacin y Comunicacin (DALCO) para explicar, simplificndolas, las
capacidades que las personas ponen en juego cuando utilizan un
espacio. El acceso, uso y disfrute de un entorno conlleva la realizacin de
actividades que requieren la combinacin de esas acciones.
Criterios DALCO
Deambulacin
Accin de desplazarse de un sitio a otro.
Criterios DALCO
Aprehensin
"Accin que abarca alcanzar, accionar, agarrar,
pulsar y a veces trasladar cualquier objeto con las
manos o con otras partes del cuerpo o elementos
auxiliares."
Lograr la accesibilidad en la aprehensin es conseguir que las acciones
que se realizan manipulando objetos de todo tipo resulten fciles en
cualquier situacin y condicin.
Cada objeto debe ser diseado teniendo en cuenta los denominados
criterios del diseo para todos. Adems es muy importante considerar
dnde y cmo se ubican los objetos y si la distancia de aproximacin y
alcance permitir su uso a todas las personas bajas, altas, usuarias de
silla de ruedas, con bastones-.
Criterios DALCO
Localizacin
"Accin de averiguar el lugar o momento preciso en
el que est algo, alguien o puede acontecer un
suceso.
Esta accin se realiza a travs de la orientacin o comprensin del
espacio incluyendo la planificacin de la ruta a seguir y de la identificacin
de los lugares y objetos a los que se desea llegar o se quiere utilizar.
Hacer accesible la localizacin requiere un adecuado diseo de diferentes
elementos tales como seales, elementos publicitarios, elementos
arquitectnicos de diversas formas y volmenes, diferenciacin de
materiales, texturas y colores de paramentos, mobiliario y equipamiento,
iluminacin, etc.
Criterios DALCO
Comunicacin
"Accin de intercambio de la informacin necesaria
para el desarrollo de una actividad.
La comunicacin que llega a travs de los sentidos y la conexin entre
emisor y receptor por caractersticas personales (edad, discapacidad,
despiste,) o por las condiciones del espacio (climatolgicas, ruido,
emergencias) puede fallar.
La comunicacin no interactiva utiliza diversos elementos -seales,
folletos, planos, catlogos, avisos, paneles, etc.- que para ser accesible
deben disearse de manera que sean percibidos a la vez por varios
sentidos; debern emitir visual, auditiva y tctilmente seales acsticas y
luminosas, planos tctiles,
Criterios DALCO
Normas UNE
Conjunto de normas tecnolgicas creadas por los comits
tcnicos de normalizacin (CTN), fabricantes, consumidores y
usuarios, administracin, laboratorios y centros de investigacin
Desde el ao 2007 AENOR ha desarrollado las normas de
accesibilidad TIC mediante comits integrados por expertos:
CTN 139: Tecnologas de la Informacin y las Comunicaciones
para la salud
CTN 153: Ayudas Tcnicas para Personas con Discapacidad
CTN 133: Telecomunicaciones
CTN 170: Necesidades y Adecuaciones para Personas con
Discapacidad
Normas UNE
Desarrollado un amplio catlogo de normas:
UNE 139803 accesibilidad para contenidos en la Web
UNE 139801 accesibilidad al ordenador. Hardware
UNE 139802 accesibilidad del software
UNE 139804 uso de la Lengua de Signos Espaola en redes
informticas
UNE 153010 Subtitulado para personas sordas o con
discapacidad auditiva
UNE 153020 Audiodescripcin para personas con discapacidad
visual
UNE 153030:2008 IN Accesibilidad en televisin digital
Tipografas
Familias tipogrficas:
Una familia tipogrfica es un grupo de signos escriturales que
comparten rasgos de diseo comunes,
Romanas
Las fuentes Romanas son regulares,
tienen una gran armona de
proporciones, presentan un fuerte
contraste entre elementos rectos y
curvos y sus remates les proporcionan
un alto grado de legibilidad.
Garamond
Times New Roman
Palatino
Tipografas
Familias tipogrficas:
Palo Seco
Se caracterizan por reducir los
caracteres a su esquema esencial.
Las maysculas se vuelven a las
formas fenicias y griegas y las
minsculas estn conformadas a base
de lneas rectas y crculos unidos,
reflejando la poca en la que nacen,
la industrializacin y el funcionalismo.
Arial
Futura
Helvtica
Tipografas
Familias tipogrficas:
Rotuladas
Las fuentes rotuladas advierten ms o
menos claramente el instrumento y la
mano que los cre, y la tradicin
caligrfica o cursiva en la que se inspir
el creador.
Brush
Mistral
Tipografas
Familias tipogrficas:
Decorativas
Estas fuentes no fueron concebidas
como tipos de texto, sino para un uso
espordico y aislado.
Grutch Shaded
Bombere
Block-Up
Tipografas
Variantes:
Las variables constituyen alfabetos alternativos dentro de la
misma familia, manteniendo un criterio de diseo que las
emparenta entre s.
Estas fuentes no fueron concebidas como tipos de texto, sino
para un uso espordico y aislado.
Tipografas
Variantes:
Cuerpo o tamao: maysculas, minsculas y capitales.
Grosor del trazado: ultrafina, fina, book, redonda, media,
seminegra, negra y ultranegra.
Inclinacin de los ejes: redonda, cursiva e inclinada.
Proporcin de los ejes: condensada, comprimida, estrecha,
redonda, ancha, ensanchada y expandida.
Otras variantes de una fuente incluyen versalitas, nmeros,
smbolos de puntuacin, monetarios, matemticos, etc.
Tipografas
Composicin:
1. Espaciado
Se refiere al espacio entre letras.
Tipografas
Composicin:
1. Espaciado
Se refiere al espacio entre letras.
Tracking:
Kerning:
Tipografas
Composicin:
2. Longitud de lnea
La longitud de lnea aconsejable depende del tipo de letra, del
interlineado (distancia entre lneas) y del tamao y resolucin
del soporte (offline/online).
Lneas largas: a ms longitud, ms dificultad de lectura.
Lneas estrechas: fragmentan el texto e interrumpen el ritmo
de lectura.
Tipografas
Composicin:
3. Interlineado
El interlineado se refiere a la distancia entre lneas de texto, y se
mide en puntos.
Interlineado estrecho: el proceso de lectura se ve dificultado
por la apreciacin de bloques oscuro.
Interlineado ancho: puede provocar problemas para saltar de
una lnea a la siguiente.
Tipografas
Composicin:
4. Alineacin:
La alineacin es uno de los factores que
contribuyen a dotar al texto de un carcter
determinado.
Izquierda
Derecha
Centrado
Justificado
La accesibilidad en la tipografa
Caracterstica fundamental: la legibilidad
Por legibilidad se entiende el grado de facilidad con el que un texto
puede ser ledo sin que exista ambigedad formal.
Factores fundamentales en la composicin del texto:
1.El contenido del texto que se publica (qu se lee).
2.El tipo de pblico al que va dirigido (infantil, adulto, pblico en general,
comunidad cientfica, etc.).
3.Cul es el soporte (papel, pantalla, etc.).
4.Cul es la finalidad del mensaje (publicidad, divulgacin cientfica,
literatura, arte, etc.).
La accesibilidad en la tipografa
Algunas recomendaciones:
Se recomienda usar tipografas sin srif para la lectura en
pantalla, puesto que se adapta a la retcula de pxeles.
Para piezas impresas la letra con serif es la ms legible,
pues distingue unas letras de otras.
La letra regular acostumbra a resultar ms legible que
cualquiera de sus variantes (cursiva, negrita, versal).
Las palabras deben estar prximas unas a otras.
El interlineado debe ser superior al espacio entre palabras.
Para la lectura en pantalla, se recomienda que el interlineado est
entre entre 130 y 150%.
La accesibilidad en la tipografa
Algunas recomendaciones:
En soporte papel una lnea debera tener 55/60 caracteres o
9/10 palabras.
En el caso de la pantalla, es aconsejable intentar que no se
superen los 40/60 caracteres por lnea.
Las letras minsculas son ms legibles que las
maysculas.El intercalado de maysculas dentro de una frase
interrumpe notablemente el ritmo de lectura.
El tamao de letra de pantalla no debera ser inferior a los 10
puntos. La letra ms legible es Arial a 12 puntos, seguida por la
Times New Roman 12 puntos.
La accesibilidad en la tipografa
Algunas recomendaciones:
Aplicar estilos tipogrficos con consistencia: por ejemplo,
cursivas para citas textuales, negritas para resaltar,
No abusar del uso de tipografa heterognea, ya que impide
la observacin de un patrn consistente, y dificulta que el lector
pueda interpretar la funcin asignada a cada bloque de texto.
Usar listas.
Color
La capacidad del ser humano para reconocer y diferenciar
fcilmente los colores est limitada a seis:
Rojo
Azul
Amarillo
Contrastes de color
El contraste se produce cuando en una
composicin los colores no tienen nada en
comn o no guardan ninguna similitud.
Tipos:
Contraste cromtico: modifica los colores
en el sentido de la complementariedad
Asimilacin: cuando los matices son
similares, los colores se aproximan en lugar
de acentuar su contraste.
Color y accesibilidad
Caracterstica fundamental: contraste adecuado entre fondo y
texto.
La World Wide Web Consortium (W3C) tiene fijadas las pautas
de accesibilidad web para que aquellos que sufren discapacidades
visuales, motrices, cognitivas o auditivas puedan navegar con ms
facilidad por Internet.
Color y accesibilidad
Pautas referentes al color:
2.1 (WCAG 1.0) Asegrese de que toda la informacin transmitida
a travs de los colores tambin est disponible sin color, por
ejemplo mediante el contexto o por marcadores.
2.2 (WCAG 1.0) Las combinaciones de color de fondo y de primer
plano deben ofrecer suficiente contraste para ser visualizadas por
personas con discapacidad visual, o tener el suficiente contraste
para pantallas en blanco y negro.
Color y accesibilidad
Ejemplo:
Problema: Indicamos y planteamos
una funcionalidad basada en el color.
Color y accesibilidad
Directrices referentes al contraste/luminosidad:
1.4 (WCAG 2.0) Se requiere que haya suficiente contraste de
luminancia entre el texto y color de fondo.
1.4.3 (WCAG 2.0) Contraste (mnimo): La presentacin visual del
texto y las imgenes de texto tiene un ratio de contraste de al
menos 4.5:1 (excepto Nivel AA)
1.4.6 (WCAG 2.0) Contraste (Mejorado): La presentacin visual del
texto y las imgenes de texto tiene un ratio de contraste de al
menos 7:1, excepto en lo siguiente: (Nivel AAA)
Color y accesibilidad
Ejemplo:
Contraste insuficiente
Contraste suficiente
Color y accesibilidad
Combinaciones de colores
ms accesibles:
Negro sobre blanco.
Negro sobre amarillo.
Rojo sobre blanco.
Verde sobre blanco.
Blanco sobre rojo.
Amarillo sobre negro.
Blanco sobre azul.
Blanco sobre verde..
Blanco sobre negro.
Color y accesibilidad
Paletas adaptadas:
Color y accesibilidad
Algunas recomendaciones:
Los vnculos no deben depender exclusivamente de un
color, es recomendable marcarlos con subrayado, cursiva,
Los campos de formularios deben mostrar los errores sin
basarse en el color.
En los grficos estadsticos es necesario mostrar una
leyenda que identifique cada barra con un icono
descriptivo.
Usar iconos que describan la accin o el estado.
Composicin
Composicin incorrecta:
El usuario, una vez seleccionadas las
fotografas que desea imprimir, ha de
buscar el prximo paso, no se le
ofrece claramente la accin siguiente.
Composicin correcta:
4. Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
Accesibilidad en documentos
5. Buenas prcticas
Buenas prcticas
Aeropuerto de Amsterdam
El aeropuerto de
Schiphol cuenta con uno
los mejores sistemas de
sealizacin del mundo.
Buenas prcticas
Aeropuerto de Amsterdam
Buenas prcticas
Aeropuerto de Amsterdam
El trabajo incluye rutas de
acceso, sealtica en
parking y edificios .
Las seales se
complementan con mapas,
informacin sobre vuelos,
instrucciones y salidas de
emergencia.
Buenas prcticas