Página de inicio de Cool
La cabecera es la parte superior de un sitio web. Suele ser lo primero que ven los visitantes al entrar en un sitio y casi siempre contiene el logotipo de la marca y el menú del sitio web. Este menú del sitio web es el mapa del sitio que ayuda a los visitantes a encontrar lo que buscan, ya sean detalles sobre su producto o información sobre su empresa.
Las cabeceras típicas incluyen sus páginas web más esenciales, que pueden variar según el tipo de sitio web que esté creando. Si tienes una tienda online, por ejemplo, podrías dividir tu cabecera en categorías basadas en los tipos de artículos que vendes. Por otro lado, si tiene un sitio web sin ánimo de lucro, una página de donaciones en la cabecera sería probablemente más apropiada. En pocas palabras, incluir las categorías adecuadas en la cabecera es esencial para ayudar a los visitantes a encontrar sus páginas más importantes y, en última instancia, puede marcar la diferencia entre un sitio web exitoso y otro que no lo es.
Inmediatamente debajo de la cabecera hay algún tipo de imagen, serie de imágenes o, a veces, un vídeo. Juntos, el encabezado y la imagen principal conforman la sección superior de su sitio web -a menudo denominada above the fold- y son esenciales para crear una buena primera impresión. La imagen destacada, en particular, marca una gran diferencia a la hora de que los usuarios permanezcan en su sitio web o lo abandonen segundos después de entrar.
Diseñe el diseño de su sitio web
Cuando se habla de un diseño de página, los diseñadores gráficos suelen emplear diseños distinguidos según sus preferencias. Los tipos de maquetación pueden clasificarse como maquetación de revista, maquetación publicitaria, estática, dinámica, adaptativa o responsiva.
Si eres un artista gráfico, diseñador de interfaces de usuario para sitios web, diseñador de interiores, diseñador de moda o artista de gráficos en movimiento, debes conocer bien estos términos, es decir, lo que significan y cuándo se debe utilizar cada tipo de diseño.
Cuando tu diseño necesita una composición conceptual sobre un tema o una historia a través de texto e imágenes, que además muestra un fuerte estado de ánimo. Se puede utilizar en cualquiera de los diseños en los que se necesita un equilibrio y una fácil detección de los elementos del diseño por parte del lector.
El diseño de silueta se refiere a los diseños en forma de ilustración o técnica fotográfica, resaltados sólo a través de la sombra. Las presentaciones pueden ser en forma de texto-rap o ilustración de colores planos o recogida de imágenes lisas refractadas con técnicas fotográficas.
Diseño web responsivo
La ley de Hicks afirma que cuantas más opciones ofrezca a los usuarios, más tiempo tardarán en decidirse por una opción. Aunque un mayor tiempo en el sitio puede ser bueno para el negocio, demasiadas opciones pueden frustrar a los visitantes, que es lo contrario de lo que se busca.
Esto no sólo significa dejar espacio en blanco entre las imágenes y los párrafos, que por supuesto es importante. También significa utilizar el espacio negativo para conducir a los visitantes en la dirección que usted espera, como su llamada a la acción.
Le recomendamos que investigue y pruebe las combinaciones de colores a las que su público podría responder más. Los colores adecuados pueden evocar ciertas emociones. Además, aspectos como la demografía pueden afectar a la forma en que sus visitantes perciben su sitio.
Para encontrar una combinación de colores que funcione, utilice la rueda de colores y busque colores complementarios (los que son opuestos en la rueda) o análogos (los que están uno al lado del otro en la rueda).
Como diseñador de páginas web, puede que prefieras dejar la redacción de la web en manos de un redactor real. Sin embargo, debe saber dónde debe colocarse el texto para obtener las máximas conversiones, aunque sea temporalmente lorem ipsum.
Diseño de sitios web en css
Los “sitios” web son abstracciones completas: no existen, excepto en nuestras cabezas. Cuando identificamos un sitio como tal, lo que realmente estamos describiendo es una colección de páginas individuales enlazadas que comparten un aspecto gráfico y de navegación común. Lo que crea la ilusión de continuidad en un “sitio” cohesionado son las características de diseño que comparten las páginas. Las páginas html individuales y la forma en que están diseñadas y enlazadas son la unidad atómica de los sitios web, y todo lo que caracteriza la estructura del sitio debe aparecer en las plantillas de las páginas.
A medida que la web ha ido madurando en la última década, la estructura de las páginas de los sitios de información basados en texto se ha vuelto más uniforme y predecible. Aunque no todas las páginas web comparten el diseño y las características exactas descritas aquí, la mayoría de las páginas web incorporan algunos o todos estos componentes básicos, en ubicaciones de página que se han vuelto familiares para los usuarios de la web (fig. 6.1).
Las cabeceras de las páginas son como versiones en miniatura de la página de inicio que se sitúan encima de cada página y hacen muchas de las cosas que hacen las páginas de inicio, pero en un espacio limitado. Las cabeceras proporcionan la identidad del sitio y la navegación global, con búsqueda y quizás otras herramientas. La ubicación exacta y la disposición de los componentes varían de un sitio a otro, pero el patrón de diseño general se ha vuelto bastante consistente.
