DISEÑO DE PAGINAS WEBS EN UN CLIP

2. DISEÑO DE WEB
El diseño web es una actividad que consiste en la
planificación, diseño e implementación de sitios
web y páginas web. No es simplemente una
aplicación del diseño convencional, ya que
requiere tener en cuenta cuestiones tales como
navegabilidad, interactividad, usabilidad, arquitectu
ra de la información y la interacción de medios
como el audio, texto, imagen, enlaces y vídeo. Se
lo considera dentro del diseño multimedia.

5. ESTILO 2.0
 La web 2.0 a creado una serie de clichés (películas) de elementos
comunes, que configuran un estilo propio, hasta el punto de que a la
hora de abordar el diseño de una pagina se habla del grado de
aplicación del arquetipo ( modelo original) 2.0 que debe tener.
 Grandes masas con volumen utilizando técnicas de 3D.
 el diseño 2.0 como una conjunción de estilos cuya máxima es la
sutileza y la combinación de elementos dispares. Grandes masas
con volumen, utilizando técnicas de 3D, a la vez que figuras planas;
pequeños detalles de luz o degradados delicados, con grandes
tipografías

6. CARACTERÍSTICAS:
 Uso de colores vibrantes contrastados : se caracteriza por el
uso de colores con mucho contraste.
 Bargés: se tata de una serie de botones con forma de
chapas, consiste en una estrella con bordes redondeados.
 Brillos destellos y reflejos: Tanto los logotipos como las
barras de menú y los distintos elementos cuentan con
detalles de luz y pequeñas zonas sobreexpuestas.
 Bordes Redondeados: La llegada del Web 2.0 ha supuesto
el fin de las esquinas dando paso a un nuevo arquetipo, en
el que todo los bordes son redondeados.
 Degradados: Es una de las técnicas visuales más
pronunciados o más sutiles, los gradientes de color son
empleados desde los fondos de las páginas.

7.  Líneas Diagonales: Se emplean en los fondos de las páginas
y en los titulares como motivos decorativos, el contraste
siempre es leve para no dificultar la lectura ni centrar la
atención sobre elementos decorativos.
 Desenfoques: Se hacen especialmente patente en las
sombras. En lugar de ser sombras duras, los diseñadores
utilizan leves desenfoques.
 Logotipos Reflejados: Se convirtieron prácticamente en un
estándar los logotipos reflejados de forma que según van
separándose el dibujo del reflejo va desenfocándose como si
se tratara de un papel mojado

8. CONCEPTOS PARA UN BUEN DISEÑO WEB
 Simplicidad: Es igualdad de condiciones de solución más sencilla y que exijan
menos esfuerzos a los usuarios.
 Diseño Centrado: Debido a que se muestra mejor presentación mejorando la
visualización de los contenidos.
 Menos Columnas: Reducir a lo mínimo el uso de las columnas ya que esto da
la impresión de un diario (Periódico)
 Separa la Navegación: En un área definida para su navegación o interacción.
 Navegación Simple: Organizar la página con iconos familiares para y sepa
para que sirve cada elemento .

9. HOJA DE ESTILO (CCS)
 Las hojas de estilo en cascada (Cascading Style
Sheets, CSS) son un lenguaje usado para definir la
presentación de un documento estructurado escrito en
HTML o XML. Consiste en uno o varios documentos en
los que se escriben las características que va a tener
cada uno de los elementos de la página:
titulares, párrafos, columnas, enlaces, etc., de modo que
afectan o pueden afectar al conjunto del site.

10. LAS VENTAJAS PARA USAR CCS SON
 Es más sencillo realizar cambios globales: si queremos realizar un cambio en el
diseño, como puede ser la distancia entre las fotos el texto, el color de los
hipervínculos o el tamaño de los titulares, será más sencillo hacerlo en las CSS ya que
bastará con modificar un archivo y no página por página.
 El estilo del site se mantiene en toda su extensión: salvo que marquemos lo
contrario, todas las páginas tendrán el titular y los párrafos en el mismo formato, los
mismo márgenes entre los elementos, etc.
 El site es más accesible, ya que pueden definirse estilos para cada tipo de navegador.
Pueden crearse distintos formatos para que cada navegador lo interprete como le
señalemos.

11.  Rápida descarga: en general las páginas son más ligeras, ya que toda la
información de estilo está en los archivos CSS, que cargamos al acceder al
site, y no hay que cargar unos estilos cada vez que cambiamos de página.
 Separación del diseño y la programación. Los dos pueden trabajar en la web
sin interferir uno en el trabajo del otro.
 Está optimizado para buscadores: hay menos código en los archivos y
resulta más fácil para el buscador encontrar palabras clave.
 El usuario puede usar sus propias normas de estilo: algunos navegadores
de Internet permiten personalizar las CSS de las páginas, por lo que son
ellos quienes eligen cómo visionarlas

12.  Tipografía más Grande: Esto cosiste en usar las fuentes
un poco más grande para ser visualmente atractivas.
 Leads en Negrita: Al usar los Leads, usar de preferencia
de color negro, de tal manera que no se confundan con
los colores del diseño de la página.
 Usar Iconos Atractivos: El uso de los iconos hace mas
interesante la navegación para los usuarios

13. NAVEGADORES
 Un navegador es un programa que se utiliza para acceder
a la web.
 A pesar de que las estadísticas actuales nos dicen que IE
sigue caminando, las corrientes alternativas van
abriéndose paso. Opera abrió el camino y, hoy en
día, Mozilla FireFox está haciendo “pupa” al dominio de IE
con cuotas del 20% en algunos países europeos.

14. PRINCIPALES NAVEGADORES
 Internet
Explorer
 Firefox
 Opera
 Safari…

15. ARQUITECTURA DE LA INFORMACIÓN
 Entender el contenido de la web, determinar los servicios que se
ofrecen y a quién está dirigida la web.
 Realizar estudios de card sorting. Se trata de un ejercicio que
consiste en utilizar a usuarios potenciales de nuestra para web
para que organicen el contenido a través de fichas, ordenándolo
según sus esquemas mentales. Esto hace que la estructura
resultante se adecúe más a lo que el internauta espera
encontrarse.
 Elaborar un borrador del árbol de la web, agrupando la información
y estableciendo jerarquías.
 Evaluar la correspondencia entre nuestro árbol y los resultados del
card sorting.
 Crear el mapa del sitio.
 Definir las funcionalidades de la página y cómo se llega a ellas.
 Contrastar la organización de la información que hemos propuesto

17. ESTHER
YOVANY
ASCURRA
LOPEZ