Logo
Diseño y alojamiento de sitios en internet
Taller de software
 INTERNET 
 Diseño de sitios 
Estilo Corporativo
Estilo Corporativo

Estilo Funcional
Estilo Funcional

Estilo Mixto
Estilo Mixto

Estilo Libre
Estilo Libre

Diseño de sitios Web. Galería de estilos

Para realizar los diseños de su página WEB, Tecnyred SCP ofrece una galería de estilos predefinidos, así como diversas combinaciones de tipografía y de colores.

En nuestra galería de estilos recogemos una serie de diseños que permiten configurar adecuadamente cualquier sitio WEB. Nuestros estilos responden a una serie de de directrices generales:
  • Limpieza y rigor compositivos. Las páginas del sitio WEB se leen con facilidad y la disposición de la información se hace de una forma clara y ordenada.
  • Uso de tecnologías de amplia difusión. La codificación de las páginas del sitio WEB se realiza en el standard HTML 4.0, soportado por los navegadores más populares desde hace años.
  • Simplicidad y facilidad de uso. Los sitios WEB deben ser de fácil navegación por el visitante, y la información buscada debe ser accesible en el menor tiempo posible.
  • Rapidez en la descarga de las páginas. No todo el mundo posee una conexión ADSL o de cable para acceder a Internet. Nuestras páginas se diseñan para obtener un tiempo de descarga óptimo (en torno a 30-40 segundos como máximo) con conexiones V90 (modem de 56k).
Estilo corporativo
Este estilo consta de dos ventanas horizontales separadas por una barra de navegación. Las ventanas tienen un ancho fijo de 615 píxeles, para garantizar el mismo aspecto en diferentes resoluciones de pantalla; el contenido de las páginas se centra en el espacio disponible en el navegador. La ventana superior es más estrecha, y en la misma se coloca la imagen corporativa de la empresa (Logo, Datos de dirección, lemas publicitarios, etc.). En la barra de navegación se recogen los enlaces a las áreas principales del sitio WEB. La ventana inferior recoge la información relativa a cada área, así como los enlaces de dichas áreas.
Estilo funcional
Este estilo consta de dos ventanas verticales. En la ventana izquierda se coloca la información corporativa de la empresa (Logo, Datos de dirección, lemas publicitarios, etc.) y la barra de navegación, cuyos enlaces se muestran en disposición vertical. La ventana izquierda tiene un ancho fijo, y la derecha se adapta al ancho disponible en el navegador. En la barra de navegación se recogen los enlaces a las áreas principales del sitio WEB. La ventana derecha recoge la información relativa a cada área, así como los enlaces de dichas áreas.
Estilo mixto
Este estilo es una mezcla de los dos anteriores. La pantalla se divide en dos ventanas horizontales separadas por la barra de navegación, que ocupan todo el ancho disponible. La ventana superior es más estrecha, y en la misma se coloca la imagen corporativa de la empresa (Logo, Datos de dirección, lemas publicitarios, etc.). En la barra de navegación se recogen los enlaces a las áreas principales del sitio WEB. La ventana inferior se divide, a su vez, en dos ventanas verticales: la de la izquierda, de ancho fijo, muestra una información estática común a todas las áreas. La de la derecha recoge la información relativa a cada área, así como los enlaces de dichas áreas. Un ejemplo de este tipo compositivo es este sitio WEB.
Estilo Libre
En este estilo es el cliente el que decide como quiere diseñar cada página (tanto la principal como la de cada una de las áreas) y se permite libertad absoluta en la composición. Este estilo solo es de aplicación en el plan de alojamiento COMPANY. Consulte el área de planes de alojamiento para más detalles.

Tipografía

Una acertada tipografía es elemento imprescindible del éxito de un sitio WEB. El tamaño y tipo de letra, sus atributos (itálica, negrita), los espacios entre letras y palabras, el interlíneado y el resto de elementos del texto deben regirse por los mismos principios de limpieza y rigor compositivos aplicados a las páginas WEB. En Tecnyred usamos fundamentalmente dos combinaciones tipográficas, en las que se permiten variantes de tamaño y atributo:
Combinación universal
La usada en la mayoría de los sitios WEB, y basada en tipografía "sans serif". Todos los elementos del texto usan este tipo de letra, con tamaños mayores para las cabeceras. Un ejemplo de esta combinación es esta página, en la que la letra base (la de este párrafo) y la de los títulos comparten la misma fuente.
Combinación clásica
Similar a la anterior, pero en la que la letra base usa un tipo "serif" similar al usado en los libros impresos.

Colores

Los colores dominantes en las páginas son siempre indicados por el cliente, según sus preferencias. Nosotros recomendamos una serie de directrices que ayudan a la mayor legibilidad e impacto del sitio, que se indican a continuación:
  • Uso de un número reducido de colores. El hecho de poder visualizar millones de colores en un navegador no implica que deban usarse necesariamente. Es mucho mas legible una página con un número reducido de colores, aplicando además cada color a un uso específico (fondos, cabeceras, recuadros de texto resaltado, etc.)
  • Contraste armónico. Las paletas de cada sitio deben ser armónicas, compuestas por colores que contrasten de forma óptima, con el objeto de facilitar la lectura de las páginas.
  • Consistencia en el diseño. Se debe usar el mismo esquema de color en todo el sitio WEB, para facilitar la comprensión de los contenidos a los visitantes.
  • Uso de la paleta segura. Aunque hoy día se pueden mostrar millones de colores en los navegadores, existen en el mundo millones de ordenadores con tarjetas gráficas cuya diversidad cromática es menor. Además, las distintas plataformas desde las que se accede a Internet (Windows, Mac, Linux, Unix, etc) interpretan de forma contradictoria en muchos casos la información de un color determinado. Por esto, se ha definido una paleta de 216 colores que garantiza, por un lado, la compatibilidad con tarjetas gráficas antiguas; por otro, la interpretación similar de los mismos por las diversas plataformas. Las páginas WEB diseñadas usando colores de la paleta segura se ven de igual forma en todos los ordenadores del mundo.
Tecnyred SCP