Animar la URL de la barra de direcciónPuedes utilizar emojis o graphical unicode characters, junto con un poco de código Javascript, para agregar una animación en la URL de la barra de dirección del navegador.

 

Estas pequeñas animaciones las puedes utilizar por pura diversión, no tienen un beneficio en particular.

 

La única animación que sí puede llegar a tener utilidad, es la barra de progreso, que se mueve cuando das Play a un video.

 

Si quieres agregar una animación a la URL de la barra de dirección, tienes que copiar uno de los 8 códigos que más abajo te comparto.

 

Luego debes de pegar ese código en el header, o en la META tag de la página.

 

Si quieres utilizar otro tipo de emoji, también lo puedes hacer. Sólo debes de sustituir los emojis en los códigos.

➡ Click para ver todos los códigos…

Errores de Experiencia de Usuario

El UX o Diseño de Experiencia de Usuario, es una disciplina esencial en cualquier diseño.

Pero hoy nos vamos a centrar en los principales errores que se cometen al momento de diseñar un sitio web.

Y como ejemplo práctico, utilizaré un artículo que publiqué hace algunos meses, aquí en el blog.

Voy a mostrar los principales errores en UX y cómo los soluciono, con unos cambios que cualquier puede hacer.

➡ Click para ver todos los tips…

Plantillas Woocommerce

Si tienes una tienda online pero no te gusta su diseño y estas pensando en cambiarlo por uno que se vea mejor.

A continuación te recomiendo un par de plantillas woocommerce que puedes descargar gratis. Y también te comparto unas plantillas premium que puedes instalar en un par de clic.

Encuentras plantillas con diseños elegantes, modernos, minimalistas con diseño responsive, para que puedas vender tus productos desde cualquier celular.

Si ves algún elementos en el diseño de la plantilla que ni te guste, lo puedes cambiar muy fácil. Porque las plantillas están preparadas para ser editadas.

Por ejemplo si quieres poner de fondo el color característico de tu marca en la plantilla, lo puedes hacer en cuestión de segundos.

También puedes cambiar los textos, colocar tus propias fotos o puedes utilizar la plantilla tal cual la descargaste.

➡ Click para ver más detalles de las plantillas…

Curso de Diseño UX

Este curso te va a servir para que aprendas todo lo relacionado con el Diseño UX, también conocido como UX Design (User Experience Design) o “Diseño de Experiencia de Usuario”.

Todos los principios que aprendas durante el curso, los vas a poder aplicar a tus sitios web. Puede ser un blog hecho en WordPress o a una tienda de comercio electrónico.

El trabajo de un Diseñador UX es crear experiencias de usuarios que sean satisfactorias para los visitantes o clientes de cualquier tipo de página web.

Este es uno de los cursos más completos que he tomado. En total son 23 horas de lecciones, divididas en pequeños videos.

➡ Click para ver todos los detalles del curso…

Lading pages perfectas

Si quieres descubrir cuáles son los principios psicológicos fundamentales del buen diseño de una página de destino o lading pages, que convierta un 20% o 30% más que tu sitio web actual. Tienes que tomar éste curso.

Para diseñar landing page perfectas no es necesario que sepas utilizar programas especiales de diseño. Incluso no es indispensable que sepas de programación.

No vas a utilizar ni una línea de código, durante el diseño de la landing page.

Lo que me gustó del curso es que aprendes mucha teoría. La cual ves aplicada en ejemplos prácticos.

➡ Click para leer la reseña del curso…

Diseños hechos con código CSS

El reto personal que un diseñador web se auto-impuso, consiste en hacer un diseño diferente, cada día del año.

Para el diseño sólo puede utilizar códigos CSS, HTML e imágenes en formato SVGs.

Un diseño al día es publicado en una pagina hecha especialmente para el proyecto.

No son diseños muy complicados, de hechos son diseños muy simples, pero visualmente son muy atractivos. Además son diseños interactivos.

Porque puedes entrara a ver los diseños e interactuar con ellos. Mueves el puntero del ratón por toda la página, para activar algo único y especial.

➡ Click para ver todos los detalles del reto…

Blog de Diseño Gráfico ROC21

➱ ¡Sigue el blog!
botones sociales   Twitter   Facebook   Pinterest   YouTube   Society6   Instagram   Feedly   RedBubble
✉ ROC21 en tu correo

➱ ¡Suscríbete a nuestro boletín! Recibirás ofertas especiales en cursos y recursos gráficos, una vez a la semana.