En diseño web, como todo, va por modas. Os voy a mostrar 7 elementos que arrasan hoy en día. Es decisión vuestra incluirlos o no en vuestros diseños web. Y es vuestro deber como diseñadores juzgarlos, diseccionarlos y utilizarlos o no según consideréis oportuno.
Autor: Javier López
Cofundador y Jefe de proyecto de Erasmusu.com. Desarrollador de juegos, diseñador gráfico y viajero. Si te gustan esos temas sígueme en twitter.Acerca de esta recopilación
En diseño web, como todo, va por modas. De vez en cuando un elemento, por el motivo que sea, comienza a usarse por varios diseñadores y se propaga como la pólvora. Estoy seguro de que sabéis a lo que me refiero… sobre todo si conocéis las webs de Envato veréis como muchos de sus múltiples seguidores les imitan sin parar.
Os voy a mostrar 7 elementos que arrasan hoy en día. Es decisión vuestra incluirlos o no en vuestros diseños web. Y es vuestro deber como diseñadores juzgarlos, diseccionarlos y utilizarlos o no según consideréis oportuno.
¡Ojo! La inclusión de estos elementos en una web no tienen porque dar como resultado una web rompedora. Dependerá de tu propio bien hacer, tu destreza en la maquetación, en el diseño de la portada y de lo inspirado que estés en el momento. En resumen, de tu experiencia.
Os presento a los 7 fantásticos… 7 sencillos elementos de diseño que arrasan:
1. Sombra Sutil Especial
Están de moda las sobras no uniformes. Fíjate bien en la sombra que arroja esa tarjeta. Si miras bien verás que no es una simple “sombra arrojada” de Photoshop. Se abre hacia los lados partiendo desde el centro.
Con esto puedes conseguir el efecto de que la tarjeta esta ligeramente doblada, como la de la punta inferior derecha de la tarjeta de arriba, como si la punta estuviera más altas sobre el plano. Pero en realidad el rectángulo es totalmente recto. Es una sombra que crea un efecto sutil y elegante.
2. El Color Magenta y sus Amigos
Quizás peque de exagerado, pero el Magenta es algo así como el color de los diseñadores. Si existe una paleta de colores 2.0, el magenta es el rey. Pero no viene sólo…
Si además lo juntas con uno de sus mejores amigos, el Cyan, el resultado puede ser francamente espectacular. Echadle un vistazo.
3. Rótulo Saliente
Es curioso como a una simple caja rectangular puede mejorar añadiéndole dos triangulitos de un color ligeramente más oscuro. El efecto de “cinta doblada” o “rótulo saliente” que se consigue con algo tan simple es muy resultón.
Por cierto, esta imagen reune 4 de los 7 elementos que estamos examinando en esta artículo… ¿sabes cuáles? Deja un comentario a ver si aciertas.
Otra variedad un poco más elaborada puede utilizarse en las esquinas de las cajas.
Por cierta, lo de “beta” también estuvo muy de moda… hace un par de años era más “cool” tener una etiqueta “beta” en tu web que tener la versión final de la misma.
4. Gradient Radial / Glow Sutil
Utilizando un glow, brillo en inglés, puedes hacer que de manera casi imperceptible, un elemento o parte de la página se muestre de manera más precisa a ojos del visitante. En este ejemplo vemos que el glow irradia desde el centro, desde la parte inferior del logo.
Bajo el logo de Nettuts también se puede observar este efecto.
¿No lo ves? Quizás lo veas mejor si pongo sólo el fondo.
Es un efecto que suele quedar bien en la zona del logo, para realzarlo. En Ontuts también lo utilizamos, de manera un poco más agresiva, en nuestro logo en la cabecera.
5. Superficies Rugosas o con Ruido
Los colores planos siguen llevándose, eso está claro, pero comienza a verse cierta tendencia, sobre todo en algunos de los mejores diseñadores, a utilizar superficies rugosas como la de la imagen en sus diseños.
En esta segunda imagen se puede ver de forma menos clara que en la primera, pero si te fijas bien verás que el degradado tiene un poco de ruido.
Mi consejo es que si utilizas superficies rugosas o ruido, ten mucho cuidado para que no resalten demasiado con respecto a otros elementos.
6. Thumbnails con Imágenes Giradas
Ideal para entradillas de posts… girar la imagen no falla casi nunca, suele quedar muy bien. Fácil y efectivo.
7. Hendidura de Separación
Imagina un Header a dos colores. ¿Es lo ideal para separlos una única línea de un color? Puede… pero lo que está de moda es crear un efecto “hendidura”. Veamoslo más de cerca:
Y es muy fácil de crear, tan sólo necesitas dibujar dos líneas, la de arriba de un color ligeramente más oscuro que la región superior y la de abajo ligeramente más clara que la región inferior.
Reflexión final
Si eres un diseñador novel te animo a que copies sin parar. ¡Copia, copia, copia! El estilo propio es algo que llegará con el tiempo. Mientras tanto copia, moldea y adapta a tus necesidades a partir de otros diseñadores mientras aprendes y desarrollas tu propia forma de hacer las cosas.
Sea como sea, si utilizáis alguno o varios de estos elementos, estoy seguro de que la impresión general de vuestro diseño puede llegar a mejorar… simplemente porque la verdad, no sólo están de moda, sino que también son bastante bonitos.
¿Conoces algún otro elemento de moda? Puedes contárnoslo dejando un comentario.
See you in another life!
Te sugerimos otras entradas relacionadas...
¿Necesitas desarrollar un proyecto web o para móviles? ¡Estamos disponibles!
Cokidoo, los creadores de Ontuts, desarrollamos proyectos tecnológicos centrados en redes sociales y aplicaciones web, aplicaciones móviles y consultoría web y bases de datos.
Somos jóvenes, inquietos, versátiles, apasionados por la innovación y enfocados en las nuevas tecnologías. Con Ontuts tratamos de compartir nuestro conocimiento adquirido en los distintos proyectos, ayudando a la comunidad y mostrando nuestra capacidad tecnológica.
Si necesitas un presupuesto sin compromiso, estamos disponibles, no dudes en contactar con nosotros.
Comentarios en esta publicación (26 comentarios)
¿Te ha gustado esta publicación? ¡Puedes compartir tu opinión con todos nosotros! Simplemente pincha aquí mismo.