Browse Author: Gabi Guzman

¿Qué es outbound marketing?

¿Outbound Marketing? En esta ocasión te hablaremos de lo que trata esta metodología. ¿Recuerdas que en el post anterior  hablamos de Inbound marketing?

Comprender estos dos términos es importante para todos los que trabajan en el área, ya sea en el marketing digital o en el tradicional.  Sin embargo, todavía es común encontrar a personas que no entienden que significa inbound y outbound marketing, o incluso llegan a confundir estos términos.

¿Qué es outbound marketing?

El Outbound Marketing o marketing tradicional es el conjunto de acciones centrada en el producto o servicio lo cual intenta captar la atención de los clientes, teniendo como objetivo la venta.

La metodología del Outbound Marketing, en pocas palabras, se trata de emplear métodos más agresivos interrumpiendo lo que está viendo, leyendo o escuchando el cliente para hablarle de tu producto o servicio.

Claro ejemplo de outbound marketing es la publicidad que se transmiten en la televisión, en carteles, avisos impresos en periódicos y revistas. Este tipo de marketing tradicional años atrás era muy recurrente ya que éstas eran las únicas maneras de que las marcas llegaran a sus consumidores.             

Características Outbound marketing

  • Es una herramienta utilizada en publicidad que se centra en vender un servicio o un producto en un único sentido.
  • La empresa va hasta el cliente.
  • Los clientes son buscados en medios como radio, televisión, prensa, emailing y también banners.
  • También se caracteriza por aparecer de manera intrusiva.
  • Tiene un costo mayor de adquisición de cliente.
  • Busca ofertar los productos y servicios de la marca de forma directa a través de una prospección activa.

 

Outbound Marketing en la actualidad

Hoy en día Outbound Marketing está perdiendo fuerza frente a lo que hemos conocido como Inbound Marketing, pero es un error dejar del todoa un lado el outbound, ya que ambas estrategias son complementarias.

En la actualidad Outbound Marketing se presenta como esos molestos banners que aparecen al entrar a una página web, o los banners de productos que encontramos posicionados en una parte de la página de noticias de algún medio de comunicación

No se puede decir, que estrategia es mejor ya que todo dependerá de las características de tu empresa, de tus objetivos, recursos y principalmente al público que te diriges.

 

Espero este post te sea de mucha utilidad, por supuesto, esperamos tus sugerencias y comentarios.

¡Comparte si te ha gustado!

¿Inbound Marketing? ¿Cómo puede ayudarme?

Alguna vez has escuchado el  término “Inbound marketing”. Pero, ¿qué significan realmente?

En este artículo veremos lo qué es Inbound Marketing, cuáles son las etapas de la metodología Inbound Marketing, también qué ventajas tiene al llevarlo a cabo.

¿Qué es Inbound Marketing?

Inbound Marketing, consiste en atraer clientes con contenido útil dando soluciones a sus necesidades, básicamente es hacer que sea el usuario el que te encuentre a ti en lugar de ir en busca de ellos. Con el inbound marketing, los usuarios encontraran tu contenido o empresa que se difunden través de distintos canales como blogs, motores de búsqueda y redes sociales.

Este término fue planteado por primera vez en 2005 por Dharmesh Shah y Brian Halligan, que lo definieron como una alternativa al “outbound marketing”. El outbound sería el marketing intrusivo tradicional,   que se caracteriza por presentarse de manera intrusiva.

¿Cómo puede ayudarme Inbound Marketing?

 El inbound marketing consiste en una serie de técnicas no intrusivas que te ayudan a:

  •  Atraer tráfico a tu página web, incrementando el número de visitantes.
  • Hacer que estos visitantes se conviertan en leads de calidad
  • Permite ganarte la confianza de tus clientes.
  • Fidelizar a tus actuales clientes.
  • Automatizar tu marketing para que cada lead reciba información específica sobre tu empresa y se acabe convirtiendo en cliente.

Etapas de la metodología inbound

 La metodología Inbound Marketing función a partir de cuatro fases  

1. Atraer

Aquí la atracción estará hacia aquellos consumidores con la probabilidad para convertirse en tus clientes. Para llamar la atención de los usuarios desconocidos y nuevos visitantes, debes ofrecerles contenido relevante en el momento adecuado. Esto a  partir de técnicas como:

  • Redes sociales

Como hemos viniendo diciendo el contenido de calidad es fundamental, es aquí donde las  redes sociales hacen su función permitiéndote compartir  contenido de valor para atraer tráfico a tu sitio web, para eso debes Identifica las redes sociales más populares e ideales que te permitan interactuar con el usuario.

  • SEO

Cuando tenemos alguna duda o queremos saber de algo lo primero que hacemos ahora es hacer la búsqueda a través de algún buscador. Por ello es muy importante tener un buen posicionamiento dentro de los buscadores. Para poder lograr esto puede utilizar herramientas que te ayuden a definir una estrategia de contenido.

  • Publicación en blogs

Un blog es son de gran ayuda a la hora de  atraer visitantes nuevos a tu sitio web. Para que los clientes potenciales adecuados y puedan encontrarte, debes crear contenido de valor para informarlos y responda sus preguntas. Y sobre todo que tenga que  ver con la temática del servicio o producto que la empresa ofrezca.

2. Convertir.

Es en esta fase donde el usuario encuentra contenido de interés y te deja sus datos de contacto para seguir recibiendo información a través de mensajes, formularios o reuniones. Así, es cuando empieza a generar su propia base de datos de la empresa. 

3. Cerrar

En esta fase los visitantes de tu web ya son leads, pero queremos convertir a estos tus nuevos clientes. Para conseguir esto, puedes utilizar  herramientas de automatización para enviar información relevante a tus contactos según sus necesidades. Así, podrás hacer llegar tus ofertas en el momento apropiado y generar más clientes. 

