1

Cómo utilizar las fuentes de forma eficaz (fonts, tipos de letra)

Saber cómo utilizar las fuentes de forma eficaz puede ser una tarea abrumadora. Además de las muchas reglas que siguen los diseñadores gráficos cuando se trata de elegir fuentes , también existe la tarea de emparejar sus fuentes con otras fuentes complementarias.

Entre las diferentes opciones de fuentes, pesos y tamaños, las posibilidades son infinitas.

Cuando se usan con un propósito, las fuentes pueden hacer que sus diseños se destaquen, transmitir su mensaje con claridad y hacer que su texto salte de la página. Principiantes, prueben estos cinco consejos para mejorar sus diseños. Recuerde, dominar el texto es un factor crucial para el éxito visual.

Si es nuevo en el mundo de las fuentes, tome su cuaderno y anote esta jerga terminológica básica.

Cómo elegir fuentes

01. Usa fuentes para crear una jerarquía

Cómo elegir fuentes

La jerarquía tipográfica se  refiere al orden en que se lee el texto. El ojo se siente naturalmente atraído por elementos grandes o dominantes, así que elija el tamaño de fuente más grande para su título, seguido de su subtítulo, luego el texto del cuerpo.

02. Usa tipos de lentra contrastantes

Usa fuentes contrastantes

La elección de fuentes con alto contraste es una buena regla general para títulos y subtítulos llamativos.

Las fuentes utilizadas en el ejemplo anterior se contrastan entre sí al presentar diferentes estilos: líneas de texto en mayúsculas y minúsculas. La fuente Anton se ha utilizado para el título “weekender” y Julians Sans One para el subtítulo.

cómo elegir fuentes

Aquí, el contraste se ha creado usando diferentes pesos de fuente: el font Raleway Heavy se ha usado para el título y Raleway Regular para el subtítulo.

El contraste también se enfatiza al hacer que el tamaño de las dos fuentes sea muy diferente. En muchos casos, cuanto más contrastadas sean las fuentes, ¡más se complementarán entre sí!

03. Crear legibilidad

cómo elegir fuentes

La legibilidad de la fuente es especialmente importante para secciones de texto más largas. Trate de evitar el uso de fonts elaboradas (script) o texto en mayúsculas, ya que estas opciones pueden forzar la vista. Guárdelos para títulos o encabezados.

El gráfico anterior usa  fuentes serif sans serif , que generalmente son una mejor opción. El diseño también presenta un contraste muy alto en los colores. El fondo es muy oscuro y el texto es blanco. Esta es otra excelente manera de aumentar la legibilidad con la fuente.

04. Sea creativo

cómo elegir fuentes

La frase anterior se ha alineado para formar un rectángulo, creando un bloque de texto geométrico.

Para que las diferentes palabras se ajusten a la forma, se ha modificado el tamaño de fuente de cada línea de texto. Además, se ha aumentado el espacio entre letras de la segunda línea. Esta es una forma creativa y sencilla de aumentar el impacto de su mensaje.

05. Usa fuentes que se adapten a tu estilo

cómo elegir fuentes

Las fuentes eficaces siempre deben realzar el mensaje que está tratando de transmitir. El título anterior usa una fuente cursiva: Yellowtail. Esto se adapta al contenido divertido e informal del gráfico, que muestra gofres como un regalo de fin de semana y le da un sentido de personalidad.

Para equilibrar este estilo elaborado, se ha utilizado Raleway (que es un sans serif) para complementar o equilibrar la palabra ‘waffles’. 

¿Quieres conocer nuestros servicios? www.dineroclub.com

¿Tienes interés en conocer más de 2500 publicaciones sobre temas diversos? Haz clic en www.dineroclub.net

Seguramente no conoces el mayor hotel del mundo con 10.000 habitaciones.




ESTAS GAFAS DE FIBRA DE CARBONO SON IRROMPIBLES

Toda persona que ha usado anteojos recetados sabe con seguridad que se produce un dolor en la parte trasera al usar gafas de sol, usar gafas protectoras como gafas o máscaras y usar auriculares VR. 

Los anteojos recetados pueden ser un obstáculo, ya que a menudo se interponen en el camino de las gafas o los auriculares, y esto se está convirtiendo lentamente en un problema de discapacidad, dado que aproximadamente el 60% de los El mundo tiene una visión inferior a 20/20.

Las gafas que Nuke Optics está construyendo son bastante bonitas por muchas razones, pero la más importante es el hecho de que permiten que las gafas graduadas se adapten directamente a sus marcos. Permitiendo que cualquier persona use gafas de sol o anteojos de alto rendimiento sin tener que preocuparse por los lentes recetados, estos marcos de Nuke Optics tienen ajustes a presión en la parte posterior, lo que le permite sujetar sus propios lentes a las gafas.

Los marcos se modelan con gafas protectoras de alto rendimiento. Utilizan un compuesto de fibra de carbono para su construcción, lo que los hace virtualmente indestructibles, una propiedad que combina bien con su estética increíblemente vanguardista. Los marcos también son modulares, lo que le permite cambiar entre la varilla del templo de diferentes diseños, lo que le brinda el poder no solo de agregar lentes recetados a un par de anteojos de alto rendimiento, sino también personalizarlos eligiendo entre una amplia variedad de tallos de la sien construye tu par de gafas personalizadas.

