Nov 04 2007

Fundamentos básicos sobre el Diseño Web (I)

Publicado por Javier España a las 15:34 en Tutoriales, Diseño Web, Webmasters

Muchas son las personas que piensan que el realizar una página web es una tarea simple y sencilla. A este tipo de personas (que la mayoría de las veces son nuestros futuros clientes) hay que hacerles ver que piensan de forma erronea. Solo hay que hacerles navegar un poquito y explicarle un poco sobre el tema y rápidamente esa persona debería de cambiar de opinión. Es ahí donde debería preguntarse: ¿Realmente cuesta tanto hacer algo bueno visualmente?La respuesta a esta pregunta es obvia. El arte del diseño gráfico/web precisa de años de estudio y práctica, es imprescindible el dominio de la tipografía, las simetrías, espaciados, y un sin fín de cosas que la gente ignora conscientemente, pero que agradecen visualmente como no se imaginan.

La mayoría de las personas piensan que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente algunas técnicas, entre las que destacan las siguientes:

  • Tipografía
  • Teoría del color
  • Espaciado y composición

TIPOGRAFÍA

La tipografía en un PC no es como en cualquier otro soporte. Además, hay que añadirle que la tipografía en Internte tiene sus propias reglas; aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

Todo texto que veamos en cualquieras de las páginas web se pueden separar en dos grandes grupos: Títulos y Cuerpos de texto o Mensajes.

Los títulos generalmente son letras grandes, gruesas y detalladas. Para este tipo de texto, es esencial que las tipografías elegidas (y el color de estas) estén en consonancia perfectamente con el diseño de la página.

Titulo

Para los mensajes deberemos usar tipografías Sans Serif (Arial, Verdana), nunca usaremos fuentes Serif (Times). La diferencia entre una fuente y otra la podeis ver en estas imágenes:

Tipografia Serif Tipografia Sans Serif

Las fuentes sans serif incluyen todas las Palo Seco, resultando especialmente indicadas para su visualización en la pantalla de un ordenador, resultando muy legibles a pequeños tamaños y bellas y limpias a tamaños grandes.

En cambio, las tipografías Serif tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

Otras de las cosas que debemos a la tecnología Flash principalmente es el nacimiento de las Pixel Fonts, que son unas tipografías especialmente diseñadas para que éstas se viesen bien a un determinado punto, ya que “caían” justo en el píxel del monitor. Éstas fuentes han tenido mucho éxito y son muy recomendables usarlas en Flash, ya que hacen los textos muy legibles y no se ven borrosas las letras.

Tipografia Pixel Fonts

Hasta aquí por hoy con los fundamentos básicos sobre Diseño Web. En el próximo artículo (Fundamentos básicos sobre el Diseño Web (II)) detallaré lo referente a la Teoría del Color y al Espaciado y Composición de nuestras web´s.

3 comentarios en “Fundamentos básicos sobre el Diseño Web (I)”

  1. […] Fundametos básicos sobre el diseño webwww.diseno-flash.com/tutoriales/fundamentos-basicos-sobre-el… por GrupoWeb hace pocos segundos […]

  2. CristHozel 07 Nov 2007 a las 4:09

    Buenos consejos para tener en cuenta para los diseños de nuestras futuras presentaciones multimediales… esperare mas articulos para mejorar mis conocimiento…

  3. […] Fundamentos básicos sobre el Diseño Web (II) Noviembre 18, 2007 4:07 pm Javier España Tutoriales, Diseño Web, Webmasters Como lo prometido es deuda, aquí traigo hoy la continuación del anterior artículo: Fundamentos básicos sobre el Diseño Web (I). Hoy continuaremos justo donde dejamos el anterior artículo tratando los puntos referente a la Teoría del Color y al Espaciado y Composición de nuestras web´s y terminaremos así con los fundamentos básicos sobre el Diseño web. Pues bien, empecemos . […]

Trackback URI | Comentarios RSS

Escribe un comentario

Calendario

Agosto 2008
L M X J V S D
« Jul    
 123
45678910
11121314151617
18192021222324
25262728293031

Nube de Etiquetas

ActionScript Diseño Diseño Web Diversión Flash Formación Fotografia Freelancer Google Noticias Photoshop Posicionamiento Web Recursos Web Tutoriales Web 2.0 Webmasters