4. Deleitar

 Así que, en esta fase, intentamos conservara nuestros clientes, por eso, es muy importante interactuar con ellos de una manera correcta  ofreciendo información que les pueda resultar interesante y útil. Así mantenerlos satisfechos y poder generarán un vínculo a largo plazo contigo.

 

¿Cuáles son las claves del Inbound Marketing?

Podemos resumir las claves del inbound marketing en cuatro

  • Lo principal es la creación de contenido relevante y  que aporte valor.
  • No se queda solamente en la captación de visitas, sino que permite cerrar la venta a través del:
  1. Lead scoring: consiste en valorar a travez de una puntuación a los leads o prospectos clientes de acuerdo a cuanto más se acerquen o se alejen de convertirse en clientes.
  2. Lead nurturing: consiste en aportar un tratamiento adecuado a cada lead en función de la puntuación obtenida en el scoring.
  • Cuando desaparece la inversión económica directa no desaparecen sus efectos positivos.
  • Consigue que el coste del lead y del cliente disminuya.

¿Qué ventajas tiene el Inbound Marketing?

  • Atraer tráfico a tu página web, incrementando el número de visitantes.
  • Aporta un mayor conocimiento de nuestro público objetivo.
  • Practicas menos invasivas, por lo cual se hace desde el cliente, sin intromisiones, ni presiones, esto va generan mayor engagement.
  • En el Inbound marketing se establece con el cliente una relación, de enamoramiento con la marca.
  • Fidelización de clientes y por tanto posible incremento de ventas.
  • Creación de contenido de calidad que aporta valor añadido a los usuarios interesados.
  • Difusión de contenido de calidad en las redes sociales.
  • Todo el proceso de marketing, se puede hacer de manera automatizada y personalizada.
  • Los costos de inversión en campañas de Inbound marketing son muy bajos.
  • Nos ayuda a cerrar el círculo de captación de clientes.
  • Así que, Inbound Marketing conlleva muchas ventajas para una empresa hoy en día.

Si crees que este post le puede servir a más gente, Compartiéndolo me ayudas a llegar a ellos.

Déjanos un comentario.

¿Testing A / B?

Tal vez alguna vez te haya pasado que al entrar a una página web a la que frecuentas regularmente  tengan cambios distintos a los que tenía la última vez que  la visitaste. No hay de qué preocuparse la página sigue siendo la misma, probablemente ha pasado que estas frente a un Testing A/B.

El testing A/B es algo que no debe faltar y que no puedes perderte. Así que hoy vamos a ver en qué consisten estos test, cómo y por qué ponerlos en marcha.

¿Qué es a/b testing?

Testing A / B (también conocida como prueba dividida o prueba de depósito) es un proceso para comparar dos versiones de una página web, y así  ver cuál tiene mejor aceptación.

En pocas palabras para ejecutar una prueba A/B, debes crear dos versiones diferentes de una página  web, con cambios en una sola variable. Después se muestran a los usuarios al azar,  y a través de un análisis estadístico determinar cual tiene mejor aceptación entre los usuarios.

¿Por qué se llama a/b testing?

Se llama así, ya que se está comparando dos opciones. En el cual solo hay una pequeña diferencia entre el control y el test.

  • A Control: esta suele ser la primera página web o elemento que ha diseñado.
  • B Test: necesita demostrar con una significación estadística que el test es una mejora sobre el control.

 

¿Por qué hacer a/b testing?

 Testing  A / B te va a permitir a realizar cambios adecuados en las experiencias de usuario. Esto te permitirá construir hipótesis y  así ver que  elementos afectan el comportamiento del usuario.

Al poder probar una idea contra otra esto hará que se reduzca el riesgo de fracaso debido a problemas simples. Las pruebas A/B  también permiten resolver debates, ya que evita llegar a conclusiones equivocadas basadas en suposiciones a cambio de una resolución al problema con usuarios reales.

Prueba multivariable

Este tipo de test es más complejo porque compara más de una variable al mismo tiempo y se requiere de más combinaciones para hacer la prueba.

Para la prueba multivariable se necesita que el sitio tenga un tráfico mucho mayor para obtener una significación estadística relevante sometiendo a prueba una variable a la vez (como color, texto, posición, tamaño, etc.).

Cómo llevar a cabo A / B testing 

1. Elija una variable para probar

Aquí establecerás qué variables son las que vas a probar. Las principales variables son el color, el tamaño, imágenes, la ubicación, contenido, llamada a la acción así como la relación con el resto de componentes.

2. Identifica tu objetivo

Tienes que pensar a profundidad que quieres conseguir al ejecutar  la prueba A/B. Tu objetivo serán las métricas que utiliza para determinar si la variación es más aceptable que la versión original o no.

 3. Generar hipótesis

Es importante decidir qué indicadores son los que se van a tomar como referencia para validar cualquier comparativa. Sólo sabiendo  cómo se van a medir los resultados será posible poder tomar decisiones en tiempo real.

4. Usa una herramienta de prueba A / B.

  • Para hacer una prueba A / B en su sitio web, deberá usar una herramienta de prueba A / B.
  • Comparar sólo una variable cada vez para asegurarte de que la diferencia entre los diversos resultados es consecuencia de dicho cambio.
  • Tener mucho cuidado en el momento en el que se ejecuta cada test comparativo con el fin de que sea cuando los usuarios puedan ayudarte con sus decisiones.

5. Ejecutar test A/B

Aquí los visitantes de su sitio o aplicación serán asignados aleatoriamente al control o a la variación de su experiencia. Su interacción con cada experiencia se mide, se cuenta y se compara para determinar cómo se desempeña cada uno.

6. Analizar resultados

una vez que se complete el experimento, se deberá analizar  los resultados. La herramienta a utilizar presentará los datos del experimento y le mostrará la diferencia entre el rendimiento de las dos versiones de la página y si existe una diferencia significativa.

 