Los cuadros compuestos de fibra de carbono se presentan en tres estilos (con tres diseños más que se lanzarán a medida que se crucen los objetivos de financiación). Con su actitud deportiva y miradas mercuriales reflectantes, las gafas son muy adecuadas para la conducción al aire libre y los deportes … mientras que la construcción compuesta de fibra de carbono promete una vida útil incluso en las condiciones más exigentes. Además, no olvidemos que también son compatibles con las lentes graduadas, ¡lo cual es una gran ganancia para todos nosotros!

Diseñador: M. Samy




¡INSPIRADA EN LA CALIGRAFÍA CHINA, ESTA COLECCIÓN DE DISEÑOS DE MUEBLES DE MADERA ES PURA OBRA DE ARTE!

Inspirado por Caoshu, el arte de la escritura en pincel cursivo chino, el diseñador de productos surcoreano Chulan Kwak creó su colección de muebles llamada ‘Estructura cursiva’. Kwak se llama a sí mismo un “dador de formas” y esto se refleja claramente en sus diseños. Imitando las letras elegantes y fluidas de Caoshu, las piezas parecen dragones volando por el cielo, y han sido nombradas la Mesa Consola del Dragón y la Silla del Dragón con razón.

Transformó los trazos de Caoshu en hermosos diseños 3D aplicando técnicas artesanales de papel a la carpintería. Al doblar la madera contrachapada, creó bases curvas y luego las remató con paneles de acero inoxidable, que sirven como área de asientos y mesas, respectivamente.

Luego, las piezas se tiñeron con tinta negra para retener la esencia de la caligrafía china.

Diseñador: Chulan Kwak

La Dragon Console Chair es un hermoso enredo de madera negra con un asiento de acero inoxidable para sellar el trato. Tridimensional y escultural, es la combinación perfecta de diseño y arte. Extremadamente minimalista y nítido, me pregunto qué tan cómoda será realmente la silla si alguien se deslizara sobre ella.

El siguiente en la línea es la Tabla de la Consola del Dragón. La forma orgánica de madera también se impone aquí, con un panel de acero inoxidable aún más largo que funciona como una mesa. Un extremo de la curvilínea estructura de madera atraviesa la mesa creando una estética muy cruda, haciendo que el extremo parezca sumergido en la placa metálica.

 




Inteligencia artificial y el futuro del diseño web

La industria del diseño web cambia constantemente a medida que la tecnología madura e involucra. Ya sea que se trate de estilos cambiantes, nuevas prácticas recomendadas o la implementación de tecnología innovadora, hemos visto cómo Internet evoluciona en las últimas décadas.

Desarrollos importantes como el acceso a Internet de alta velocidad han llevado a experiencias mejoradas para la mayoría de los usuarios. También hemos visto contenido multimedia y HTML5 convertido en los nuevos estándares.

Pero las cosas están comenzando a cambiar para el diseño web, y un nuevo tipo de tecnología está emergiendo lentamente como el futuro de esta industria.

En este artículo, discutiremos cómo la inteligencia artificial (IA) está transformando rápidamente la forma en que se construyen los sitios web y cómo funcionan los diseñadores.

¿Cómo afecta la IA al mundo del diseño web?

En algunas aplicaciones, la tecnología de inteligencia artificial tiene el poder de diseñar y crear sitios web por sí sola. Take Maker, una plataforma única que permite a los diseñadores web crear sitios web completamente funcionales a partir de un simple archivo de imagen.

Este tipo de diseño a menudo se conoce como inteligencia de diseño artificial (ADI). Y los diseñadores web están comenzando a notar y buscar nuevas formas de implementar ADI en sus flujos de trabajo.

¿Cómo puede AI transformar el diseño web?

El diseño web tradicional siempre ha sido completado por un diseñador individual o un equipo de diseñadores. Estos diseñadores usan una mezcla de codificación y, en algunos casos, plantillas prediseñadas para crear diseños de sitios web únicos.

Pero a medida que la IA se ha vuelto más inteligente, ha comenzado a ingresar al mundo del diseño web. Esta tecnología se está volviendo tan avanzada que incluso puede competir con los diseñadores en términos de creatividad, originalidad y personalización.

 

Y en muchos casos, incluso puede analizar datos de páginas web existentes para crear diseños altamente personalizados.

Esto lo convierte en una herramienta poderosa para reducir las tediosas tareas manuales que a menudo vienen con la experiencia de diseño web. También presenta a las empresas una herramienta poderosa para reducir costos cuando se trata de diseño web.

¿Cómo se usa actualmente la IA en el diseño web?

Wix y Squarespace son ejemplos de plataformas de creación de sitios web que aprovechan la tecnología ADI. Estas plataformas permiten a los usuarios elegir plantillas generadas por ADI y personalizarlas según sus necesidades.

Esta tecnología utiliza datos de usted y su sitio web para crear una página única utilizando diseños, imágenes, opciones de texto y más preestablecidos.

¿Qué podemos esperar ver en el futuro?

Si bien ADI seguramente continuará arrasando con la industria del diseño web, es poco probable que los verdaderos diseñadores sean reemplazados.

ADI puede incluso verse como una forma para que los diseñadores sean más eficientes. Se ha sugerido que AI podría ayudar en el proceso de diseño al sugerir variaciones de diseño y mejorar el proceso de selección de fuentes, al tiempo que permite a los diseñadores web asumir los aspectos más creativos de la construcción de sitios web.

