Imágenes para el sitio web
La imagen adecuada puede tener un impacto inmediato en su audiencia. Puede crear el ambiente adecuado y comunicar inmediatamente de qué trata su sitio web o qué hace. También es una oportunidad para mostrar algunos de sus activos: su ubicación, su producto o incluso usted.
También es importante elegir una imagen con las especificaciones técnicas adecuadas. Recomiendo utilizar imágenes de fondo orientadas horizontalmente en lugar de verticalmente, para que se adapten a la mayoría de las pantallas de ordenador modernas que tienen formato panorámico.
El tamaño de la imagen es igualmente importante. La mayoría de las pantallas de ordenador admiten una resolución mínima de 1024 x 768 píxeles, lo que significa que tu foto de fondo debería tener ese tamaño, como mínimo. Lo mejor es apuntar a un mínimo de 1200 píxeles de ancho. Si subes una imagen de sólo 500 píxeles de ancho, el resultado será un fondo borroso o pixelado, y nadie quiere eso.
La mayoría de los programas de edición de fotos podrán mostrarte el tamaño en píxeles de tu imagen. También puedes ver el tamaño directamente en tu ordenador. Si estás en un PC, haz clic con el botón derecho del ratón en el archivo de imagen, elige “Propiedades” y luego la pestaña “Resumen”. En un Mac, haz clic con el botón derecho en el archivo de imagen, elige “Obtener información” y luego haz clic en “Más información”. Eso te mostrará las dimensiones en píxeles.
Patrón de fondo del sitio web
Saltar a la lista de todos los artículosAcerca del autorMatt Cronin es un ávido diseñador gráfico, diseñador/desarrollador web, programador de Cocoa, fotógrafo, artista digital, y similares. También le gusta escribir, y hace …
El diseño web ha recorrido un largo camino desde sus inicios, especialmente en términos de estilo. Echa un vistazo a un sitio web de hace 10 años y compáralo con uno de hoy. Las diferencias son enormes. Uno de los principales cambios que notará es el fondo. Hoy en día, los fondos son una de las características principales que determinan el interés visual de un sitio web.
El fondo mantiene el tema del sitio web, y hay una gran cantidad de posibilidades a la hora de diseñar el fondo de un sitio web. Este artículo repasa las mejores prácticas y las tendencias populares de los fondos en la etapa actual de diseño web innovador.
* Tendencias de diseño web móvil para 2009El diseño web ha recorrido un largo camino desde sus inicios, especialmente en lo que respecta al estilo. Eche un vistazo a un sitio web de hace 10 años y compárelo con uno de hoy. Las diferencias son enormes. Uno de los principales cambios que notará es el fondo. Hoy en día, los fondos son una de las características principales que determinan el interés visual de un sitio web. El fondo mantiene el tema del sitio web, y hay una gran cantidad de posibilidades a la hora de diseñar el fondo de un sitio web. Este artículo repasa las mejores prácticas y las tendencias populares de los fondos en la etapa actual del diseño web innovador.También te pueden interesar los siguientes posts relacionados:Las estructuras básicas de los fondosAntes de hablar de cómo diseñar un buen fondo, tenemos que repasar las estructuras básicas de los fondos. ¡Aunque no son las únicas estructuras que existen, estas tres son las más utilizadas.Más después del salto! Continúa leyendo a continuación ↓Fondo del cuerpo
Comentarios
Los fondos de los sitios web pueden ser una poderosa herramienta para crear una experiencia. Pero, ¿qué tipo de experiencia puede transmitir y cómo? Siga leyendo para descubrirlo.El fondo de su sitio web es una parte importante de la experiencia del usuario. Puede elevar su diseño, transmitir emociones e historias y añadir una gran cantidad de valor. Es una parte esencial del diseño UX de su sitio web.
Los diseñadores pueden tomar muchos caminos diferentes cuando se trata del fondo de su sitio web. Desde agradables degradados de color, ilustraciones únicas e interactivas o vídeos que pintan un cuadro, hasta una sola imagen que ocupa toda la pantalla. Cada uno de estos caminos conduce a un conjunto diferente de beneficios para los usuarios y los diseñadores.
En este post, te guiaremos en el diseño de un fondo de página web con tu herramienta de prototipado que refleje la personalidad de tu marca y cómo puedes jugar con tus puntos fuertes utilizando el fondo como herramienta. Vamos a entrar de lleno en el tema.
Conceptos básicos de los fondos de sitios webUn fondo de sitio web debe mejorar la experiencia del usuario, y punto. Cuando se hace bien, puede unir un diseño y sumergir a los usuarios en su producto. Si se hace mal, puede distraer a los usuarios del resto del contenido, interferir con la jerarquía visual e incluso afectar al SEO de su sitio.
Fondos de página web gratuitos
Las imágenes de fondo pueden ayudar a atraer, comprometer e informar a los visitantes de su sitio web. Dependiendo de su diseño y posición, las imágenes de fondo pueden establecer un estado de ánimo, proporcionar contexto sobre una marca y atraer la atención de los visitantes a elementos importantes de una página web.
En este artículo, repasaremos los dos tipos diferentes de imágenes de fondo para sitios web que puede utilizar y, a continuación, recorreremos ejemplos reales de sitios web con estos tipos de fondos. A continuación, trataremos algunas de las mejores prácticas para utilizar imágenes de fondo en el diseño de tu propia página web. Empecemos.
Hay dos tipos de fondos para sitios web: un fondo de cuerpo o de contenido. Un fondo de cuerpo cubre la mayor parte o la totalidad de la pantalla. Puede ser una imagen, una ilustración gráfica, un solo color, un gradiente de color o una textura. Un fondo de contenido rodea el texto, las imágenes u otro contenido, y puede colocarse sobre el fondo del cuerpo.
Por ejemplo, la página de inicio de nuestro blog. El fondo del cuerpo es blanco, mientras que el fondo del contenido es azul claro. El fondo de contenido ayuda a agrupar la imagen destacada, el título, la categoría y el tiempo de lectura de las entradas individuales del blog. Esto puede ayudar a los visitantes a navegar por el blog más fácilmente y a tomar decisiones más informadas sobre lo que deben hacer clic.