Download Actividad 3 - Pagina Personal de Norbey García

Institución: Finca la Mesa
ACTIVIDADES
Profesor: Norbey García
Tecnología e Informática
GRADO DECIMO
Actividad Numero:
3
FECHA:
Página: 1 de 2
GRADO:
10
PERÍODO:
GRUPO
1
AÑO:
Taller
Dar solución a los siguientes puntos
1. Lee el texto “Las características del diseño web” y elabora un pequeño resumen en tu cuaderno.
2. Ingresar a 3 sitios web y copiar para cada uno los servicios que ofrece
3. De los sitios anteriores visitados elegir uno de ellos y explicar que le llama la atención de dicho sitio,
teniendo en cuenta las características de diseño web.
LAS CARACTERISTICAS DEL DISEÑO WEB
El diseño gráfico de una página web, es una parte del diseño ya que también se debe considerar un
conjunto de condicionante que limitan al diseñador.
Primero se tiene que descargar un servidor web por medio de Internet. Los elementos gráficos ya
tienen un formato de mapa bits o vectorial, tienen bastante peso. Por eso el número de
elementos gráficos que podemos introducir en la página web queda limitado.
También hay que tener en cuenta que las páginas web son visualizadas en una aplicación específica.
Los navegadores imponen grandes limitaciones a los diseñadores de páginas web.
Segundo los navegadores existentes en el mercado tienen una forma particular de presentar el
contenido de las páginas. Internet Explorer interpreta en muchas ocasiones una página web de forma
muy diferente a Netscape Navigator 4x, y este a su vez lo hace de forma diferente a Netscape
Navigator 6x.
Para intentar solventar estas diferencias, el diseñador web debe trabajar a la vez con varios
navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo
que impone nuevas limitaciones al diseño.
Por otra parte una página web no es un diseño gráfico estático, sino que contiene diferentes elementos
que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces,
formularios, etc.
Esta página forma parte de un conjunto de páginas inter relacionadas entre si que deben presentarse al
usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente.
Una página web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se
ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de lenguajes de programación
tanto en cliente como en servidor, acceso a bases de datos en servidores remotos, etc.), procesos que
añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante
al diseño de estas, ya que el diseñador no sabe de antemano qué contenidos concretos van a tener.
Institución: Finca la Mesa
ACTIVIDADES
Tecnología e Informática
GRADO DECIMO
Profesor: Norbey García
Página: 2 de 2
Sugerencias
Realmente, no podemos decir que una web necesita cumplir con estos puntos para utilizar el mote “2.0″, pero
si nos fijamos en los grandes dominadores de estas tendencias, podremos observar como cumplen con casi
todos los puntos.
Este es el resumen de los puntos, aunque en la página original, podéis ver ejemplos y un resumen de cada una
de las características:
 Simplicidad: El diseño es más simple que nunca, ya que 2.0 significa limpieza y simplicidad.
 Diseño centrado: La gran mayoría de las páginas web están utilizando un diseño centrado en la ventana del
navegador, ya que ofrece una sensación de simplicidad y “honestidad”
 Pocas columnas: Cuantas menos columnas aparezcan en la página, el diseño de la web será mucho más
sencillo, y mostrará con mayor claridad los contenidos; dos columnas es el ideal aunque deberíamos evitar
más de tres columnas.
 Sección superior separada: En la sección superior o cabecera, generalmente aparece el logotipo y el área
de navegación; es importante que se diferencie la cabecera del resto de la página para poder centrar la
atención en lo que es realmente importante.
 Navegación sencilla: Utilizar un menú permanente de navegación, facilitará a los usuarios el acceso a tus
contenidos, aunque en algunas ocasiones deba ser necesario utilizar un submenú que permita acceder a
secciones internas de la página. El menú debe ser claro, obvio y destacado.
 Logotipos en negrita: Un logotipo claro, en negrita, permitirá que en una primera impresión los usuarios
presten atención.
 Tamaño de texto grande: Si eliminamos los elementos “sobrantes” de la página, dispondremos de mayor
espacio para poder incrementar el tamaño de la letra, facilitando que los usuarios puedan leer y asimilar
nuestro contenido.
 Instrucciones de texto en negrita: Destacar la introducción de la página o las instrucciones en negrita, nos
permitirá recalcar la importancia de este contenido por delante del resto, permitiendo atraer la atención del
usuario.
 Colores fuertes: La utilización de colores fuertes para dividir la página en secciones claras y definidas, y
para destacar los principales elementos, permitirá que el usuario entienda mucho mejor la distribución del
contenido de nuestra web.
 Superficies “enriquecidas”: Pese a que yo no soy un gran partidario de este punto, si que he visto muchos
ejemplos de páginas que han sabido utilizar los efectos 3D, degradados, … para conseguir un gran impacto
visual, y una navegación mucho más sencilla.
 Degradados: La utilización de los fondos degradados, es una de las principales características que podemos
ver en la mayoría de los “nuevos” proyectos Web 2.0
 Reflejos: Como ya han popularizado Windows Vista y Apple, la utilización de los reflejos en algunos diseños,
permitirá que los usuarios tengan la sensación de que el diseño de la página web ha estado cuidado en todos
sus aspectos, otorgando una mayor profesionalidad y seriedad.
 Iconos originales: Los iconos (siempre y cuando sean claros) permiten reducir la cantidad de texto que
necesitaríamos para explicar cosas, siempre y cuando estos iconos tengan un significado muy claro y
universal.
 Estrellas : Aunque parezca mentira, la utilización de estrellas u otros elementos para mostrar el precio,
ofertas, … se ha utilizado casi siempre en el mundo offline, pero parece que hemos necesitado de la llegada
del Web 2.0 para que se utilicen este tipo de elementos en Internet.
Puede que no todo el mundo esté de acuerdo con alguno de estos elementos, pero si nos fijamos en páginas
web como Apple, 37 signals, browsehappy, Mozilla, o SimpleBits, podremos observar claramente los beneficios
que aporta la correcta utilización de estos puntos.