Hay muchas razones por las cuales usar un diseñador web real es preferible a permitir que AI diseñe su sitio web por completo. Por ejemplo, los diseñadores web de Globalgraphics continúan encontrando formas innovadoras y únicas de crear sitios web que van mucho más allá de los diseños de inteligencia artificial que se encuentran en plataformas como Wix y Squarespace.

Los diseñadores web experimentados pueden integrar varias plataformas con tecnología de inteligencia artificial en su sitio web, al mismo tiempo que brindan soporte en vivo, experiencia en marketing, asesoramiento SEO, soluciones de diseño creativo y más.

Los humanos y la IA pueden coexistir en el futuro del diseño web

La IA, sin duda, está transformando la industria del diseño web. La nueva tecnología hace posible que los sistemas computarizados diseñen sitios web únicos y funcionales para casi cualquier persona.

Pero para las empresas que necesitan sitios web que van más allá de los diseños estandarizados diseñados por AI, nada podrá superar a un diseñador web en vivo real.

Lo que probablemente depare el futuro es una integración tanto de IA como de diseñadores “reales”. Debido a que gran parte del proceso de diseño web no es realmente tan creativo, agregar algunas características de IA podría simplificar y acelerar el proceso de diseño para diseñadores humanos.




Arte Digital: Utilizando matemáticas y código, Alvaro Abril genera un nuevo tipo de arte

Soy Alvaro Abril, Director de www.dineroclub.net. Espero que disfrute de estas imágenes, una muestra de mi colección de arte digital, creado con el avanzado lenguaje LiveCode (utilizado para IoT, Machine Learning e Inteligencia artificial) y matemáticas. TODO se basa en la ecuación del círculo formado por seno(x) y cos(y).

Puede escribir a presidencia@dineroclub.com, whatsapp: +573053221527 para comunicarse.

Hotel Las Islas
Alvaro Abril, Director de Dineroclub.net en su visita al Hotel Las Islas

El objetivo final a mediano plazo es que el mismo software sea capaz de crear arte abstracto de calidad, que no se diferencia del desarrollado por un ser humano. Soy estudioso permanente de Machine Learning, Inteligencia Artificial, Simulaciones, Big Data y Gamification.

En este trabajo, tanto la forma como el color está controlado por funciones matemáticas, es un estilo de dibujo difícilmente imitable si es pintado por un ser humano.

 




70 empaques creativos para botellas




Mugs inusuales – unusual – Los más raros del planeta




Consejos para hacer presentaciones de PowerPoint eficaces

Conozca hoy algunos aspectos que le pueden ayudar a crear presentaciones de Microsoft PowerPoint impactantes.

Fuentes

  • Seleccione una sola fuente sans-serif como Arial o Helvetica. Evite las fuentes serif como Times New Roman o Palatino porque estas fuentes a veces son más difíciles de leer.
  • No utilice un tamaño de fuente inferior a 24 puntos.
  • Utilice la misma fuente para todos sus titulares.
  • Seleccione una fuente para el cuerpo del texto y otra para los titulares.
  • Use negrita y diferentes tamaños de esas fuentes para títulos y subtítulos.
  • Agregue una cuarta fuente para los números de página o como fuente secundaria para las barras laterales.
  • No utilice más de cuatro fuentes en una publicación.
  • Etiquete claramente cada pantalla. Utilice una fuente más grande (35-45 puntos) o un color diferente para el título.
  • Utilice fuentes más grandes para indicar importancia.
  • Use diferentes colores, tamaños y estilos (p. Ej., Negrita) para generar impacto.
  • Evite las fuentes en cursiva, ya que son difíciles de leer rápidamente.
  • Evite las oraciones largas.
  • Evite abreviaturas y acrónimos.
  • Limite los signos de puntuación.
  • No más de 6-8 palabras por línea
  • Para las viñetas, use la regla 6 x 6. Un pensamiento por línea con no más de 6 palabras por línea y no más de 6 líneas por diapositiva
  • Utilice texto oscuro sobre fondo claro o texto claro sobre fondo oscuro. Sin embargo, los fondos oscuros a veces dificultan la lectura del texto para algunas personas.
  • No use todo en mayúsculas excepto para los títulos.
  • Coloque elementos repetidos (como números de página) en la misma ubicación en cada página de un documento de varias páginas.
  •  Para probar la fuente, párese a dos metros del monitor y vea si puede leer la diapositiva.

Diseño e imágenes gráficas

  • Utilice plantillas de diseño.
  • Estandarice la posición, los colores y los estilos.
  • Incluya solo la información necesaria.
  • Limite la información a lo esencial.
  • El contenido debe ser evidente por sí mismo
  • Use colores que contrasten y complementen.
  • Demasiadas diapositivas pueden perder audiencia.
  • Mantenga el fondo consistente y sutil.
  • Limite el número de transiciones utilizadas. A menudo es mejor usar solo uno para que la audiencia sepa qué esperar.
  • Utilice un solo estilo de dingbat para las viñetas en toda la página.
  • Utilice la misma regla gráfica en la parte superior de todas las páginas de un documento de varias páginas.
  • Utilice una o dos imágenes grandes en lugar de varias imágenes pequeñas.
  • Priorice las imágenes en lugar de un aluvión de imágenes para atraer la atención.
  • Haga todas las imágenes del mismo tamaño.
  • Usa el mismo borde.
  • Organice las imágenes vertical u horizontalmente.
  • Use solo texto suficiente cuando use cuadros o imágenes gráficas para explicar el cuadro o gráfico y etiquetar claramente la imagen.
  • Mantenga el diseño limpio y ordenado. Deje un espacio vacío alrededor del texto y las imágenes gráficas.
  • Utilice imágenes prediseñadas de calidad y úselo con moderación. Una imagen gráfica debe relacionarse y mejorar el tema de la diapositiva.
  • Intente utilizar el mismo estilo de imagen gráfica en toda la presentación (p. Ej., Dibujos animados, fotografías)
  • Limite el número de imágenes gráficas en cada diapositiva.
  • La repetición de una imagen refuerza el mensaje. Ate el número de copias de una imagen a los números de su texto.
  • Cambie el tamaño, cambie el color, invierta para convertir una imagen en muchas. Utilice duplicados de distintos tamaños, colores y orientaciones para multiplicar la utilidad de una única imagen prediseñada.
  • Haga que una sola imagen se destaque con un contraste espectacular. Utilice el color para realizar un cambio dramático en una sola copia de su imagen prediseñada.
  • Verifique todas las imágenes en una pantalla de proyección antes de la presentación real.
  • Evite las imágenes llamativas y los efectos de animación ruidosos a menos que se relacionen directamente con la diapositiva.

