Blog de diseño
Impresionantes efectos CSS para tus Input
¿Por qué seguir haciendo aburridos formularios cuando podemos usar impresionantes efectos CSS?. A veces tendemos a lo fácil, y no hay nada más aburrido en una web que rellenar un formulario, añade estos efectos y verás que aumentarán los usuarios que lo utilizan. Es...
leer más
30 Animaciones Preload con CSS espectaculares y GRATIS !!!
En numerosas ocasiones, nuestros diseños requieren más tiempo de carga, bien por tener que usar grandes imágenes o por funcionalidades requeridas por el proyecto. Nada más incómodo para un usuario que presentarse delante de su pantalla y esperar ante una página...
leer más
Template PSD GRATIS de Instagram
Como diseñadores, en numerosas ocasiones debemos realizar propuestas para clientes relacionadas con las redes sociales, entre ellas Instagram es una de las más activas a la hora de proponer nuevas ideas de negocio, a través de sus stories o publicaciones. En el caso...
leer más
Cambios en el SEO de tu web para 2020
Google siempre ha pretendido que sus resultados de búsqueda vayan adaptándose a los patrones de comportamiento de sus usuarios, por eso la evolución de sus algoritmos es constante, estos son los últimos cambios que van a condicionar el buen posicionamiento de tu web....
leer más
UX, diseñando un slider, ¿qué no debo hacer?
Cualquier interacción realizada por un usuario será siempre más efectiva cuanto más se aproxime a un aprendizaje ya obtenido. Por ejemplo, el desplazamiento vertical se basa en el aprendizaje que tenemos todos de llevar años leyendo, por eso este desplazamiento...
leer más
Genial formulario con CSS y jQuery !!!
A la hora de diseñar un formulario, siempre tenemos que tener en cuenta que se trata de la parte más tediosa para un usuario, por eso mismo tenemos que facilitarte al máximo la tarea. Desde no pedir campos que no sean necesarios a intentar simplificar al máximo lo que...
leer más
Tendencias Diseño Web 2020, Modo Oscuro «Dark Mode» y Minimalismo
Las tendencias de diseño web están en constante evolución. Las posibilidades técnicas ya no son un obstáculo, lo que invita a experimentar más y encontrar nuevas tendencias. Existen también tendencias que continuarán y que tomarán mayor peso como es el minimalismo y...
leer más
Diseño de interfaz, menú hamburguesa. Animaciones gratis !!!
El menú hamburguesa es un botón que suele estar en la parte superior de la web, que muestra o esconde el menú en pantalla. Lo que en un principio nace para la versión mobile, por la falta de espacio, se ha convertido en un recurso habitual también en los diseños...
leer más
¿Cómo hacer un sprite con CSS?. Animaciones para web, apps, juegos…
Un sprite es el resultado de juntar varios fotogramas para crear una animación. En este ejemplo lo que hacemos es crear la animación con una única imagen. He cogido una imagen de 400x400 px y la he dividido en 4 columnas y 4 filas de 100x100 px. En cada una de las...
leer más
Introducción al dibujo con SVG
Los SVG (del inglés Scalable Vector Graphics), son formatos gráficos vectoriales muy útiles por su flexibilidad y la capacidad de mostrar imágenes en web, sin perder calidad al cambiar de resolución. Los SVG se definen en formato XML. Esto nos permite, además de...
leer más
UI – Guía de tamaños de fuente
Cuando hablamos de diseñar para web o app, una de las preguntas que me suelen hacer es ¿cuál es el tamaño correcto que debo usar?. La proliferación de pantallas HD lleva tiempo dándonos dolor de cabeza a los diseñadores. Lo que en un principio sólo era un simple...
leer más
Densidad de pixel, tamaño de diseños para HTML, Android e iOS
A la hora de diseñar para múltiples dispositivos, tanto en dispositivos iOS como Android, corremos el peligro de no tener en cuenta las a veces enormes diferencias entre estos y que lo que en un dispositivo se ve bien, en otro aparezca muy pequeño o muy grande. En...
leer más
Recorta tus fotos en unos segundos GRATIS
Nada más tedioso que ponerse a trazar una imagen para recortarla ¿verdad?, y ya si se trata de pelo, el trabajo se multiplica exponencialmente. Bien, existe una página en la que sueltas tu imagen y te la recorta de una manera muy aceptable, te aconsejo que la pruebes,...
leer más
APNG, crear PNG animados
Seguramente más de una vez habrás tenido que crear un gif animado transparente. El resultado es muchas veces desastroso, porque los bordes suelen pixelarse incluso a máxima resolución. Existe desde hace tiempo una solución, aunque todavía no está muy implantada por...
leer más
Crear GIFs animado a partir de vídeo
Incluir animaciones en nuestros diseños online se ha convertido en una práctica habitual, tanto para web como para apps. Los GIFs animados se han convertido en un medio de expresión habitual en redes sociales como Facebook, Instagram o Whatsapp. Existen muchas formas...
leer más
DUGAS, la fuente ideal para diseñar tus carteles
Dugas es una fuente ultra condensada y minimalista ideal para el diseño de carteles, títulos y titulares. Aquí os dejo unos ejemplos en los que podéis ver la fuerza que tiene. Puede ocurrir que si utilizamos tamaños pequeños de fuente o poco contraste con el fondo,...
leer más
¿Buscas un sitio donde inspirarte y con buenos recursos gráficos?
Me gusta tener un listado de sitios a los que recurrir cuando tengo necesidad de encontrar algo distinto. Unas veces se trata de inspiración, otras alguna fuente que me sorprenda, ¿sabes de lo que te hablo verdad? 😉 Frebie es uno de los últimos que he añadido a mis...
leer más
20 Acciones Photoshop Gratis, para fotografía en blanco y negro.
Si te gusta la fotografía en blanco y negro, o si quieres conseguir fabulosos resultados para tus fotografías en instagram, estas acciones de photoshop te permitirán conseguir resultados muy buenos y profesionales. 20 ajustes preestablecidos que incluyen acciones que...
leer más
12 ebooks gratuitos sobre publicidad y creatividad
Con motivo del día del libro, lacriaturacreativa.com ha hecho una recopilación de libros muy interesantes que puedes descargar gratuitamente 12 libros sobre publicidad y creatividad. Contenidos relacionados con el packaging, comunicación de marcas, lettering,...
leer más
Espectaculares efectos interactivos con el Scroll de una página. Descárgalos !!!
Las animaciones a través del movimiento del scroll de una página, son en mi opinión, una de las herramientas que mejor nos permiten llamar la atención del usuario. Utilizando estos efectos, podemos hacer todo tipo de animaciones, desde las más complejas, hasta...
leer más
Recursos Gratis para diseñadores. Iconos
El uso de iconos en el diseño digital es constante. Existen muchas páginas en las que puedes descargar paquetes enteros de familias, estas páginas que os comparto, son las que suelo utilizar normalmente, me gustan porque vienen con un buscador, de forma que puedes...
leer más