Movimientos Precursores de La Independencia en Venezuela
Diseño Web: Errores Frecuentes y Consejos Prácticos
1. DISEÑO WEB
{ Taller
Diseño Gráfico 6
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
2. DISEÑO WEB
{ Errores
Frecuentes
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
3. DISEÑO WEB
LEGIBILIDAD { Fuentes excesivamente pequeñas o
con poco contraste con respecto a
los colores de fondo.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
4. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
5. DISEÑO WEB
ENLACES { Son poco accesibles, no se diferencian los
visitados de los no visitados o se usan
anclajes tan malos como “Haz click aquí”
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
6. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
7. DISEÑO WEB
{
Intentando hacer una web más
vistosa, se consigue el efecto
USO DE FLASH contrario: Hacerla menos accesible y
darle menos importancia al
contenido, elemento primordial para
un sitio.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
8. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
9. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
10. DISEÑO WEB
{
Lo ideal en una web es mostrar
CONTENIDO información de una manera corta y
concisa, sin extenderse y dando las
CONCRETO ideas principales además de una
opción para ampliar la información.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
11. DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
12. DISEÑO WEB
BÚSQUEDA { La mayoría de los sitios carecen de
una opción de búsqueda en un sitio
web, cuando muchos buscadores
proporcionan una de forma gratuita.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
13. DISEÑO WEB
{
Aunque para muchos el único
navegador es el Internet Explorer lo
INCOMPATIBILIDAD cierto es que existen muchos otros
DE NAVEGADORES como Firefox que están consiguiendo
una cuota muy importante del
mercado.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
14. DISEÑO WEB
{ Estructuración
de Contenidos
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
15. DISEÑO WEB
{ LOS USUARIOS CENTRAN EL
INTERÉS EN LOS CONTENIDOS
POR SOBRE LOS GRÁFICOS
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
16. DISEÑO WEB
{ ELLOS BUSCAN:
TITULARES-INDICACIONES
(LINKS, GRÁFICOS DE CONTENIDOS)
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
17. DISEÑO WEB
{ Escribir
para la web
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
18. DISEÑO WEB
{
· Escribir la mitad del texto que se
{
escribiría en la versión impresa.
Escribir · Escribir para poder encontrar las
para la web cosas, utilizando párrafos cortos,
subencabezados y listas con
DISEÑO WEB viñetas.
· Utilizar hipertexto para dividir los
contenidos.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
19. DISEÑO WEB
{ LEER EN COMPUTADOR ES UN
25% MÁS LENTO QUE EN UN
IMPRESO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
20. DISEÑO WEB
{ Consejos
Prácticos
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
21. DISEÑO WEB
{
· Utilizar títulos y subtítulos
{
significantes.
Consejos · Usar listas bulleteadas y elementos
Prácticos similares para romper la uniformidad
de los bloques de texto.
DISEÑO WEB
· Utilizar realces, enfatizaciones para
captar la atención del usuario.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
22. DISEÑO WEB
{ USAR COLORES DE GRAN
CONTRASTE PARA TEXTO Y
FONDO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
23. DISEÑO WEB
{ NO USAR FONDO GRÁFICOS
PUEDEN INTERFERIR EN LA CAPACIDAD DEL OJO
HUMANO PARA INTERPRETAR LÍNEAS Y LETRAS
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
24. DISEÑO WEB
{ FONT-SIZE / FONT-FAMILY
EL TEXTO PEQUEÑO ES MÁS LEGIBLE SI USAMOS
FUENTES DE LA FAMILIA SANS-SERIF
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
25. DISEÑO WEB
{ TEXT-ALIGN
JUSTIFICARLO A LA IZQUIERDA
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
26. DISEÑO WEB
{ Estructuración
de un Sitio
DISEÑO WEB
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
27. DISEÑO WEB
{ UNA BUENA ESTRUCTURA
PERMITIRÁ AL LECTOR VISUALIZAR TODOS LOS
CONTENIDOS DE UNA MANERA FÁCIL Y CLARA
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
28. DISEÑO WEB
{ PLANIFICA
LA ESTRUCTURA ANTES DE DISEÑAR
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
29. DISEÑO WEB
{ LA ESTRUCTURA DEPENDE DEL
CONTENIDO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
30. DISEÑO WEB
{ DUPLICA LOS ELEMENTOS DE
NAVEGACIÓN SI ES NECESARIO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
31. DISEÑO WEB
{ AÑADE UN ENLACE AL INICIO
DEL SITIO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
32. DISEÑO WEB
{ NO CREES PÁGINAS QUE SEAN UN
CALLEJÓN SIN SALIDA
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
33. PRESENTACIÓN DEL TALLER
JERARQUIZA!
{ PÁGINAS
TÍTULOS
ELEMENTOS
TEXTOS
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
34. MAPAS CONCEPTUALES
{ Taller
Diseño Gráfico 6
MAPAS CONCEPTUALES
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
35. MAPAS CONCEPTUALES
MAPAS
CONCEPTUALES { Son una herramienta para
representar y comparar
conocimiento.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
36. MAPAS CONCEPTUALES
MAPAS
CONCEPTUALES { Estrategia para representar
significados conceptuales de
manera gráfica, jerárquica y
racional.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
38. MAPAS CONCEPTUALES
{ Elementos
Constitutivos
MAPAS CONCEPTUALES
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
39. MAPAS CONCEPTUALES
{ CONCEPTOS
PALABRAS QUE EXPRESAN O DESIGNAN UNA
IDEA O UN HECHO
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
40. MAPAS CONCEPTUALES
{ DESCRIPTORES
ELEMENTOS QUE UNEN DOS CONCEPTOS
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
41. MAPAS CONCEPTUALES
{ PROPOSICIONES
DOS CONCEPTOS UNIDOS POR UN ELEMENTO
DESCRIPTOR COMO UNA UNIDAD SEMÁNTICA
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
43. MAPAS CONCEPTUALES
{ A CONSIDERAR
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
44. MAPAS CONCEPTUALES
JERARQUÍA { Los conceptos más inclusivos, deben
aparecer primero que los conceptos más
específicos, integrándolos progresivamente.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
45. MAPAS CONCEPTUALES
SIGNIFICATIVIDAD { Los conceptos deben de
representar una estructura
informativa del tema que se
está tratando.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
46. MAPAS CONCEPTUALES
CONSIDERAR
UN MÉTODO { Buscar información e identificar las
palabras que expresan las ideas
principales.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
47. MAPAS CONCEPTUALES
CREAR
UNA RELACIÓN { Relacionar las palabras
seleccionadas a fin de crear
nodos de información.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
48. MAPAS CONCEPTUALES
IDENTIFICAR
EL TEMA { Definir el asunto del mapa,
deduciéndolo de los nodos de
información.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
49. MAPAS CONCEPTUALES
DEFINIR LOS
DESCRIPTORES { Elementos que van a unir la
idea principal con los temas
secundarios.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
50. MAPAS CONCEPTUALES
DEFINIR LAS
RELACIONES { Dar cuenta de las posibles relaciones
entre cada una de las proposiciones.
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010
51. MAPAS CONCEPTUALES
{ Infografías
GRÁFICA INFORMATIVA
TALLER DISEÑO GRÁFICO VI DUOC UC AGOSTO2010
lunes 23 de agosto de 2010