Color

  • Limite la cantidad de colores en una sola pantalla.
  • Los colores brillantes hacen que los objetos pequeños y las líneas finas se destaquen. Sin embargo, algunos colores vibrantes son difíciles de leer cuando se proyectan.
  • No use más de cuatro colores en un gráfico.
  • Verifique todos los colores en una pantalla de proyección antes de la presentación real. Los colores pueden proyectarse de manera diferente a lo que aparece en el monitor.

Presentación general

  • Planifique con cuidado.
  • Haz tu investigación.
  • Conozca a su audiencia.
  • Programa tu presentación.
  • Habla de forma cómoda y clara.
  • Revisa la ortografía y la gramática.
  • No lea la presentación. Practique la presentación para que pueda hablar con viñetas. El texto debe ser una señal para el presentador en lugar de un mensaje para el espectador.
  • Dé una breve descripción al principio. Luego presente la información. Finalmente, repase los puntos importantes.
  • A menudo es más efectivo que los puntos con viñetas aparezcan uno a la vez para que la audiencia escuche al presentador en lugar de leer la pantalla.
  • Use un mouse inalámbrico o levante el mouse con cable para que pueda moverse mientras habla.
  • Si se utilizan efectos de sonido, espere hasta que el sonido haya terminado para hablar.
  • Si el contenido es complejo, imprima las diapositivas para que la audiencia pueda tomar notas.
  • No le des la espalda a la audiencia. Intente colocar el monitor de modo que pueda hablar desde él.



7 combinaciones de fuentes femeninas para su negocio creativo

Al seleccionar una fuente para su marca, es importante comprender las variaciones de fuente, las combinaciones de fuentes apropiadas y los mejores usos para cada tipo de letra.

Las fuentes pueden crear un sentido de autoridad, urgencia o efecto de bienvenida. Eso hace que sea importante comprender un poco el trasfondo asociado con la tipografía y su historia. Cuando comienzas a emparejar fuentes para tu marca, puede ser un poco abrumador. Ahí es donde entra en juego esta publicación de blog.

Estoy compartiendo 7 fuentes femeninas gratuitas que puede comenzar a usar en su marca hoy. Con cada ejemplo de fuente, analizo la categorización del tipo de letra, los usos generales y ofrezco algunas ideas de combinación.

7 combinaciones de fuentes femeninas gratuitas para su negocio creativo | Ya no es necesario estudiar tipografía ni investigar las mejores prácticas de fuentes. Esta publicación de blog le brinda todos los detalles. Siga leyendo en www.jordanprindledesigns.com #branddesign #squarespacedesign
Nota: esta publicación contiene enlaces de afiliados. Cualquier comisión que gane no tiene costo adicional para usted. Pero nunca recomiendo herramientas, recursos o fuentes que no use y ame. Promesa.
 

CONCEPTOS BÁSICOS DE TIPOGRAFÍA

Antes de sumergirme en compartir todos los tipos de letra femeninos que he recopilado para esta publicación de blog, ¡hay algunos conceptos básicos de tipografía que quiero asegurarme de cubrir!

En primer lugar, es muy importante saber cómo utilizar las fuentes de forma legal. No todas las fuentes están disponibles de forma gratuita y las que lo están, normalmente no son gratuitas para uso comercial. Por lo tanto, si planea usar una fuente fuera de esta lista, le recomiendo que consulte esta publicación de blog .

Nota: Todas las fuentes en esta publicación de blog son gratuitas para uso comercial, ¡pero es algo que todavía creo que vale la pena tener en cuenta desde el principio!

Además, creo que es muy importante saber cómo diseñar y utilizar fuentes para garantizar que siempre se vean de la mejor manera. ¡Tomé un curso de Kimi Kinsey que abarca todos los increíbles detalles esenciales del diseño con tipografía que recomiendo encarecidamente!

COMBINACIONES DE FUENTES FEMENINAS

Bien, ahora que tenemos algunas de las aburridas fuentes, ¡vayamos a esas hermosas y femeninas fuentes!

1 | PANTALLA PLAYFAIR

Playfair Display es un tipo de letra serif de pantalla. Tradicionalmente, un tipo de letra de pantalla está diseñado para usarse en tamaños grandes. Esto hace que las fuentes de visualización sean más apropiadas para los títulos que para el texto del cuerpo. Los tipos de letra de pantalla suelen tener diseños más excéntricos y variables que los tipos de letra simples y relativamente restringidos que se utilizan generalmente para el texto del cuerpo. Este tipo de letra también se parece a la categoría de tipo de letra serif, que explico en Merriweather.

