Blog

Fondos gratuitos para diseñar páginas web

No siempre se presta la debida atención a los fondos de un sitio web. Se considera que son elementos que no definen la experiencia de usuario, que a menudo pasan inadvertidos. Sin embargo, el comportamiento de los visitantes no se basa sólo en actitudes racionales y conscientes sino que, mucho más frecuentemente de lo que pensamos, las decisiones obedecen a reflejos emocionales, a estímulos visuales. Los fondos de una pagina web pueden ser una buena herramienta, discreta y eficaz, para generar en el usuario emociones positivas.

No obstante, para obtener fondos rápidos para tu sitio web, o para crear composiciones fotográficas, existen diversos generadores de fondos gratuitos que, usados adecuadamente, pueden resultar útiles:

Waterpipe.js

waterpipe-js

 

Trianglify Generator

Trianglify Generator

 

Geopattern

Geopattern

 

Material Design Background Generator

Material Design Background Generator

 

Unique Gradient Generator

Unique Gradient Generator

Breve lección sobre la teoría del color

Pantone. Coated color bookDefinir el color para un sitio web puede tener sus complicaciones. A menudo, la referencia de color que nos facilita el cliente, se limita al logotipo de la empresa impreso en una tarjeta, o un folleto comercial. También es frecuente que la selección de color se haya decidido mediante un monitor que no está bien equilibrado, que no reproduce los colores con fidelidad, y por tanto la información que recibimos no es la correcta. Es importante entender adecuadamente la teoría y las diferentes fórmulas de color, y elegir el color utilizando sistemas fiables como los que facilita la empresa norteamericana Pantone. Para seleccionar el color en un proyecto que tenga versión online y versión offline, hay que entender las diferencias entre el sistema RGB (Rojo, Verde y Azul) de “proyección” de luz que utilizan los monitores y el CMYK (Cyan, Magenta, Amarillo y Negro) para impresión mediante tintas.
 

Para revisar la teoría del color en poco más de un minuto, recomendamos el vídeo de Rhea Lelina Manglapus, donde brevemente repasa los conceptos fundamentales: colores primarios (amarillo, rojo y azul), secundarios (verde, violeta y naranja) o terciarios; colores fríos y cálidos, saturación y tono de color, etc.

Breve lección sobre la teoría del color

A Brief Lesson on Color Theory from Rhea Lelina Manglapus on Vimeo.

 

Por otro lado, para seleccionar los colores con precisión creatofilia.org (Recursos / Paletas) nos facilita, entre otros recursos online (gratuitos), la paleta de colores sólidos que Pantone popularizó en los años 70 del pasado siglo, en concreto la colección Coated color book (colores para imprimir sobre papel recubierto, estucado), y en el futuro pretende añadir también los uncoated color book.
Para acceder al catálogo es suficiente con registrarse.

Muestrario de colores pantone

Información del color pantone 633C

Recoger y digitalizar los colores del entorno

cube1Cube es un interesante sistema desarrollado por la empresa australiana Palette que puede facilitar la tarea de multitud de diseñadores y fotógrafos. El dispositivo, de reducidas dimensiones, nos permite capturar y digitalizar el color de los elementos y objetos de nuestro entorno, sin interferencia de la luz ambiente, para trasladarlo cómodamente a la paleta de trabajo. Desde el móvil, las capturas pueden traducirse a los diferentes sistemas de color: RGB, CMYK, LAB...

cube2
Se recoge el color, situando el dispositivo sobre el objeto seleccionado, y la información se muestra en la aplicación del móvil, para posteriormente utilizarla en Illustrator o Photoshop. Existen otras opciones que realizan funciones similares, pero Cube es el primer dispositivo ligero y de fácil manejo, que identifica el color con precisión en una gran variedad de superficies (papel, cartón, yeso, pintura, plástico, madera, y elementos orgánicos como hojas o piel), obteniendo la temperatura y la intensidad del color.
 

Google Fotos, para almacenar y compartir tus imágenes