4 herramientas esenciales para A/B Testing

1. Google Analytics

Permite probar hasta diez variaciones de una misma página para analizar cuál de ellas ofrece mejores resultados. Te permite mostrar las páginas a testear de forma aleatoria o marcando un porcentaje del tráfico para cada una de ellas y, para ir haciendo seguimiento, puedes entrar en la plataforma así como configurar la posibilidad de obtener actualizaciones a través del correo electrónico para ver el estado del experimento llevado a cabo.

Ir a Google Analytics

2. Optimizely

Es una herramienta que permite testear tanto páginas web como aplicaciones móviles. La implementación es sencilla y para preparar el test no es necesario tener conocimientos de programación.

Ir a  Optimizely

 3. Visual website Optimizer

Es una plataforma que te permite ajustar, optimizar y personalizar tú sitio web sin ser necesario tener grandes conocimientos técnicos. También cubre el proceso de crear diversas versiones de una página para saber cuál de ellas tiene mejor conversión.

Ir a Visual website Optimizer

4. AB Tasty

AB Tasty permite realizar tests A/B a la vez que testear diversas variaciones y personalizar contenido según el usuario que visita la página. Estos experimentos se pueden llevar a cabo tanto en una web como en sitios móviles y aplicaciones.

Ir a  AB Tasty 

 

Cuéntame tu opinión o duda que tengas.

¡Comparte si te ha gustado!

JPEG, PNG y GIF ¿Cuándo usarlos?

Sabías que las imágenes son uno de los contenidos más atractivos divulgados  en internet. Pero no todos estamos familiarizados con el diseño, lo cual puede ser más difícil para algunos saber con exactitud qué tipo de formato de archivo debería usar en cada situación.

Ya que si usamos el formato equivocado, podríamos alterar la calidad de nuestras imágenes lo cual causaría que nuestras imágenes pierdan su atractivo visual o que nuestro contenido sea más pesado en nuestro sitio web o blog.

Pero, ¿conoces exactamente la diferencia entre cada uno de ellos, o el tipo de formato que debes utilizar en cada caso?

 

¿Tipo de imagen?

Para comenzar hay que entender que contamos con dos tipos de imágenes: Imagen vectorial y el mapa de bits. Es muy importante entender la diferencia entre estos dos tipos.

  • Mapa de bits

Las imágenes bitmap o mapa de bits  son las imágenes que son formadas por varios cuadritos pequeños que vemos cuando damos zoom a la imagen, a estos se les llama pixeles. A cada uno de estos se les asigna un color y, a través de coordenadas X y Y, esos pixeles de colores se posicionan en una malla y, así, forman una imagen.

  • Imagen vectorial

Las imágenes vectoriales o simplemente vectores son imágenes planas, sin sombres muy complejas. Son imágenes que se basan en polígonos formados por puntos, lo cual puedes aumentar un vector cuanto quieras, ya que no hay pérdida de resolución.

 

¿Cuál es el tipo de formato de imagen que tengo que utilizar?

Hay muchos formatos distintos y no todos son ideales para todo tipos de imagen o para contenidos. Estos son algunos de los formatos más utilizados.

 

  • JPEG (Grupo Conjunto de Expertos en Fotografía)

También conocido como JPG, sin duda uno de los formatos más conocidos y utilizados por todos en los medios digitales. Utiliza un complejo algoritmo de compresión de imagen, lo cual puedes equilibrar la calidad y tamaño de la imagen.

Normalmente los archivos JPEG se utilizan en diseño web ya que el formato permite que las páginas carguen más rápido. También son muy recomendados para medios digitales, campañas publicitarias en redes sociales como whatsapp, Pinterest, facebook e Instagram, o promociones.

 

  • PNG (Gráficos Portables de Red)

Es un formato de compresión sin pérdida de información. Además, es un formato que permite utilizar fondos transparentes manteniendo la calidad de imagen.

La desventaja de este formato es que para mejorar la calidad de la imagen el peso de esta también aumenta, en caso de las páginas web causara que esta tarde en cargar.

Pero esto no debe de preocuparnos por que hoy en día existen varias herramientas online que nos ayudaran con este problema, reduciendo el peso de nuestras imágenes manteniendo su calidad de imagen.

Este formato suele utilizarse para web y plataformas online, o en aquellos casos en que la imagen no tenga un fondo.  También este formato es perfecto para logos que necesitan transparencia y degradado.

 

  • GIF (Formato de Intercambio de Gráficos)

GIF fue el primer formato de imágenes que redujo el tamaño de las imágenes y posibilitó la descarga rápida. También admite transparencias y su peso es muy reducido. Sin embargo, el hecho de ser un formato con un tamaño tan pequeño, lo limita demasiado

El GIF puede animarse, lo cual es una de sus principales ventajas frente a otros tipos de archivo. Actualmente es muy utilizado para crear animaciones para Facebook y whatsapp en Android.

Hay más formatos

Claro que existen mucho más formatos, ya algunos de ellos están en desuso, y otros son propietarios de ciertas aplicaciones. Recuerda en utilizar el formato correcto para cada tipo de gráfico y aplicación.

Cuéntame tu opinión o duda que tengas.

¡Comparte si te ha gustado!

 

 

¿Cómo reducir el tamaño de tus imágenes sin perder calidad?

Las imágenes sin duda son clave importante que más peso le da a nuestra web, sin embargo a la gran mayoría se nos olvida optimizar todo el contenido multimedia antes de subirlo a nuestra web.

Reducir el tamaño de las fotos que será parte de nuestro contenido es uno de los factores importantes para mejorar la velocidad, si estos no son optimizadas correctamente consumirá una gran cantidad de recursos del servidor o hosting y lo cual harán mucho más lento.

Hoy en día existen varios formatos que podemos usar en una página web. Lo más recomendable es que siempre que puedas uses el formato JPG ya que permite un alto nivel de compresión sin perder mucha calidad en tus fotos.

 