Combina bien con: Quicksand, Raleway y Lato.

7 fuentes femeninas para su negocio creativo | Pantalla Playfair

2 | MERRIWEATHER

Merriweather es un tipo de letra serif. Un serif es una pequeña línea unida al final de un trazo en una letra o símbolo. Las fuentes serif se utilizan mejor para materiales impresos y texto de mayor tamaño. Sin embargo, Merriweather fue diseñado para usarse para lectura en pantalla. Serif se considera más tradicional, formal y clásico.

Combina bien con: Quicksand, Raleway y Lato.

7 fuentes femeninas para su negocio creativo | Merriweather

3 | ARENA MOVEDIZA

Quicksand es un tipo de letra display sans serif. Tradicionalmente, un tipo de letra de pantalla está diseñado para usarse en tamaños grandes. Esto hace que las fuentes de visualización sean más apropiadas para los títulos que para el texto del cuerpo. Los tipos de letra de pantalla suelen tener diseños más excéntricos y variables que los tipos de letra simples y relativamente restringidos que se utilizan generalmente para el texto del cuerpo. Este tipo de letra también se parece a la categoría de tipo de letra sans serif, que expliqué en la categoría de Oswald

Combina bien con: Lora, IBM Plex Serif y Merriweather.

7 fuentes femeninas para su negocio creativo | Arena movediza

4 | IBM PLEX SERIF

IBM Plex Serif es un tipo de letra serif. Un serif es una pequeña línea unida al final de un trazo en una letra o símbolo. Las fuentes serif se utilizan mejor para materiales impresos y texto de mayor tamaño. Serif se considera más tradicional, formal y clásico.

Dato curioso: IBM Plex ™ es el nuevo tipo de letra corporativo de IBM en todo el mundo y un proyecto de código abierto desarrollado por el equipo de IBM Brand & Experience (BX&D).

Combina bien con: Quicksand, Raleway y Lato.

7 fuentes femeninas para su negocio creativo | IBM Plex Serif

5 | LATO

Lato es un tipo de letra sans serif. Un tipo de letra sans serif es una forma de letra que no tiene características de extensión llamadas “ serif ” al final de los trazos. Estas serifas también se pueden denominar “pies”. Las fuentes sans serif se utilizan mejor para grandes cantidades de texto para lectura en pantalla, ya que se cree que son más legibles. Las fuentes sans serif también se consideran más modernas, amigables e informales.

Combina bien con: Playfair Display, IBM Plex Serif y Merriweather.

7 fuentes femeninas para su negocio creativo | Lato

6 | RALEWAY

Raleway es una elegante familia tipográfica sans-serif destinada a títulos y otros usos de gran tamaño. Un tipo de letra sans serif es una forma de letra que no tiene características de extensión llamadas “ serif ” al final de los trazos. Estas serifas también se pueden denominar “pies”. Las fuentes sans serif se utilizan mejor para grandes cantidades de texto para lectura en pantalla, ya que se cree que son más legibles. Las fuentes sans serif también se consideran más modernas, amigables e informales.

Combina bien con: Playfair Display, IBM Plex Serif y Quicksand.

7 fuentes femeninas para su negocio creativo | Raleway

7 | LORA

Lora es una tipografía serif contemporánea bien equilibrada. Un serif es una pequeña línea unida al final de un trazo en una letra o símbolo. Las fuentes serif se utilizan mejor para materiales impresos y texto de mayor tamaño. Serif se considera más tradicional, formal y clásico.

Combina bien con: Raleway, Oswald y Lato.

7 fuentes femeninas para su negocio creativo | Lora
fuente de la publicación: AQUÍ



El envase futurista de Coca-Cola: Mystic Bottle

La icónica botella de Coca-Cola ha alcanzado la mayoría de edad. Bueno conceptualmente al menos tiene. El diseñador francés Jerome Olivet es responsable de esta versión radical de la clásica botella de cola. Si el futuro Coke obtiene esto como su embalaje, entonces el futuro se ve muy bien. Muy bueno de verdad.

Traducido de la descripción original de los diseñadores , la botella adquiere una vida propia:

Sorprende lo místico por su belleza e intensidad. Fue creado para vivir un momento intenso y fugaz. Su estilo picante describe un mundo sobrenatural que se eleva hacia el cielo. Su piel tiene una experiencia espiritual única esculpida. Descubrimos en la palma de nuestra mano formas suaves y aerodinámicas. Su superficie viva está formada por una fuerza misteriosa y transparente. Nos envía toda la energía y la emoción de Coca-Cola. Sus líneas atractivas y su color rojo dan felicidad en 3 dimensiones. Ambas formas orgánicas se entrelazan y forman un cuerpo ambiguo y fascinante. Su silueta amorosa, se enlaza con una verdadera poesía popular. – Créditos y derechos de autor Jérôme Olivet , 2010

 




Mike Dargas hyper-realism artist – Artista hiperrealista

Mike Dargas was born in 1983 in Cologne, Germany. 

Alongside his first drawings, he started making paintings with oil paint from a young age, which he was selling to friends of his mother.

At age eleven, Mike Dargas exhibited his talent publicly, drawing old masters paintings with pastel and chalk on the pavement in front of the Cologne cathedral.