GoogleExiste una amplia oferta de servicios gratuitos para guardar y compartir archivos en la nube. Una vez subidos, los archivos pueden compartirse con amigos o familiares de forma sencilla, utilizando enlaces. A estos servicios, se suma ahora Google Fotos (una versión avanzada de la aplicación de fotografías de Google+) para ofrecer soporte a los millones de personas que diariamente fotografían, o graban vídeos, a lo largo y ancho del planeta. Google Fotos pretende facilitar la organización, localización y la forma de compartir nuestras imágenes. Puede ser una herramienta muy útil para terminar con el habitual caos de fotos y vídeos dispersos entre diferentes dispositivos y programas, que no siempre son fáciles de encontrar.

El nuevo servicio multiplataforma de Google es gratuito, permite archivar fotografías y vídeos de alta definición, en teoría sin limite de espacio y con un nivel de seguridad razonable. Los archivos pueden ser accesibles desde cualquier dispositivo, se pueden hacer copias de seguridad, realizar búsquedas de manera sencilla y editar las imágenes: “Con un solo toque podrás aplicar ajustes instantáneos al color, la iluminación y el motivo de la foto. Crea tus propios collages, animaciones (GIF) y películas con bandas sonoras, y muchos efectos más.” Permite compartir fotos y vídeos creando enlaces, sin necesidad de contraseña y “sin tener que usar ninguna aplicación especial ni iniciar sesión en ningún sitio”.

En el vídeo de Canal Jonar  facilitan información de usuario:

No obstante, como ocurre con todos los servicios de Google, hay que recordar que el uso de Google Fotos autoriza a la empresa norteamericana a utilizar las imágenes, tus imágenes, con "propósitos operativos, de promoción y para la mejora y desarrollo de sus servicios".

Más información: Centro de ayuda

Ya está aquí el nuevo algoritmo de Google

Logotipo de GoogleLa nueva versión del algoritmo de Google: Amigable con dispositivos móviles, entra en acción ya, y va a suponer un cambio en los resultados de búsqueda y el posicionamiento para multitud de páginas web. Un cambio mayor que el que supuso, en su momento, Google Panda o Google Penguin.

Las páginas web que no hayan desarrollado una versión para móvil, o que no utilicen un diseño responsive, capaz de adaptarse a los monitores de los diferentes dispositivos móviles, como ya ha avisado Google desde hace tiempo, van a sufrir una significativa pérdida de tráfico, una importante caída del número de visitas.

Las características del nuevo algoritmo no deberían sorprender a nadie que siga las políticas de la empresa norteamericana. En el año 2012 señalamos, en el articulo El diseño de páginas web responsive facilitará el posicionamiento en Google, la apuesta del Buscador para premiar el posicionamiento de los sitios web que utilizaban Responsive Web Design, dado el importante aumento del uso de estos dispositivos en los accesos a Internet. Hoy el 80% de los teléfonos móviles tienen acceso a la Red.

Diseño responsive amigable con dispositivos móviles
Se considera que, según la terminología de Google, una página web es amigable con dispositivos móviles cuando es capaz de adaptar su estructura y resolución a éstos dispositivos. Para que nos entendamos, cuando los usuarios de tablets o smartphones pueden leer los textos sin necesidad de ampliar sucesivamente, y cuando las entradas de los menús están bien diseñadas y son operativas en las pequeñas pantallas táctiles. En todo caso, es fácil comprobarlo utilizando las herramientas de Google Developers: Prueba de optimización para móviles. Sólo hay que introducir la dirección de nuestro sitio y esperar el resultado.

Pantalla de Google Developers, con Prueba de optimización para móviles

De momento no hay medias tintas, el Buscador va a diferenciar sólo entre páginas web que son responsive y sitios que no lo son, sin calificar inicialmente variables relativas a la experiencia de usuario o la calidad de la respuesta de cada sitio en los móviles.

A partir de hoy, y dependiendo de los días que dure el proceso de implantación del nuevo algoritmo, ya no se tratará de premiar el posicionamiento de las páginas web responsive, sino que Google va a puntuar el mobile-friendly  y a penalizar aquellas web que no se hayan adaptado.