5 herramientas gratuitas para optimizar y comprimir imágenes sin perder calidad

Es importante contar con herramientas que nos facilite la tarea de optimizar nuestras imágenes con la mejor calidad. Por ello te compartimos 5 herramientas online gratuitas que te permitirán reducir el peso de tus imágenes.

 

1. Compressor.io

Es una herramienta en línea para reducir el tamaño de sus imágenes y fotos, manteniendo una alta calidad casi sin diferencia antes y después de la compresión.

Sin duda una de las mejor ya que te permite comprimir y optimiza tus imágenes hasta 90% de reducción de tamaño de archivo original. Te permite reducir 4 formatos de archivo compatibles JPEG – PNG – GIF – SVG.

También te permite realizar 2 tipos de compresión que son:

  • Loseless la reducción del tamaño será más equilibrada, ya que tu imagen será igual a la original. Este tipo solo está disponible para las fotos en formato JPEG y PNG.
  •  Lossy viene siendo hasta de un 90% reducción de hasta el 90% del tamaño de imagen pero la calidad de la imagen disminuye un poco más.

Ir a Compressor.io  

2. TinyPNG

TinyPNG usa técnicas de compresión con pérdida inteligente para reducir el tamaño de tus archivos PNG y JPG.  Además nos permite subir 20 archivos a la vez de hasta 5 MB cada uno. También con  TinyPNG podremos descargarlas una a una o en conjunto, ya sea en una carpeta comprimida llamada “tinified.zip” o bien alojarlas en nuestra cuenta en Dropbox.

También brinda un plugin para WordPress gratuito y otro de pago para Photoshop.

Ir a  TinyPNG.com

 

3. Optimizilla

Con Optimizilla puedes reducir hasta 20 imágenes en JPG o PNG a la vez. Lo que hace resaltar a Optimizilla de los demás es que una vez que las imágenes están en la cola de compresión, podrás editar el nivel de compresión mediante un deslizador, además es posible comparar con el archivo original.

Ir a Optimizilla 

 

4. Image Optimizer

No te dejes engañar por su aspecto ya que es una de las mejores herramientas para reducir tus fotos e imágenes. Además con Image Optimizer no solo podrás comprimir y optimizar las imágenes, sino que también podrás redimensionarlas.

Solo necesitas subir el archivo, elegir el tamaño de final, y elige entre 6 tipos diferentes de compresión que varían de muy pequeño hasta la mejor calidad. Además image Optimizer también ofrece la herramienta como un aplicación para Windows que puedes descargar de forma gratuita para uso personal.

Ir a imageoptimizer.net 

 

5. Compress Jpeg

Compress Jpeg es una aplicación online gratuita que permite comprimir varias imágenes de forma simultánea.

Te permite seleccione un máximo de 20 imágenes de formato jpg o jpeg, lo único que tienes que hacer elegir el formato de la imagen a subir y arrastrar  los archivos a la zona de abajo y por ultimo esperar a que la compresión termine. Podrás descargar las imágenes comprimidas por separado o agrupados en un archivo ZIP.

Ir a CompressJpeg.com

 

Para terminar quiero recomendarte mi posts anteriores  que sin duda te serán de mucha utilidad. 9 bancos de imágenes gratis para tus proyectos digitales.

 

¿Qué otras herramientas para comprimir imágenes o reducir tamaño de fotos conoces? Cuéntame tu opinión o duda que tengas.

¡Comparte si te ha gustado!

10 herramientas para generar paletas de colores online

El color es un elemento fundamental en cualquier sitio web o proyectos digitales, ya que la elección de un color es mucho más importante de lo que pensabas, ya que a través los colores  podemos transmitir distintos sentimientos.

Para ayudarte a hacer una buena combinación de colores hemos buscado las 10 mejores herramientas que pueden ayudarte a elegir la paleta de color perfecta para que tus diseños sean más llamativos. Además evitaras caer en el ámbito de utilizar los mismos colores. Hay gran variedad de opciones de colores con los que puedes experimentar y  hacer que tus proyectos sobresalgan de los demás.

1. Color Hunt

Color Hunt es una colección abierta de paletas de colores donde los usuarios son los que crean las paletas usando el creador de la paleta Color Hunt . Además, todos pueden crear y enviar su propia combinación de colores.

Cada esquema contiene tonos sencillos y elegantes que pueden servir de inspiración para casi cualquier proyecto. Tambien Encuentra el esquema perfecto al buscar en las opciones Popular. Además obtendrás una nueva paleta de colores cada vez que actualice la ventana de tu navegador y también puedes agregar la extensión de Chrome a tu navegador.

Ir a ColorHunt 

 

2. Coolors

Coolors es una herramienta rápida y fácil que te permite generar hermosas paletas de colores. Simplemente escriba sus colores en el formato que prefiera (HEX, RGB, HSB, CMYK, etc.), bloquéelos y  presione la barra espaciadora para obtener una nueva paleta de 5 colores. También haga clic en el ícono de candado para mantener los colores que desee y repita el proceso hasta que tenga la combinación de colores que necesite.

También, puedes guardar las paletas de color generadas para que otros la utilicen. Coolors te permite exportar a varios formatos como PNG, PDF, SVG, SCSS o copie el enlace.

 

Ir a Coolors

 

3. Adobe color cc

Está herramienta nos permite generar paletas de colores a partir de un color base que nosotros le introducimos, ya sea insertando el código de color hexadecimal o los valores RGB.  A partir de este color base nos generará una paleta de color en función de si queremos que estos colores de la paleta sean análogos, monocromáticos, triada, complementarios, compuestos, tonos, o bien podemos hacer una paleta de color personalizada.

Una vez tenemos nuestra paleta de color elegida, la podemos almacenar, compartirla y descargarla para usarla en los programas como por ejemplo photoshop e illustrator.