He then got accepted in an art school, from which he graduated after a year and a half, the only child in a class of adults.

There, he learnt different techniques, and received a training that led him to master three dimensional arts, like wooden sculptures.

In his early twenties, he built himself a solid reputation in the tattoo scene and won numerous prizes and awards.

Inspired by artists such as Dali, Caravaggio and HR Giger, Mike Dargas studied various techniques and since his youth developed a passion for realism, which he narrowed down over the years to hyperrealism.

The extremely precise technique with oil paint gives, like a photography, a snapshot of the moment. The artist studies his subjects with such intensity, that each portrait pictures a profile of increasing intimate closeness.

In his portraits, Mike Dargas is not limited to certain types. He paints young and old, beautiful and dark, fragile and strong people.

They are lost in their thoughts, show inner conflict or convey a unique or even holy calmness.

The perfection of his technique serves his goal to tend towards the perfect image, reaching for the soul within each single one.

Through his works, Mike Dargas challenges us to take a closer look, to understand the nature of human being and to question our own emotional perception.

The artist lives and works in Cologne, Germany.

http://www.mikedargas.com

 




Manta5 Hydrofoil ebike comienza la producción, con más modelos planeados

El Hydrofoiler Manta5 XE-1 apareció por primera vez en nuestro radar a fines de 2017 , con el registro de preventa informado en julio de 2018 y una ejecución de producción piloto a pequeña escala entregada a los clientes en diciembre de 2019. Una aparición en CES 2020 atrajo un gran interés, con Hydrofoiler, tendencia n. ° 1 en Google # CES2020 entre 4.500 expositores y lanzamientos de alta tecnología en todo el mundo.

Luego vino COVID-19, y aunque el país de origen de Manta5, Nueva Zelanda, estaba libre de COVID, el verano del hemisferio norte de 2020 vio bloqueos masivos en los países objetivo de distribución y la producción a gran escala se retrasó hasta hace poco. Con la producción a escala ahora en marcha en China, el modelo de producción de hidroala Manta5 XE-1 hizo su primera aparición en el Sanctuary Cove International Boat Show el fin de semana pasado.

El ciclista que busca hacer el máximo esfuerzo físico puede alcanzar velocidades de 12 mph (22 km / h) y obtener hasta 4.5 horas de viaje en el XE-1 asistido por pedaleo. 
Actualmente, las unidades de producción están disponibles en los Estados Unidos ($ 9,000), Reino Unido (£ 6,700), Europa (€ 7,990) y Nueva Zelanda (NZ $ 13,000) con Manta5 buscando distribuidores en los países del hemisferio sur. La distribución todavía está disponible en algunos estados de Australia, Sudáfrica y la mayoría de los países de América del Sur.
El hidroplano Manta5 XE-1 se demostró en las carreras de la Copa América en el puerto de Auckland en marzo de 2021, donde volvió a crear un revuelo publicitario ya que utiliza la misma tecnología de hidroala que exhiben los protagonistas de la Copa, Emirates Team New Zealand y Luna Rossa Prada Pirelli .



LLEGA NUEVA VERSIÓN DEL EDITOR DE GRÁFICOS VECTORIALES INKSCAPE CON VARIADAS NOVEDADES

Dentro del segmento de las aplicaciones de código abierto, para sistemas de escritorio, existen una serie de aplicaciones bastantes conocidas y muy recomendadas por los entusiastas de las aplicaciones y los sistemas de código abierto.

Una de ellas en Inkscape, aplicación especializada en la edición de gráficos vectoriales, cometido similar al de las conocidas aplicaciones comerciales y de código cerrado como Adobe Ilustrator o Corel Draw, entre otras.

Inkscape trae ahora una nueva versión con variadas e interesantes novedades, llegando un año después de la esperada versión 1.0 que tantas alegrías trajo tras 16 años de larga espera por parte de los usuarios más entusiastas de la misma.

Alcanzando la madurez con el paso del tiempo

– Acorde a la lista de novedades, lo primero de todo es la renovación de la pantalla de bienvenida, que ahora ofrece tres opciones: configuración rápida de una serie de elementos, enlaces donde entrar para contribuir al proyecto, y para la configuración del documento donde se va a trabajar.

– También llega una Paleta de Comandos que aparecerá tras presionar la tecla ? y que permite la búsqueda y uso de muchas funciones sin necesidad de atajos de teclado ni de uso de los menús.

– Con la herramienta Nodo ahora es posible copiar, cortar y pegar partes de trazados.

– Se ha reescrito el sistema de acoplamiento de cuadros de diálogo dando solución a muchos de los problemas con los cuadros de diálogo acoplados y permite además acoplar cuadros de diálogo a ambos lados de la pantalla.

– Llega el nuevo modo de superposición de contorno (Outline Overlay mode) con el se consigue visualizar los contornos de los objetos al mismo tiempo que muestra sus colores reales.

– Llega el nuevo campo de búsqueda que facilita el acceso a las opciones de preferencias.

– Ya no es necesario hacer clic en la opción Exportar en el cuadro de diálogo Exportar PNG ya que la misma ocurrirá al hacer clic en Guardar en el cuadro de diálogo de selección de archivos.

– Llega el soporte para la exportación directa en formatos JPG, TIFF, PNG optimizada y WebP directamente en la aplicación.

– Al pegar un objeto copiado ahora Inkscape lo pega directamente sobre el objeto seleccionado de forma predeterminada.

