top of page

10 términos básicos de diseño que tienes que conocer


Es muy difícil mantenerse al día de cada nuevo término o tendencia que aparece en el mundo del diseño. Tanto si estás creando una página web tú mismo o tratando de descifrar lo que tu diseñador web te acaba de enviar por email, estamos aquí para ayudarte a entender todos esos términos de la jerga creativa para que no pierdas tiempo puedas enfocarte en la creación de la página de tus sueños. ¡En Wix estamos para cubrirte las espaldas!


El proceso creativo, por lo general, es un esfuerzo de colaboración múltiple y es importante que cada miembro esté en la misma onda. El lenguaje de diseño es muy amplio; existen términos que se utilizan desde hace cientos de años, pero hay muchos más que recién han sido acuñados en la era digital. En este artículo vamos a centrarnos en algunas nociones de diseño que son tendencia: qué significan y cómo se pueden utilizar.



Paralaje


El primer término a tratar es el llamado desplazamiento de paralaje o efecto parallax. En sí, es un efecto que hace que el fondo se mueva a una velocidad más lenta que el elemento que se encuentra en primer plano, lo que crea un hipnótico efecto 3D a medida que te desplazas hacia abajo en la página. Si lo usas en tu página, crearás una sensación agradable y sutil de profundidad y proporcionará a tus visitantes una experiencia muy atractiva.


Efecto Parallax


Cinemagrafía


La cinemagrafía es una técnica fotográfica que da “vida”  a ciertas partes de una imagen a través de un suave movimiento que se repite (como el periódico de Harry Potter). Esto permite que la foto entera sea más realista, atractiva y, a menudo, más estimulante. Puedes utilizar una cinemagrafía para llamar la atención del visitante sin sacrificar el mensaje de tu página.


Cinemagrafia


Asimetría


En el diseño asimétrico es posible hallar páginas web que contienen elementos que no crean una imagen en espejo. Cuando están bien hechos, estos diseños asimétricos están equilibrados, pero no gracias a mitades exactamente idénticas. Un arreglo asimétrico puede ser interesante y ayuda a que los usuarios naveguen una hermosa página web.


Asimetría


Minimalismo


Para equilibrar la funcionalidad y la estética, el diseño web minimalista se define por el uso sin miedo del espacio con un enfoque total en el contenido puro y duro y nada más. Ten en cuenta que con menos elementos tienes que dar una usabilidad aún mejor, así que asegúrate de que tu página web minimalista sea de acceso sencillo y fácil de ver, leer y navegar.


Minimalismoi


Retro “moderno”


Este término puede sonar un poco a oxímoron, pero el estilo retro “moderno” está realmente influenciado por las últimas décadas. Los videojuegos, el espacio, los primeros ordenadores y la cultura geek han tomado el protagonismo, pero ¡jamás nos quejaremos de ello! Al contrario. Importante no confundir este término con el de “diseño vintage” porque retro “moderno” es una mirada renovada a estéticas pasadas, con el ojo puesto en los años 70, 80 y 90.


Retro-Moderno


Duotono


Tal como lo indica su nombre, un duotono es una imagen compuesta por dos colores. Es básicamente un estándar en la impresión pero ahora también los diseñadores web lo utilizan en todo el mundo. A diferencia de la industria de la impresión, donde se usaban por tradición los tonos sepia, los duotonos de hoy en día son de colores brillantes, con combinaciones cromáticas extremas. Un buen duotono puede establecer la línea de color de tu página web y ayudarte a animar cualquier diseño.

Nos encanta como los duotonos permiten a esta plantilla mostrar imágenes sin distraer demasiado a los visitantes…¡es genial!


Duotono


Fuente monoespaciada


También llamadas de ancho fijo, las fuentes monoespaciadas son los tipos de letra en los que los caracteres –sean cuales fueren- ocupan la misma cantidad de espacio horizontal. Principalmente, las fuentes monoespaciadas nos hacen recordar a las máquinas de escribir y a los primeros lenguajes informáticos de programación. Sin embargo, más allá de la nostalgia, estas fuentes pueden ser una gran opción para los diseñadores que buscan generar una sensación minimalista e “inacabado”. Las fuentes monoespaciadas también lograrán que tus textos sean más fáciles de leer gracias a su consistencia y uniformidad.


Fuente Monoespecio


Espacio negativo


El espacio negativo -a menudo referido a un espacio en blanco- es ni más ni menos que el espacio vacío que rodea a un objeto en una imagen. Esta característica es clave para cualquier buen diseño, ya que nos ayuda a otorgar ese aspecto minimalista que antes mencionamos. Si se utiliza de forma estratégica e inteligente, el espacio negativo puede ser una gran herramienta para añadir un segundo significado a tus diseños, sobre todo para logotipos e imagen de marca.


Aquí puedes ver algunos divertidos ejemplos de espacio negativo utilizados por conocidas marcas en sus logotipos. Si esto realmente te interesa, aquí puedes aprender más sobre las tendencias de los logotipos


Espacio Negativo


Lorem Ipsum


No creas que ahora tienes que saber latín para entender la jerga de los diseñadores, Lorem Ipsum es simplemente un texto ficticio que la industria de impresión y diseño utiliza como marcador de posición al comenzar diseñar. Es una herramienta muy conveniente para las maquetas porque ayuda a esbozar los elementos visuales de un proyecto.


Lorem-Ipsum


Fuentes de Google


La biblioteca de tipos de letra de Google es una gran fuente de fuentes en línea–valga la redundancia-  para diseñadores web. Todas las fuentes que se encuentra allí son de uso gratuito y las puedes emplear en cualquiera de tus proyectos personales o comerciales. Wix ya tiene incorporadas muchas de esas fuentes de Google dentro del Editor pero en el caso de que no encuentres la que deseas sólo tienes que cargar las tuyas propias. Solo tienes que darte un  paseo por la biblioteca de fuentes de Google y elegir la que más te guste. Así de sencillo.



Ahora que ya tienes controlas la jerga es hora de ponerse manos a la obra. ¡Diseña hoy mismo tu increíble sitio web!



Publicado por Equipo Wix




#DiccionariodeDiseño #DiseñandoconWix #DiseñoWeb #TendenciasenDiseñoWeb #TérminosdeDiseño

es03.png
bottom of page