Ir a Adobe color cc

 

4. Color Hunter

Color Hunter es un lugar para encontrar y crear paletas de colores creadas a partir de imágenes. Simplemente carga tu imagen y obtén una paleta de colores de acuerdo al contenido de tu imagen.

Una forma útil para tomar rápidamente una paleta de color de imágenes cargadas, por la búsqueda de una etiqueta adecuada o por referencia hex.  Además es rápido y fácil de usar lo cual ofrece una buena variedad de gamas de colores para elegir.

Ir a Color Hunter

 

5. Colorfavs

Genera hermosas paletas de colores a partir de imágenes, URL o aleatoriamente. Su objetivo es facilitarle la creación y descubrir paletas y colores para todas sus necesidades de diseño.

Ir a Colorfavs 

 

6. ColorExplorer

ColorExplorer es una caja de herramientas en línea para trabajar con paletas de colores.  También puede crear, administrar y evaluar paletas de colores de forma rápida y fácil para usar en diseño gráfico, diseños web, diseños y mucho más.

Es absolutamente gratis usar todas las características que se encuentran en el sitio. No es necesario que se registre si no lo desea.

El registro de un perfil de usuario es gratuito, sin embargo, le dará algunos extras (por ejemplo, un control / acceso a la paleta mejor y más seguro).

Ir a ColorExplorer 

 

7. Color Hexa

ColorHexa es una herramienta de color gratuita que proporciona información sobre cualquier color. También genera paletas de colores coincidentes para sus diseños como: esquemas de colores complementarios, análogos, triádicos, tetradicos o monocromáticos.

Solo necesita escriba cualquier valor de color en el campo de búsqueda y Color Hexa ofrecerá una descripción detallada y lo convertirá automáticamente a su equivalente en hexadecimal, RGB, CMYK, HSL, HSV, CIE-LAB / LUV / LCH, Hunter-Lab, XYZ, xyY y Binario.

Ir a ColorHexa

 

8. Colrd

Colrd es unas herramientas de combinación de colores, una gran manera de compartir y descubrir combinaciones de colores. Además Colrd actúa como una gran fuente de inspiración al compartir paletas de colores generados por los usuarios, así como los patrones degradados e imágenes. También un gradiente builder y una herramienta de búsqueda.

Ir a Colrd

 

9. Paletton

Paletton es una herramienta de diseño para crear combinaciones de colores que funcionan  juntas. Comienza con un color base, y Paletton genera tonos similares que lo complementarán. De esta manera, podrás crear paletas de colores para tus diseños basados en cinco estilos que son: Mono, Complemento, Tríada, Tetrad y estilo libre.

Ir a Paletton

 

10. COLOURlovers

Es una comunidad creativa en la que personas de todo el mundo crean y comparten paletas de colores. También incluye esquemas de color, plantillas y variación de sombras que te van a ayudar a que a través del diseño comuniques lo que deseas.

Ir a COLOURlovers

 

Para terminar quiero recomendarte mis posts anteriores  donde hablo de la Psicología del Color en el Diseño Web,te puede ser de mucha utilidad.

¿Conoces otras herramientas de color en línea que te gustaría compartir? Si es así déjanos  tus comentario.

¡Comparte si te ha gustado!

9 bancos de imágenes gratis para tus proyectos digitales

Las imágenes son un elemento fundamental en el diseño ya que van a servir para tus proyectos como: blog, página web, campañas, redes sociales, etc. Encontrar las imágenes adecuadas, de buena calidad y sobre todo gratuitas  es algo complicado. Sin embargo, existen bancos de imágenes gratuitas donde encontraras lo que estás buscando.

Te compartimos 9  bancos de imágenes gratis. Verás que la gran mayoría son de libre uso o creative Commons CC0.

¿Licencia Creative Commons (CC0)?

La mayoría de las imágenes están bajo licencia Creative Commons (CC0) . Esto significa que las imágenes son completamente gratis para ser usadas para cualquier propósito legal.

  • Las imágenes son gratuitas para uso personal e incluso comercial .
  • Puede modificar, copiar y distribuir las fotos.
  • Todo sin pedir permiso ni establecer un enlace a la fuente. Entonces, la atribución no es requerida.

La única restricción es que las personas identificables pueden no aparecer bajo una luz negativa o de una manera que puedan resultar ofensivas, a menos que den su consentimiento. También debe asegurarse de que el contenido mostrado (personas, logotipos, propiedad privada, etc.) sea adecuado para su aplicación y no infrinja ningún derecho.

El contenido mostrado puede estar protegido por marcas registradas, publicidad o por el derecho a la intimidad, por lo que conviene asegurarse en cada caso.

Aun así te recomendamos que revises la licencia antes de descargar la imagen.

 

1. Pixabay

Cuenta con casi 1,4 millones de imágenes, vectores e ilustraciones. También, tiene un buscador bastante útil donde puedes buscar por categorías, por orientación (horizontal o vertical), por tamaño y por colores.

Todas sus imágenes son libres de derechos de autor bajo la licencia Creative Commons CC0, lo cual los hace seguros de usar sin pedir permiso o dar remuneración al artista – incluso con fines comerciales.

Ir a pixabay.com

 

2. Unsplash

Aquí encontraras más de 300,000 fotos gratuitas de alta resolución. 10 fotos nuevas cada semana. El lugar donde podrás encontrar imágenes increíbles. Suscribiéndose a Unsplash tendrás acceso a 10 fotos en HD que se renuevan de manera automática cada 10 días.

Ir a Unsplash.com

 

3. Gratisography

Fotos de alta resolución, originales  y gratuitas creadas por el fotógrafo  Ryan McGuire. Las fotografías de Gratisography están publicadas bajo la licencia Creative Commons Zero, por lo que pueden utilizarse tanto para uso personal como comercial. Sin embargo, estas imágenes no pueden utilizarse para fines pornográficos, penales, difamatorios o intenciones degradantes. Cada semana se añaden nuevas fotos.