– Y por último, y en fase beta, llega Extension Manager, para actualizar extensiones e instalar extensiones adicionales.

Los interesados ya pueden actualizar, o en su caso instalar por primera vez, a la nueva versión de Inkscape, disponible para Windows, Linux y macOS.




¿Qué es un Pop Up?

Un pop-up o ventana emergente, es una ventana flotante flotante que aparece repentinamente o tras una acción concreta de un un usuario con la página web.

Normalmente, estos pop ups suelen aparecer tras abrir un programa nuevo, tras hacer hacer click sobre un botón en concreto o realizar cualquier tipo de acción en la página web (Interactuar con la página web).

Tipos de pop ups

En la actualidad existen dos tipos de pop ups clasificables en función del impacto de los mismos sobre el usuario:

  • Pop ups agresivos. Estos pop ups ocupan el 100% de la pantalla del usuario para evitar distracciones externas del mismo y que el usuario se centre únicamente en el contenido del popup.
  • Pop ups amigables. Permiten la visualización de contenido ajeno al propio pop up de forma que el usuario no estará obligado a visualizar si o si el contenido de la ventaja emergente.

¿Qué ventajas tienen los pop ups?

Entre las ventajas de utilizar pop ups o ventanas emergentes se encuentran:

  • Captarán la atención de los usuarios de forma total. 
  • Bien empleados, te ayudarán a mejorar de la conversión y la obtención de leads en tu página web.
  • Incentivarán al usuario a realizar una acción en la página web mejorando su experiencia de usuario.
  • Bien utilizados, estas ventanas emergentes te ayudarán a disminuir el porcentaje de rebote de tu página web.

¿Cuáles son las desventajas de las ventanas emergentes?

Dentro del mundo digital, las ventanas emergentes también tienen una serie de desventajas como:

  • Invaden la navegación del usuario.
  • Pueden ser demasiado agresivos y lograr el objetivo contrario al deseado, provocando un aumento del porcentaje de rebote.
  • Pueden entenderse como virus si no se es claro en en los textos del popup.
  • Algunos bloqueadores de ventanas emergentes no permiten este tipo de prácticas.

Consejos a la hora de crear un pop up

A la hora de crear tu propio pop up será recomendable seguir esta serie de consejos:

  1. Se claro y directo. Es decir, di al usuario en pocas palabras que conseguirá si interactúa con el popup.
  2. Utiliza CTA o Call to Action dentro del popup en colores diferentes para incentivar la acción del usuario.
  3. Muestra el pop up solo cuando se den unas condiciones determinadas para que el usuario interactue con el.
  4. Si el usuario cierra una vez la ventana emergente no se la muestres más veces. Será invasivo y contraproducente.



10 tips para crear banners exitosos

En Internet nos encontramos cada día cientos de banners en las páginas que visitamos, en vídeos y en ventanas emergente que siempre intentamos eliminar.

Por esa cantidad de mensajes visuales, las campañas online tienen un gran reto a la hora de crear banners que realmente lleguen al usuario y más nosotros, los diseñadores, para realizarlos diferentes y atractivos.

Para facilitarte el camino de un buen diseño de banner te damos unos consejos que te van a ser de gran ayuda.

Consejos para el diseño de banners

1- Piensa antes de hacer el banner

Puede que en la empresa que trabajas tengas un equipo de marketing que piensa en todo, pero lo habitual no es eso, normalmente es un cliente o jefe/a que tan solo te dice ¡hazme un banner!. Aquí es donde tienes que parar ¡STOP! y sin dejar que pase ni un segundo le digas: “Si perfecto te hago un banner pero necesito que me digas”:

Objetivo del banner: vender un nuevo artículo, anunciar una oferta, dar a conocer la empresa, informar, etc.

– El logo o logos que se quiere poner: si hay varios cual es más importante y en qué orden.

– Las frases: eslogan, destacado, nombre o textos secundarios, etc

– Si se quiere animación realmente: a veces tan solo se necesita una imagen, así que si empiezas sin saber eso puede que hayas malgastado un dia entero en algo que no se va a hacer.

– El orden de la animación: que el cliente con tu ayuda te cree un story board breve de las escenas.

– Fecha de entrega: un banner comporta mucho tiempo si está animado, muchos de vosotros ya lo sabéis, así que si ha de estar el mismo dia decir que de animación nada o solo un detalle. Si tenéis unos días dependerá de si la campaña es fuerte, realmente lo necesita o queréis luciros.

2- Conoce el target y webs donde se implementará el banner

El público objetivo o target a quién va dirigido es fundamental a la hora de diseñarlo, porque atraerá la mirada del usuario que vaya a entrar realmente. No es lo mismo anunciar Nike women que un anuncio del ayuntamiento para anunciar las fiestas municipales.

En los banner de tipo general sin rango de edad, como supermercados, información del ayuntamiento,etc es mejor dar una imagen neutra, con una imagen y elementos estéticos planos o fondo blanco o plano y textos sin serifa), en cambio en anuncios rompedores mejor usar un toque o línea de color interesante y corporativo, algún eslogan en texto legible pero ligeramente más grueso o diferente tipografía que el resto.

Conocer el target también nos ayudará a saber el tiempo de las animaciones, más lenta o más rápida dependiendo de la edad a quien va dirigido.

