RETICULAS PARA PANTALLAS<br />En diseño, las retículas sirven de guía para el posicionamiento de los módulos y de esta man...
Manuscrita<br />La más sencilla de todas, se usa para textos largos porque están contenidos en un bloque grande delimitado...
Columnas<br />Es muy flexible y se pueden separar distintos tipos de información, es unas de las retículas más utilizadas ...
Modular<br />Útil cuando es algo muy complejo, es parecida a la de columnas solo que las divide en filas creando así una m...
Jerárquica<br />Esta la he visto que la ocupan en gran medida en el diseño web, la información se organiza de forma intuit...
Jerárquica<br />La retícula que está en voga es la jerárquica porque podemos acomodar la información por orden de importan...
El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presen...
Otro aspecto a tener en cuenta es que las páginas web son visualizadas en unas aplicaciones específicas, los navegadores w...
TIPOGRAFIA<br />La elección y el uso de la tipografía es quizás el elemento más difícil dentro del proceso de diseño. La t...
ELECCIÓN DE LA PALETA DE FUENTES<br />
TAMAÑO DE LAS FUENTES<br />El tamaño de la letra debe elegirse teniendo en cuenta la naturaleza de la composición y la dis...
Interlineado<br />
Alineación de los textos<br />
COLOR EN LA WEB<br />
COLOR<br />A la hora de aplicar colores deberemos tener en cuenta una serie de reglas. No hay que olvidar que el medio sob...
Upcoming SlideShare
Loading in …5
×

Presentacion power reticulas para pantallas

1,203 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,203
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentacion power reticulas para pantallas

  1. 1. RETICULAS PARA PANTALLAS<br />En diseño, las retículas sirven de guía para el posicionamiento de los módulos y de esta manera, generar nuevas direcciones y consecuentemente un diseño.<br />TIPOS DE RETICULAS<br />Bueno, para empezar ¿qué es una retícula? La retícula en el diseño es una guía que nos sirve para distribuir los elementos y la alineación, todas sin excepción cuentan con las mismas partes básicas sólo que algunas alcanzan cierta complejidad de acuerdo a las necesidades de la información, también estas se pueden combinar.<br />
  2. 2. Manuscrita<br />La más sencilla de todas, se usa para textos largos porque están contenidos en un bloque grande delimitado por un margen y tiene un espacio para los títulos y la numeración.<br />El ejemplo es el más cercano que encontré, pero creo que en si no se siguió una retícula...No muy recomendable para utilizarlo en una web, es difícil seguir la lectura y lo hace tedioso.<br />
  3. 3. Columnas<br />Es muy flexible y se pueden separar distintos tipos de información, es unas de las retículas más utilizadas en revistas y también en el diseño web, porque puede utilizarse varias columnas para texto amplio e imágenes grandes y también pequeñas.<br />En el primer ejemplo utiliza de columnas y también por módulos, es muy agradable por qué se ve más limpio, atractivo y los elementos están claramente diferenciados.<br />
  4. 4. Modular<br />Útil cuando es algo muy complejo, es parecida a la de columnas solo que las divide en filas creando así una matriz de celdas que se denominan módulos, en cada uno de ellos se puede colocar información o en varios agrupados. Son flexibles y precisos pero en exceso puede crear confusión.En esta web utilizaron este tipo de retícula para hacer un menú de los juegos que tienen, con muy buenos resultados.<br />
  5. 5. Jerárquica<br />Esta la he visto que la ocupan en gran medida en el diseño web, la información se organiza de forma intuitiva en proporción a los elementos y no en intervalos regulares y repetidos como sucede con las otras, es por eso que es muy variable.<br />
  6. 6. Jerárquica<br />La retícula que está en voga es la jerárquica porque podemos acomodar la información por orden de importancia, generalmente poniendo lo más importante a manera de resumen o por novedad en un recuadro de forma llamativa que abarque todo el espacio y los menús o palabras clave en otras columnas de menor tamaño y alineación.<br />
  7. 7. El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: internet. conocemos las características fundamentales del diseño en la web.<br />
  8. 8. Otro aspecto a tener en cuenta es que las páginas web son visualizadas en unas aplicaciones específicas, los navegadores web, que imponen grandes limitaciones al diseño de las mismas. la ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el ordenador usado, el sistema operativo, el monitor y la tarjeta gráfica.<br />
  9. 9. TIPOGRAFIA<br />La elección y el uso de la tipografía es quizás el elemento más difícil dentro del proceso de diseño. La tipografía asume un doble papel tanto como comunicador visual y como verbal la tipografía nos ayuda a distinguir visualmente grupo de textos y de esta manera ayudan al usuario a predecir qué tipo de información encontraran en ciertas áreas de la pagina. Lo que hacemos al diseñar páginas web es básicamente “pintar” el texto, no solo aplicando color al texto sino al combinarlo con otros bloques de texto y con el fondo de la pagina. El ojo viajara de bloque en bloque a lo largo de la pagina y es gracia a estos bloques tipográficos que podemos alcanzar una buena jerarquía.<br />
  10. 10. ELECCIÓN DE LA PALETA DE FUENTES<br />
  11. 11. TAMAÑO DE LAS FUENTES<br />El tamaño de la letra debe elegirse teniendo en cuenta la naturaleza de la composición y la distancia a la que se va a leer.<br />
  12. 12. Interlineado<br />
  13. 13. Alineación de los textos<br />
  14. 14. COLOR EN LA WEB<br />
  15. 15. COLOR<br />A la hora de aplicar colores deberemos tener en cuenta una serie de reglas. No hay que olvidar que el medio sobre el que trabajamos será la pantalla, y en éste sentido podemos tener la certeza de que en cada ordenador se verá un poco diferente.<br />A nivel de usabilidad y accesibilidad lo más importante será tener cuidado con el contraste entre el cuerpo de letra y el fondo. <br />

×