Ir a Gratisography.com

 

 4. Pexels

Pexels ofrece fotos de alta calidad y completamente gratuitas, publicadas bajo la licencia Creative Commons Zero (CC0), lo cual podras utilizarlas para cualquier propósito, privado y comercial. Todas las fotos están cuidadosamente etiquetadas, se pueden buscar y navegar en diferentes páginas.

Actualmente ofrecen más de 4.500 fotos gratis para descargar y cada día aumentan 10 nuevas. Al proporcionar fotos gratis, Pexels ayuda a millones de personas creativas de todo el mundo a crear excelentes productos y diseños.

Ir a Pexels.com

 

5. Stocksnap

Aquí encontraremos imágenes gratis de excelente calidad, cuenta con una gran variedad de categorías  (negocios, comida, amor, ciudad, personas, naturaleza, paisaje, abstractas, etc.), Es por eso que cada imagen individual en StockSnap esta bajo los términos de la licencia Creative Commons CC0. Lo cual te da la libertad de copiar, editar, modificar y distribuir esas imágenes en una variedad de formatos y propósitos, incluidos los relacionados con los negocios.

 Ir a StockSnap.io 

 

6. Magdeleine

 Magdeleine cuenta con una variedad de fotos de alta resolución, también con una categoría amplia que facilitara tu búsqueda en la cual podemos encontrar: tecnología, abstracto, naturaleza, ciudad y personas entre otros. También, hay que tener en cuenta que gran mayoría de las fotografías son de dominio público (Creative Common CC0), por lo que puedes hacer lo que quieras con ellas, sin pedir permiso.

Solamente algunas imágenes tienen licencia Creative Common 4.0, lo cual te habilita a utilizarlas para uso personal o comercial, pero otorgándole una correcta atribución al autor.

Ir a Magdeleine.co

 

7. Startup Stock Photos

Fotos gratuitas para startups, bloggers, editores, sitios web, diseñadores, desarrolladores, relacionados con el mundo tecnológico. Sus imágenes de alta definición son libres de derechos (CC0), y por lo tanto se pueden utilizar para cualquier fin.

Ir a startupstockphotos.com

 

8. lifeofpix

Fotos gratis de alta resolución, muy profesionales y de tipo muy variado, cuenta con una licencia Creative Commons CC0, por lo cual cuenta sin restricciones de derechos de autor para uso personal y comercial. También, tiene nuevas fotografías agregadas semanalmente. Hay que tener encuenta que no se permite la distribución masiva.

Ir a lifeofpix.com 

 

9. Freepik

Es un banco de recursos gráficos para todo, donde encontrarás, a través de su buscador, fotos, vectores e ilustraciones de todo tipo que puedes usar para lo que quieras, siempre y cuando le des atribución.

Ir a Freepik.es 

 

Espero que este listado te sea de gran utilidad y si tienes otras recomendaciones de buenos bancos de imágenes para descargar fotos en alta resolución, déjanos  tus comentario.

Qué dicen las formas en un logo

Usualmente en ocasiones se habla de la influencia psicológica del color en el diseño de un logo, pero no sólo el color es el único factor que influye a la hora de transmitir, también esta la tipografía  y las formas geometría que también ejerce influencia en las personas.

Los logos juegan un rol muy importante cuando se trata de tomar decisiones, ya que están basadas en las percepciones visuales. En el post de hoy te hablaremos sobre que dicen las formas en un logo.

 

1. Formas circulares

El círculo es una de las formas más utilizadas dentro del diseño, ya que  proyecta un mensaje emocional positivo.

Puede representar perfección, innovación, protección, creatividad y movimiento. También están muy asociados a la comunidad, amor, amistad, relaciones y unidad. En diseño es ideal usarlo cuando se quiere representar organizaciones sin fines de lucro, organizaciones globales, gubernamentales, entre otras.

 

2. Formas triangulares

Los logos con forma triangular, están masa enfocados a la masculinidad. Al tener formas más puntiagudas, pueden ser más agresivos a la vista.

Son asociados a empresas o negocios de productos o servicios para un público masculino, representan el poder, ciencia y religión. También se sugiere que los triángulos tienen una buena asociación con el poder, ciencia, religión y legales.

 

3. Formas en línea

En este tipo de forma en línea hay dos tipos de logos, las que se asocian con líneas verticales y horizontales.

  • Líneas verticales: se suele utilizar en logos de compañías que se mueven en sectores muy competitivos que reflejan masculinidad, sugieren fortaleza y agresión. También crecimiento y profesionalidad.  Suele ser bastante utilizado en el mundo de la construcción y de la inversión. Sin embargo, las líneas verticales son difíciles de usar porque pueden ser vistas como frías, agresivas y dominantes. Al menos que eso quieras reflejar en tu logo.
  • líneas horizontales: transmiten unión, tranquilidad y calma por parte de las marcas que los portan. con frecuencia, son usadas para negar la amenaza y agresión.

 

4. Formas cuadradas

En el diseño de logotipos, las figuras de cuadradas muestran confiabilidad  y solides. Es ideal para representar algo que es real, transmiten fortaleza, seguridad, compromiso, estabilidad y honestidad.

Además, por sus amplias posibilidades a la hora de entrelazar unas curvas con otras, también transmite una imagen de alianza y colaboración.

5. Forma en espiral

En diseño, los logotipos en espiral generalmente dan una sensación de trascendencia, energía, vitalidad, crecimiento, evolución, continuidad y excelencia gracias al camino que se sigue a través de una trayectoria que representa historias y resonancia.

Por lo tanto un logo en forma de espiral es ideal para las empresas que lideran sus sectores, los proveedores de servicios y para banderas. Un diseño en espiral también tiende a trascender en el tiempo y el espacio.