En qué webs y en qué zona de esa web estarà situado es fundamental para captar la atención del usuario. Si está en la cabecera es más fácil la captación, pero has de saber que los banner de cabeceras a veces están programados para que salgan cada 3 entradas en la web, no estará siempre allí. Si es vertical lateral también tendrás protagonismo pero los mensajes se tendrán que situar mayoritariamente en la parte superior (a veces no se baja a ver el resto de web)

Si está en alguna columna interior, con otras noticias o banners es bueno saberlo para aplicar un fondo diferente o lo contrario parecer parte de la noticia, dependiendo del tipo de mensaje del banner.

3- Mira la competencia

Para ser diferente de la competencia tienes que observarla, evitar parecerte mucho a ella, utilizar otros colores y diferentes imágenes, porque a veces se crean banner con imágenes sacadas de bancos de imágenes profesionales, y si coinciden dos campañas con las mismas imágenes puede dar problemas de confusión al usuario y legales a la empresa, ¡así que mucho cuidado!!

4- Tamaños de banners estándar

En algunas campañas se sabe los tamaños de los banners porque se contrata espacios específicos, pero la mayoría de veces se crean tamaños inesperados a lo largo de la campaña. así que mejor diseñar sabiendo que el banner puede ser rectangular, cuadrado o verticales.

Tenemos las ventajas de los tamaños estándar para cabeceras de web, entre noticas y en columnas, así que aprovéchalos y evitarás algunos cambios. Los tamaños más utilizados son:

  • Robapáginas: 200×200 px

  • Banner: 468×60 px

  • Megabanner: 728×90 px

  • Rascacielos: 120×600 px

Importante homogeneizar: Recuerda que la campaña será la misma, son los mismos contenidos de textos, logos, imágenes y animación, pero tan solo cambia el formato.

5- Jerarquía de elementos y animación clara

Como solo tienes unos segundos para mostrar el banner recuerda poner el logo siempre o al menos al inicio (menos que sea una estrategia de campaña online para captar solo al espectador manteniendo en secreto la marca).

El segundo más importante es el eslogan, en tercer lugar el personaje famoso o imagen de la campaña y luego algún texto adicional.

No dejes lo importante para el final, porque quizás ni lo vea el usuario en las décimas de segundo que le dedica.

Utiliza animaciones infinitas para volver a empezar el banner, porque si está entre noticias o vuelve a subir a la cabecera de la página quizás lo vea al final de la animación.

6- Imágenes de calidad y animaciones sutiles

Es más importante que los textos y fotos del banner se lean y vean bien que una gran animación.

Muchos piensan que al ser un producto por internet y por el poco peso del banner que te exigen (20k-25k normalmente) la calidad de la imagen no es tan importante y si la animación, pero es lo contrario.
Si el banner se ha de ver por web entonces puedes utilizar flash pero si se verá sobre todo en tablets y móviles haz una versión estática en JPG o GIF para que el gestor de banner lo sustituya automáticamente si no es posible verlo el flash.

Una buena solución es crear animaciones en detalles, que capten solo un sitio del banner la atención, suaves y de pocos segundos manteniendo el resto estático, así pesará menos.

7- Mensajes cortos y tipografías legibles rápidamente

Recuerdale al cliente que el eslogan sea corto por lo rápido que pasa la vista el usuario. Si realmente le interesa al usuario ya entrará en la web, donde se puede explicar con detalles la oferta, por ejemplo.

Las fuentes más legibles en pantallas son las sin serifa, así que utilizalas en estos banners y si hay varios textos utiliza bold para diferenciar la jerarquía de lectura. Si el logo de la marca también está en sin serifa entonces utiliza rectángulo de color de fondo para el texto y tamaño diferente al del logo. Hay versiones de fuentes algo diferentes en sin serifa que te puede ayudar.

Si tienes que utilizar con serifa como Times entonces que sea en un tamaño relativamente grande, los detalles en pantalla a partir de 9 puntos hacia menos no se leerá bien.

8- Colores eficaces, que ayuden a ser visto sin molestar al usuario

Recuerda el lema de todo diseñador “Fondos oscuros o saturados texto blanco, fondos claros texto negro”. Evita textos sobre imagen, si te obligan utiliza rectángulos o formas con texto dentro si ha de estar sobre la imagen, o aplica un color degradado plano en esa zona de la imagen contrastando el texto en bold.

9- Animación interesante, no gratuita

Los banners han de destacar, pero eso no quiere decir que se conviertan en un neón luminoso ni que sean como máquinas recreativas con “haz clic aquí” o “entra” constantemente, estos son descartados inmediatamente por el usuario. Como las modas lo que le interesa al usuario es un banner que no moleste pero divertido, como hacer una acción inesperada como el mismo ser una páginas de libro que desaparece, o indicar un personaje que hagas algo con tu ratón en el banner, ahí depende del tipo de target y situación del banner en la web para saber las posibilidades creativas que tienes.

Otra técnica como hemos comentado en el consejo 6 es hacer animaciones sutiles en elementos concretos del banner como movimiento del cabello, un globo que se mueve o un texto determinado del banner que se mueva hacia un lado,etc.

10- Tipos de archivos de banners

Recuerda hacer el banner en diferentes tipos de archivos: swf (flash), GIF y JPG es lo más habitual y lo que acepta más los gestores de banners. Si quieres ahorrar formatos utiliza GIF con imágenes con pocos tonos, fondos y textos de colores planos.

Con estos consejos ya estás más que preparado para hacer banners que SI funcionen, invierte tu imaginación y creatividad para ser diferente y en caso de duda recuerda las claves que te hemos dado, ahorrarás tiempo y energía.