Para terminar quiero recomendarte mis posts anteriores  donde hablo de la Psicología del Color en el Diseño Web, y Tipografías: qué nos transmiten y cuando saber usarlas espero te sea de mucha ayuda.

Cuéntame tu opinión o duda que tengas y estaré encantada en contestarte.

 

Tipografías: qué nos transmiten y cuando saber usarlas

Al igual que los colores, las tipografías también trasmiten diferentes emociones y sensaciones incluso sin que las personas se den cuenta de ello. Por eso, para cada proyecto debes elegir la tipografía más adecuada.  Ademas, no todas las fuentes tipográficas sirven para lo mismo ni son apropiadas en cualquier ocasión.

Hoy te voy a explicar algunos tipos de fuentes tipográficas  y las sensaciones que transmiten cada una de ellas, para que, cuando tengas que elegir por una de ellas se te haga más fácil decidir cuál tipografía usar.

  • Serif

Esta tipografía proporciona el efecto de tranquilidad, autoridad, dignidad y firmeza. También, elegancia, clase, tradición, seriedad y respeto.

Este tipo de letras las vemos normalmente en los logotipos, en una web, un blog o cuerpo de textos largos como periódicos o resúmenes muy complejos ya que facilitan la lectura, por lo cual es apropiado para la lectura de textos largos. Crean una línea imaginaria bajo el texto que ayuda a guiar al ojo.

Las tipografías más comunes: Book Antigua, Courier, Times New Romance, Garamont.

 

  • Sans serif

La tipografía Sans Serif es perfectas para textos cortos pero muy grandes, carteles y títulos.
Se les suele asociar con la tipografía comercial, pues son buenas para impresión de etiquetas y embalajes. Además, son ideales para visualizaciones en pantallas ya que son legibles.  También, es la que tiene mayor presencia en internet, tanto en encabezados como cuerpos de textos pequeños. Son perfectas para la web.

Estas transmiten modernidad, seguridad, alegría y en ciertas ocasiones neutralidad. Algunas de las fuentes más conocidas de esta familia son: Arial, Bauhaus, Tahoma, Verdana o Helvética.

 

  • Rounded

Con sus formas suaves y cálidas, dan una personalidad amable, además también puede aprovecharse para textos cortos. Se utilizan mucho en proyectos profesionales que quieren una cercanía con sus clientes, que sean relajados y frescos. Se puede ver principalmente en áreas relacionadas con los niños por ser una tipografía muy amigable.

Son tipografías redondeadas como hace referencia su nombre, son más dinámicas debido a sus formas suaves, es por eso que tiene ese aire de ser cercanas y amigables.

 

  • Condensadas

Está fuente tipografías una de sus  características principales es que son más estrechas de lo normal, tienes el aspecto de parecer letras rígidas y duras. Con bastantes espacios entre letras, puede resultar un proyecto muy sofisticado, son perfectos para trabajos con mucha personalidad, que quieren transmitir modernidad, seriedad y elegancia.

Algunas de ellas son Anton, Roboto Condensed, PT Sans Narrow.

 

  • Modernas

Esta tipografía transmite estilo, inteligencia, futurismo, tecnología.

Esta fuente tipográfica es perfecta ya que pueden aplicar a cualquier proyecto, siempre que tengamos definido lo que queremos transmitir, pero si se desea que tenga una personalidad fuerte debes acudir a otra tipografía.

Entre las más comunes podemos encontrar: Montserrat, Lato, Infinity, Futura, Majoram, MatchBook destacan por ser bastante neutras y adaptarse muy bien en cualquier situación.

 

  • Script o manuscritas

La tipografía script es apropiada para títulos y firmas. Transmiten elegancia, afecto, creatividad, lujo y calidad.

Son ideales para aplicarlas en proyectos cuyo objetivo sea dar la sensación de ser muy elaborados, con mucha historia y tradición. Todo dependerá de cómo combinemos este estilo de tipografías.

Algunas de las fuentes son la Gótica, Brush, Vivaldi y Edwardian Script.

 

  • Display

Esta tipografía se caracteriza por tener un personalidad muy fuerte lo cual las hacer ser únicas. Como toda esta tipografía tiene tanto ventajas como desventajas, una de esas desventajas es que suelen ser de muy mala calidad en su versión gratuita, por lo cual hay que saber elegir bien.

En cambio las tipografías de buena calidad su costo es elevado, pero sin duda pueden transmitir muchas sensaciones y adaptarse muy bien a tu proyecto.

Podemos encontrar tipografías como Amerika, Monoton, Medon, Cherry Swash.

Espero haberte ayudado a decidirte por un tipo de letra. Cuéntame ¿Cuál es tu tipografía favorita?

Para terminar quiero recomendarte mi Post anterior donde hablo de la Psicología del Color en el Diseño Web, espero te sea de mucha ayuda.

 

Psicología del Color en el Diseño Web

Los colores son parte de nuestra vida, e incluso influyen en nuestras decisiones  sin que nos demos cuenta.Debido a que cada uno de ellos transmite sentimientos que alteran nuestra manera de actuar, puede que la emoción sea distinta dependiendo de cada persona, pero también hay que tener en cuenta que  la gran mayoría de las veces compartimos el mismo sentimiento con respecto a un color.

El color es un elemento fundamental en el diseño de nuestros proyectos digitales, ya que la elección de un color para tus proyectos es mucho más importante de lo que pensabas, ya que a través los colores  podemos transmitir distintos sentimientos.

¿Qué significado tiene cada color?

Entender cómo funciona el color en nuestro cerebro, nos puede ayudar a tomar mejores decisiones, Veamos ahora la psicología de algunos colores puede ayudarte a alcanzar mejores resultados en tu sitio web.

  • Azul

Este color simboliza lo fresco, lo transparente, eficacia, calidad, calma, seriedad, fortaleza, sabiduría, lealtad, fuerza, productividad, confianza y seguridad, además tiene un efecto tranquilizador para la mente.

El azul suele asociarse con empresas grandes y bancos porque no es invasivo y se asocia con la seriedad. Por lo tanto es bueno para temas de salud, tecnología, medicina, ciencia, políticos y servicios públicos.

  • Naranja

El color naranja representa la diversión, felicidad, energía, calor, ambición, brillantez, actividad y seguridad en uno mismo.
Este color está lleno de vida, por lo tanto es interesante para cualquier empresa que desea mostrar su marca con esa calidez de cercanía hacia sus consumidores. Por lo tanto es una buena opción para las tiendas, automoción, tecnología, entretenimiento, comida o ya sea para el cuidado de niños.

  • Rojo

El color rojo se asocia con la emoción, la energía, amor, la pasión, resistencia, fuerza, calidez y movimiento, por lo tanto resulta interesante para cualquier empresa que desea mostrar su marca con la fuerza y felicidad que lo define.
Este color puede ser utilizado para la comida, moda, entretenimiento, deportes, marketing, servicios de emergencia y seguros de salud. Usa el rojo para llamar la atención a algo.

  •  Negro

El negro es un color fuerte asociado con la sofisticación, la elegancia, autoridad, poder, estabilidad, modernidad, fuerza, prestigio, formalidad e inteligencia.

Es un buen color en el diseño, ya que puede combinarse con casi todos los colores. Dependiendo de los colores con los que lo combines, el negro puede ser elegante y tradicional. Sirve muy bien para productos de lujo, moda, marketing y cosméticos.

  •  Blanco

El blanco es un color que refleja la pureza, limpieza, felicidad, sinceridad y seguridad. Al igual que el negro es combinable con todos los colores.

Este color se asocia a los médicos, enfermeras y dentistas, lo que lo hace un gran color para las páginas relacionadas con la industria de la salud. También funciona para páginas de tecnología y ciencias.

  • Amarillo

Normalmente se le asocia este color a la luz, competitividad, felicidad, alegría, optimismo y curiosidad. El amarillo puede dar muy buenos resultados para los botones de llamada a la acción. A la hora de diseñar una web, se pueden utilizar tonos fuertes de amarillo para transmitir felicidad.

  • Verde

El verde tiene un efecto armónico. Se asocia con el medio ambiente, crecimiento, la salud, naturaleza, bienestar, dinero, calma, generosidad, fertilidad, envidia, buena suerte, paz y energía.

Este es color que los ojos procesan mejor. Este color es la mejor opción cuando queremos un diseño web para ciencia, turismo, medicina, recursos humanos o medio ambiente.

  • Morado

El morado puede usarse para transmitir creatividad, imaginación, autoridad, sofisticación, poder, riqueza, prosperidad, misterio, sabiduría y respeto.

El morado también puede ser perfecto para productos de belleza, astrología, masaje, yoga, salud, espiritualidad y contenido relacionado con chicas adolescentes y marcas femeninas.

  • Marrón

El marrón es un color natural y cálido asociado con la tierra, la aspereza, fiabilidad, estabilidad, amistad y naturaleza.

Si con algo podemos relacionar este color, sería a la calidez del hogar, ya que el diseño está muy unido a alimentos que tienen ese mismo color para estimular el apetito, como el café y el chocolate, lo que lo hace apropiado para este tipo de alimentos. El marrón normalmente se emplea para fondos.

  • gris

El gris se asocia con la formalidad, el profesionalismo, la sofisticación,  atemporalidad y el carácter fuerte. Por lo tanto es perfecto para páginas profesionales, bienes de lujo, o para crear un efecto calmante de equilibrio.

  • Rosa

Se suele asociar el rosa a feminidad. El rosa representa, amor, entrega, generosidad, sinceridad, romance e inocencia.  El rosa no puede asociarse a ninguna cosa negativa, Por lo que adecuado para productos o páginas dirigido a mujeres y chicas adolescentes.

 

Seleccionar los colores correctos para tu diseño no es siempre una tarea fácil, ya que hay que saber elegir los colores cuidadosamente. Estos son algunos aspectos que debemos tener en cuenta.

1. ¿Para quién destino mi web?

Debes tener en cuenta que no debes de elegir los colores que te gustan a ti, debes emplear los colores que más van a influir al usuario para que realice alguna acción en tu web, de ahí la importancia de determinar a qué público objetivo te vas a dirigir.

2. ¿Qué colores seleccionar?

Prueba a hacer buenas combinaciones contrastadas para que estos no cansen la vista del usuario, sino al contrario hacer combinaciones que resulten más cómodo a la vista. También puedes utilizar  colores de la misma gama cromática

3. No abusar de los colores

Un sitio web con muchos colores llega a ser confusa e incoherente, el cual provoca que llegue a verse como algo no profesional. Intenta utilizar la menor cantidad de colores posibles dos o tres es suficiente, también tener en cuenta que es recomendable utilizar un color predominante.

4. Alto contraste

El contraste de color se produce al combinar dos colores que no están relacionados entre sí. Los puntos de alto contraste son muy llamativos para nuestros ojos.

5. Composición y peso de colores

Gracias a los colores podemos dirigir la mirada del usuario y así resaltar determinados elementos clave. Busca el equilibrio justo de colores en el diseño de tu web.

Puedes seguir estas tres reglas básicas:

  1. Crea un sólo punto de impacto visual por página: es decir, un punto al que dirigir la mirada.
  2. Respeta la mirada del lector: de izquierda a derecha y de arriba abajo.
  3. Deja aire y espacios en blanco para que la mirada descanse.

 

Espero que este contenido haya sido de tu agrado e interés.

¡Comparte si te ha gustado!

 

  • 1
  • 2