UNIDAD 4

Diseños eficaces. Herramientas de Diseño Gráfico, Apps

de Interés. Identidad Visual.

• ¿Qué herramientas o recursos son necesarias para diseñar

piezas de diseño gráfico? Programas profesionales de
escritorio y Aplicaciones Online (Apps).

• Canva. Uso y características. Videos Tutoriales

• La Identidad Visual. Elementos gráficos, el manual básico de

Identidad Visual

• Creación de una pieza de Diseño paso a paso. Consejos y

consideraciones para que un mensaje llegue al usuario de
manera más clara y simple.

Infografías, Glosario y Links relacionados.

Herramientas para el Diseño Gráfico

Programas vs. Aplicaciones

Software de Escritorio vs. Software web o Software vs. Apps.
¿Cuáles son sus diferencias?
Identificamos como un programa de diseño a aquellos que instalamos en una PC,
son sofisticados, complejos y pesados pero también mucho más
profesionales.

Algunos ejemplos son: El Photoshop o el Corel Draw, si bien no se usan para lo

mismo, el primero se especializa más en el uso de Fotografías y el segundo en el
uso de vectores aunque se puede trabajar en ambos con Bitmaps y Vectores.

Pero claro, con el paso del tiempo y el surgimiento de las Tablets y los Smartphones
se han desarrollado Aplicaciones Online de diseño que han facilitado la experiencia
del diseño de manera más básica simple e intuitiva, es decir, están más al alcance
de un usuario que no necesariamente tiene que ser diseñador, sobre todo por el uso
de plantillas prediseñadas. Son más livianas y más rápidas en la concepción del
diseño.

Aquí ya la oferta es más amplia: Canva y tal vez Desygner sean las aplicaciones de
diseño online más populares.
Siendo o no un experto en el tema, tener y saber usar herramientas de diseño puede
salvarte de más de un apuro, o incluso ayudarte a construir toda una estrategia de
identidad visual para tu marca o negocio.

Existen herramientas que facilitan lo que hasta hace algunos años parecía casi
imposible para quienes no estaban familiarizados con programas o softwares de
diseño gráfico.

¿Has pensado que, aunque parezca difícil, puedes llegar a crear piezas gráficas
útiles para tu trabajo o negocio?

Te compartiremos una lista de programas de diseño gráfico para que comiences a

explorar y a usar el que más se ajuste a tus necesidades, incluso sin ser un
especialista. Aquí encontrarás herramientas gratuitas y de pago.

Programas de diseño Gráfico de Escritorio

Adobe Photoshop

Cuando se trata de programas para hacer publicidad o programas para hacer

diseños de altísimo nivel, Adobe Photoshop continúa siendo la herramienta preferida
de los profesionales del sector. Gracias a una intuitiva interfaz con la cual
puedes editar fotos en los más mínimos detalles o crear ilustraciones de altísimo
nivel, Photoshop sigue siendo el software de diseño gráfico por excelencia.

Pros: Interfaz intuitiva, potencia sin igual para editar fotos y crear ilustraciones de
alta calidad.

Contras: Costoso. Es necesario invertir tiempo para aprender a usarlo

adecuadamente.

Ideal para: Diseñadores gráficos profesionales y empresas que hagan uso de

marketing de alto nivel. Sin embargo, su intuitiva interfaz hace que sea un producto
bastante popular entre aquellos que sin ser expertos en diseño gráfico quieren
obtener el mejor resultado posible.
Photoshop

Adobe Illustrator es otro de los nombres que se ha consolidado en el tiempo

como sinónimo de excelencia en el campo del diseño gráfico. Se trata de un
programa para diseñar, particularmente fuerte a nivel de diseño vectorial lo cual hace
que sea uno de los mejores programas que existen para diseñar logotipos, iconos,
tipografías e ilustraciones de cualquier naturaleza.

Pros: Interfaz agradable, compatible con Apple y Windows, diseño vectorial de

excelencia.

Contras: Costoso. El aprendizaje de esta herramienta puede ser arduo al principio.

Ideal para: Profesionales en diseño gráfico con nivel avanzado.

CorelDraw es otro de los programas para hacer diseños más valorados entre los
profesionales del diseño gráfico. De hecho, CorelDraw es considerado como el
competidor más fuerte de Adobe gracias a la gran prestación que ofrece a nivel de
diseño vectorial y como herramienta para el diseño de logotipos e ilustraciones.
Se trata de un programa para diseñar que ofrece un sinnúmero de ventajas

Pros: Útil para editar fotos y trabajar con vectores, interfaz intuitiva, buen soporte de
tutoriales.

Contras: Es un producto costoso, se requiere tiempo para aprenderlo.

Ideal para: Profesionales así como pequeñas y medianas empresas.

Coreldraw

Aplicaciones Web de Diseño (Apps)

Canva: Si estás buscando un programa de diseño gráfico fácil de usar, Canva es

una de las mejores opciones que ofrece el mercado. Gracias a su intuitiva usabilidad
web, dicha plataforma se ha convertido en poco tiempo en uno de los programas de
diseño gráfico gratis para principiantes más ampliamente utilizados en todo el
mundo.
 Canva

Sin embargo, vale la pena anotar que Canva es también una de las soluciones
favoritas entre profesionales que buscan un producto económico, fácil de usar y apto
para proyectos de colaboración. Se trata de un programa especialmente popular
entre profesionales que gestionan contenido y estrategias de marketing en redes
sociales. Sin lugar a dudas, Canva es uno de los mejores programas gratis de diseño
gráfico que existen.

Pros: Fácil de usar, amplia selección de plantillas personalizables, editor de fotos

versátil, ideal para contenido en redes sociales, posibilidad de colaborar con tu
equipo.

Contras: Hay una buena cantidad de diseños que no hacen parte de la versión
gratuita.

Ideal para: Principiantes y profesionales de pequeñas y medianas empresas que

deseen darle a su sitio web, tienda de comercio electrónico y/o Redes Sociales un
aspecto atractivo y profesional.

En esta misma unidad vamos a desarrollar Canva con mayor profundidad para que, si no
tienes experiencia en manejo de programas de diseño, puedas utilizar esta aplicación para
hacer la parte práctica de los trabajos y el exámen final y más adelante puedas publicar
imágenes atractivas de tu profesión o tu negocio.
Pixlr: Si estás buscando un editor de fotos e imágenes, Pixlr es una de las
herramientas de diseño gráfico online más populares del mercado. De hecho, si
tenemos en cuenta las más de dos millones de combinaciones de filtros, capas y
bordes que ofrece, Pixlr se vende como “el editor de fotos online más popular del
mundo”.

Pixlr: Editor de imágenes

A pesar de que Pixlr sea un programa de diseño gráfico fácil de usar hay que señalar
que las imágenes que podrás obtener con dicho programa son de muy alta calidad
lo cual hace que sea una alternativa bastante usada entre profesionales.

Pros: Fácil de usar, buena calidad de imágenes, tamaños de archivo ligeros,

posibilidad de trabajar en multicapas.

Contras: La versión gratuita tiene publicidad.

Ideal para: Principiantes y empresas de todo tipo de tamaño. Este programa es ideal
para las personas que quieren editar imágenes de manera rápida y buscan un
resultado final de buen nivel.
Crello: es uno de los programas gratis de diseño gráfico que más popularidad ha
ganado en los últimos años. Gran parte de esto se debe a la rica variedad de
formatos y plantillas que encontrarás en este programa. Con Crello puedes subir tus
propias fotos, editar cualquiera de las más de 20.000 plantillas que ofrece y
redimensionar tus diseños en cualquier tipo de formato. Además de esto, la interfaz
es bastante simple e intuitiva.

Crello: Similar al Canva

Pros: Ideal para principiantes, fácil de usar, vasta selección de plantillas.

Contras: Algunos de los mejores recursos no están incluidos en la versión gratuita,

no ofrece la capacidad de crear contenido como infográficas o tablas.

Ideal para: Principiantes y profesionales como bloggers o expertos de marketing y

redes sociales que necesitan crear contenido visual de manera regular.

Desygner: Si estás buscando programas de diseño gráfico gratis para

principiantes, Desygner es una de las opciones que más se acomoda a dicha
búsqueda. De hecho, su intuitiva interfaz respalda la idea general de esta plataforma
construida para aquellos que no tienen experiencia con el diseño gráfico. Se puede
considerar como otra alternativa válida a Canva.
Desygner: Edición de imágenes digitales para diversos usos y plataformas. Cumple
la misma función que Canva y Crello

Pros: Fácil de usar, amplia selección de plantillas.

Contras: Limitado número de funciones, algunas veces no salva los cambios a los
diseños de manera efectiva.

Ideal para: Principiantes y profesionales que necesitan crear diseños con frecuencia.

PicMonkey: es un programa de diseño gráfico fácil de usar lo cual lo hace bastante

apto para principiantes. Sin embargo, este programa ofrece funciones hacen que sea
una herramienta valorada por profesionales especializados en marketing a través de
redes sociales.

Algunas de dicha funciones incluyen una buena selección de efectos y plantillas para
fotos así como animaciones para el contenido que quieres compartir en las redes
sociales.
Pros: Ofrece una experiencia ligera y veloz para editar fotos, buena selección de
efectos, animaciones atractivas para contenido en redes sociales.

Contras: La versión gratuita es bastante limitada, para los más exigentes dicha
plataforma puede parecer demasiado básica.

Ideal para: Principiantes y profesionales en departamentos de marketing y

comunicación.

Además de los que te recomendamos, existe un abanico enorme de posibilidades

con respecto a programas de diseño gráfico online. Lo más importante de todo es
que te sientes y valores con cuidado cuáles son tus necesidades visuales.
Obviamente, te aconsejamos que siempre apuntes por un alto nivel de creatividad,
calidad y gusto.

Canva. Características y Uso.

Qué es Canva, cómo funciona y cómo usarlo para crear un diseño. Se trata de
un portal que está ganando mucha popularidad debido a su enorme flexibilidad,
permitiéndote crear diseños personales, educativos o profesionales de piezas de
diseño en Redes Sociales, papelería, y otros tipos de proyectos múltiples.
Una de sus principales ventajas es que no vas a necesitar grandes conocimientos
para utilizarlo, ya que tiene una interfaz extremadamente intuitiva y fácil de utilizar,
con centenares de plantillas y elementos multimedia que puedes agregar.

El funcionamiento de Canva es extremadamente sencillo, y cualquier persona va

a poder realizar sus composiciones sin necesitar conocimientos de diseño gráfico.
Vas a tener una pantalla principal en la que en la izquierda hay una columna con el
menú de opciones y elementos que puedes añadir, y a la derecha tienes tu creación.

Canva. Simple e intuitivo

¿Qué es Canva?

Para empezar a dominar Canva, vamos a explicarte qué es exactamente esta

herramienta tan interesante. Como dijimos, sirve, básicamente, para crear diseños
gráficos profesionales con el recurso de arrastrar y soltar.

Además de la versión web, está disponible también para smartphones con sistema
Android o iOS.
Entre sus principales recursos están:

• Miles de imágenes gratuitas y pagas: Recientemente, Canva

adquirió dos bancos de imágenes gratuitas, Pexels y Pixabay. Así, el
usuario tiene miles de opciones de fotografías gratuitas de ambos
servicios. También hay opciones de pago por un precio accesible.

• Filtros para imágenes: Además de poner a disposición diversas

imágenes, la herramienta también ofrece filtros personalizados para
edición;

• Formas e íconos gratuitos: Entre los recursos de Canva están la

disponibilidad de formas, gráficos, ilustraciones, íconos y mucho más,
que te ofrecen más posibilidades a la hora de hacer infografías o
ebooks.

• Fuentes y formatos de textos: La herramienta también pone a

disposición diversas fuentes para personalizar las piezas, así como
formatos de textos ya predefinidos, lo que permite dejarlo todo
estéticamente alineado.

Pero los grandes recursos de Canva son realmente las plantillas predefinidas, que
se dividen en varias categorías, entre las que se encuentran: Imágenes para Redes
sociales, Currículum, Tarjetas de Presentación, Infografía, Newsletter, Anuncios, Kit
de medios, Banner web, entre otras.

Las categorías se dividen en subcategorías para temas o tópicos. Por ejemplo, en la

categoría referente a Redes Sociales existe la subcategoría Post para Facebook,
dividida por temas, como tarjetas de cumpleaños.

Cada arte posee ya el tamaño correcto para cada canal, y cuando están listas se
pueden descargar en los formatos PNG, JPG y PDF.

Otro diferencial de Canva es la posibilidad de crear un proyecto y compartirlo con

otras personas.
¿Canva es gratuito?

La gran ventaja de Canva es que los principales recursos son gratuitos.

Prácticamente todo está disponible para que los usuarios lo utilicen sin pagar nada
y los que son pagos tienen un valor bastante accesible.

Entonces, la respuesta es sí, hacer el registro y empezar a hacer tus diseños en

Canva es gratis.

Para quien desea tener más recursos disponibles, existe el plan Canva Pro, que
ofrece una prueba gratis durante 30 días.

Diferencias entre la cuenta gratuita y la de pago

Quien emigra al plan Pro, tendrá como principales diferenciales:

• Subir fuentes personalizadas;

• Organizar fotos y otros elementos en distintas carpetas;

• Diseños con dimensiones personalizadas para formatos diferentes y la

posibilidad de descargar PNG con fondo transparente;

• Acceder a fotos, ilustraciones y modelos gratuitos.

¿Qué podés hacer con la herramienta?

Canva representa una gran oportunidad de crear piezas de contenido diferente para
quien está empezando a emprender en el mercado digital. Es muy importante
apostar en esto para lograr destacarse entre los competidores.

Así lo demuestra este estudio, que analizó más de 100 millones de artículos y
descubrió que los que tenían contenidos visuales, como infografías, tenían más
posibilidades de ser compartidos.
Además, las empresas que crean contenidos visuales poseen una tasa de
conversión 7 veces mayor.

¿Estás empezando a emprender ahora y no tienes una identidad visual? ¿Ya estás
en el mercado, pero no tienes ni tiempo ni recursos para crear contenidos diferentes?
Canva posee recursos para todos estos casos.

• Logotipos

• Post para redes sociales

• Thumbnails para vídeos

• Folletos y carteles

• Documentos y presentaciones

• Tarjeta de visita

• Infografías y banners para blog

Logotipos

El primer paso para quien está empezando ahora es definir su identidad visual. En
Canva, hay varios modelos listos, ¡solo tenés que ponerles el nombre que elijas!
Post para redes sociales (lo que nos interesa ;))

Canva posee muchos recursos para redes sociales. Con la herramienta, podés
crear imágenes e historias para Facebook e Instagram, anuncios en todos los
formatos, publicaciones para Twitter, Snapchat, banner para LinkedIn, etc.

Folletos y carteles

Para quien desea divulgar eventos o negocios locales, es una excelente idea
aprovechar los modelos listos. Canva tiene opciones para diversos temas, como
folletos para restaurantes, gimnasios, eventos y hasta cumpleaños.
Documentos y presentaciones

Los recursos para hacer documentos y presentaciones también pueden utilizarse

para hacer ebooks, creando algo único.

Tarjeta de presentación

Las tarjetas de presentación son muy importantes para el networking. En Canva,

podés aprovechar diversos modelos, solo tenés que ponerles tus informaciones de
contacto.
Infografías y banners para blog

Las infografías siempre tienen éxito en una estrategia de contenido. Al final,

proporcionan muchas informaciones en un espacio de fácil consumo. Con los
elementos disponibles en Canva, podés crear diversas infografías.

Registrate en Canva desde el siguiente link para tu PC o descarga la App

desde Google Play en tu celular

https://www.canva.com/
Tutorial Corto Canva – Redes Sociales (34 minutos)

https://www.youtube.com/watch?v=nsapNssgqVo

Tutorial Masterclass (1 hora 11 minutos)

https://www.youtube.com/watch?v=WTCPrO1UNtQ
La Identidad Visual en Redes Sociales

Diseñar una identidad visual corporativa atractiva, que represente a la marca y

que proyecte bien sus objetivos es una clave para el éxito, tanto online como
offline. ¿Por qué? Por el simple hecho de que es algo que permitirá a los
consumidores y potenciales clientes identificar de una forma clara y fácil la marca y
familiarizarse con ella de una forma mucho más rápida.

Todos los componentes gráficos que influyen en la imagen corporativa de la marcan

crean una manifestación física de la misma, representándola en cualesquiera
canales que esté presente. Y precisamente por esta razón el diseño es tan
importante, porque radica en aquellos elementos que permiten que los usuarios
identifiquen ciertos elementos con una marca.

En este sentido, un diseñador de imagen visual corporativa debe tener la capacidad

para poder crear una relación conceptual entre el nombre de la marca y la imagen
que se crea. Y es que simplemente se trata de ponerle las cosas fáciles al
usuario. Si se es capaz de crear una relación clara entre el nombre y la imagen será
mucho más fácil que los usuarios lo recuerden e identifiquen.
Elementos gráficos de la identidad visual para Redes Sociales

El diseño de la identidad visual de una marca online es fundamental para crear

una imagen corporativa entorno a ella.

Los colores, la tipografía o las formas utilizadas son aspectos claves que influirán en
la representación visual de nuestra empresa y que nos ayudarán a identificarla.

Dentro de esta identidad corporativa encontramos el nombre comercial, más

conocido como naming, o el logotipo entre otros elementos. ¿Pero qué más
encontramos?

• Naming: Se trata simplemente del nombre de tu marca, el que utilizarás en

todos los canales en los que estés presente. Es importante elegir un
nombre atractivo, y fácil de recordar. Para ello siempre es una buena
opción elegir un nombre que se asocie al tipo de actividad desarrollada por la
empresa, ya que facilitará al público la asociación entre la marca y el sector
en el que se mueve.
• Logotipo: En este caso hablamos de la representación gráfica del
nombre. Y no, no tiene por qué contenerlo dentro del diseño. Son muchas las
empresas que optan por un elemento puramente visual para su logotipo, pero
para que un usuario te pueda reconocer únicamente por el logo suele hacer
falta bastante tiempo. Por ello, lo más habitual es crear una combinación de
nombre e imagen gráfica.
• Colores: Elegir la gama de colores será muy importante y debe ser
congruente con lo que quieres transmitir. Existe toda una teoría de la
psicología del color que te ayudará a ver que tonalidades son más
acordes a tu sector. En cualquier caso, debes elegir unos colores que te
representarán en todo lo que hagas a posteriori. ¡Elije sabiamente!
• Tipografía y fuente: Otro elemento muy importante y muchas veces
infravalorado. El tipo de letra que utilicemos, fuente y tamaño son también
una representación de la marca.
Manual de Identidad Visual

El Manual de Identidad Visual o Corporativa, es un documento que siempre hay

que realizar y entregar cuando se diseña o rediseña una imagen de marca o se
hace un trabajo de branding que define y recoge los elementos que conforman
la identidad visual de la marca… al completo. Además de incluir estas “piezas”
en un manual, también se explica en el mismo cómo deben usarse y también
cuando.

Por lo tanto, el Manual de Identidad Corporativa debe ser un documento “sagrado” y

de obligado cumplimiento para todos.
Logotipo y sus versiones: lo principal y fundamental es que esté incluido el logotipo
genérico y tal y como se debe usar habitualmente pero también sus versiones:
positivo, negativo, sólo el isotipo, sólo la tipografía y si se puede colocar en vertical
y/o horizontal.

Tipografías: tu logotipo tendrá una serie (esperemos que no más de 2) de

tipografías que debes especificar en el Manual. Definir si se usan en negrita, cursiva
y cuándo se usará, si es el caso, además de en el logotipo. Pero también deberías
incluir las tipografías que usará tu marca en todos los aspectos: texto general, títulos,
subtítulos…

Colores corporativos: tu marca tendrá unos colores principales y protagonistas que

deben estar reflejados en el Manual con sus colores correspondientes y también los
colores complementarios que se usarán dependiendo de para qué sea (botones,
barras de información, etc). Todos deben estar representados y definidos.

Línea gráfica: cuando se crea una marca hay que definir su línea gráfica. Puede ser
que sea de ilustración y entonces habría que decidir qué tipo de ilustraciones o por
otro lado que sean fotografías y también es importante definir cómo deben ser, su
tonalidad, composición.

Soportes y aplicaciones:
Una de las partes más importantes de cualquier manual de identidad corporativa es
explicar y reflejar cómo debe utilizarse la parte visual de la marca, sea donde sea.
Ya sea en papelería, en redes sociales o en documentos de uso interno como
pueden ser facturas.

“Básicamente el manual debe incluir modo y uso de logotipo, colores

corporativos y Tipografías, permitiendo que la marca sea
coherente, clara y homogénea”

Estas por comenzar un emprendimiento o tenés una pequeña empresa? Te

recomendamos armar un manual básico de marca para respetar la identidad visual
de tu negocio.
¿Dónde se utilizaran todos estos elementos de tu identidad visual? En todos
los canales en los que estés presente, desde tu página web hasta tus redes
sociales. Tu sitio web será tu máxima representación online. En ella deberás usar
de forma armónica todos esos elementos gráficos que representan tu marca: colores,
tipografía, estilo de las imágenes, etc. Todo influye a la hora de crear una imagen
corporativa unitaria.

Igualmente, las redes sociales deben tener una imagen común. Tanto las
portadas como las imágenes de perfil deben ser iguales en todas las redes sociales
para crear una identidad unitaria en la mente del usuario, pero también cuando
creemos contenido gráfico. Al igual que en la web, es esencial utilizar correctamente
la gama de colores asociada a nuestra marca, así como las tipografías y fuentes. La
idea es que el usuario reconozca nuestra marca sea donde sea donde nos
encuentre.

Beneficios de un buen diseño de la identidad visual corporativa

Una identidad visual adecuada no solo le dará un valor mucho mayor a la marca,
sino que le creará un mejor posicionamiento dentro del mercado frente a su
target, ya que será mucho más sencillo que estos la recuerden y reconozcan. En
este sentido, es fundamental que una empresa diseñe una identidad visual
corporativa clara, reuniendo todos los aspectos visuales necesarios para que esta
esté bien definida y sea clara para el usuario.

En cualquier caso, podemos señalar las siguientes ventajas:

• Memorización. Una identidad visual clara que te represente hará que tu

público objetivo te recuerde más fácilmente.
• Concienciación. Cuanto mejor sea tu identidad visual, mucho más
reconocible será para los consumidores que, a su vez, serán mucho más
conscientes de la presencia de tu marca.
• Posicionamiento. Tu identidad visual te posicionará dentro de tu mercado y
en la mente del consumidor.
• Reputación. Tu identidad corporativa generará una mayor sensación de
pertenencia y confiabilidad, por lo que tu reputación se beneficiará de ello.
• Ahorro. No solo de dinero, sino de tiempo. Sabrás siempre que tipo de diseño
deberás usar para todos tus canales lo que te permitirá minimizar los costes.

No cabe duda de que hoy en día, una empresa no es solo lo que vende, sino lo que
los usuarios perciben de ella. Diseñar una imagen sólida, bien representativa,
constituye un valor esencial para posicionarse en la mente del usuario y
diferenciarse de la competencia.
El Proceso de Diseño
Pues bien, entonces ya tienes definida tu marca, vamos a darla a conocer en
tus redes…que estamos aquí para eso! ;)

Para eso tenemos que diseñar imágenes que muestren nuestra empresa o negocio
de manera correcta y eficaz… con la herramienta de diseño que te resulte más
cómoda. Haz tenido la oportunidad de ver un poco más en profundidad el Canva,…
¡Animate y usalo! ¿Eres un poco más profesional con el tema de diseño y manejas
Corel? ¡Adelante!

Pero veamos algunos TIPS que te ayudarán en el proceso de diseño de

imágenes para las Redes Sociales, reforzando algunas ideas que vinimos
viendo con anterioridad.

• Define una paleta de colores y tipografías antes de empezar

• Trabaja con los colores de la marca
• Relaciona los colores con lo que quieres comunicar. Psicología del color
• Se armonioso, si en tu diseño pones una fotografía con predominantes azul
y amarillo, trabaja con esos colores o el blanco en la tipografía u otros
elementos de diseño.
• No trabajes con más de 2 o 3 Tipografías en tu espacio de diseño.
• Tipografías simples y claras comunican mejor.
• No acerques tanto la información a los bordes del área de diseño. Da la
sensación de que están por salirse de la escena.
• Se simple, comunica lo justo…menos es más. El minimalismo es tendencia
hoy en el diseño en redes porque comunica rápida y efectivamente.
• Dale aire a los elementos de diseño, que el fondo sea parte importante
• Se original, podrás inspirarte en otros trabajos, pero no copies.
• Jerarquiza la información de tu diseño.
• Alínea, distribuye, equilibra los elementos de diseño.
• Trabaja siempre en RGB ya sea para JPG o PNG (más calidad).
• Tu unidad de medida será el Pixel
• Trabaja con fotografías de calidad. Una fotografía pixelada arruina tu trabajo
• Respeta los formatos requeridos en Redes Sociales
 • Tu celular es tu principal aliado en el diseño de redes, en él tienes a mano
las redes sociales, las fotografías y Apps de diseño rápidas e intuitivas.
• No superes el 20% de texto si vas a hacer anuncios en las Redes. Perderás
alcance. Respeta la grilla de 5 x 5 módulos (Ver en unidad 5)
• Mantén un estilo que sea coherente en tus publicaciones, respeta tipografías
y colores para que tus diseños tengan identidad y sean reconocidos.
• Arriesga, prueba, investiga… no pierdes nada, diviértete y se creativo.
• Escucha a tu cliente o a tus seguidores
• Primero Instagram, segundo Instagram…
• Google, bancos de imágenes… busca bien y encontrarás.
• Crea carpetas para guardar todos tus archivos de diseño e imágenes y
súbelas a la nube. Hoy es imperdonable perder información.

Link de apoyo

https://www.youtube.com/watch?v=3FSr8RimZBQ
Algunos ejemplos de diseños

Características:

• Simplicidad, armonía

• Paleta de colores mínima

• Tipografías, no más de 2 o 3 como máximo

• Fotografía como elemento fundamental en la composición del diseño

Características:

• Imagen limpia, colores suaves

• Composición formal

• Paleta de colores mínima

• Tipografías de lectura rápida

• Fotografía centrada en el producto

 Lo Que no!
Aquí vemos un caso en que
está bien la composición del
diseño pero hay un error de
concepto en el uso de los
colores.

Nada tiene que ver esa

combinación del rojo y el
verde con el amarillo y el
azul. Hay mucha
información, da la sensación
de que el rojo sobra y le
quita armonía al diseño. Es el
color que más destaca en un
elemento que no hace
demasiado al contenido de la
información.

Mal uso del color. El rojo le quita armonía al diseño. El amarillo puro dificulta la lectura
en fondo blanco. ¿Cómo lo harías?

Síntesis de un proceso de diseño paso a paso.

Luego de ver cuál es tu público y tener definido que quieres contar y cuáles serán
tus elementos de diseño llega el momento de poner manos a la obra... tienes que
empezar el diseño de tu futura publicación!

Supongamos que tienes que diseñar un anuncio o post publicitario de un producto

en Instagram.

Has decidido que vas a utilizar 3 elementos de diseño para un banner publicitario
minimalista para un anuncio en Instagram. Después de analizarlo vas a utilizar una
fotografía, un texto corto de impacto y un logo para identificar la empresa. El resto
de la información la pondrás en el campo de texto de la publicación, debajo de la
imagen que diseñes, así no cargas de información tu banner.
En tu programa o app de diseño:

Define el tamaño de tu banner (o área de diseño), por ejemplo un formato cuadrado

para instagram de 1080px x 1080px.

Define una paleta de colores para tus elementos de diseño (es aconsejable no más
de 3)

Crea la grilla de 5 x 5 modulos para el texto. Recuerda que no debe pasar

de un 20%, así que el texto estará dentro de solo 5 módulos del total de 25.

Esto solo en caso de que sea un anuncio.

Si fuera una publicación para un posteo (no paga), tendrías la posibilidad de utilizar
más texto, pero aún así seguiría siendo desaconsejable poner tanta info en la
imagen.

Las redes sociales requieren publicaciones "limpias", simples y directas. Por eso la
regla del 20% para texto en anuncios.

Utiliza no más de 2 fuentes diferentes para el texto total del anuncio.

Bien, digamos que ya tienes en tu espacio de diseño una fotografía, o tal vez un
fondo de color, el texto y un logo en PNG fondo transparente. Todos lo elementos de
diseño que has decidido utilizar para tu publicación.

Vamos a hacer la composición dentro del área de diseño (en este caso 1080px x
1080px)

Juega con los elementos, prueba, combina, los tamaños, las formas, la
jerarquización, define lo importante en la ubicación de cada uno de ellos.

Será el color? El tamaño? Tu criterio es muy importante.

Perfecto! Ya tienes tu diseño! Lo hiciste en tu PC? en tu Celular? Te animaste al
Photoshop? al Corel?, o simplemente se te hizo más fácil con el Canva? No importa,
lo tienes.

Ahora deberás exportarlo/guardarlo en PNG o JPG modo RGB al tamaño en pixeles

que definiste y con el nombre que quieras.

Felicitaciones! Ya tienes tu banner para publicar en Instagram.

Presta atención a la siguiente publicidad. ¿Qué sugiere?

Se te ocurre un título como por ejemplo “COLORES REALES”. Puede funcionar ¿no?

Sin embargo, la imagen habla por si sola. Para que cargar la imagen con un título si
así como está comunica todo.

“Una imagen vale más que mil palabras” ahora más que nunca en Redes
Sociales. Vamos a tenerlo siempre en cuenta.
Los 6 principales elementos compositivos de un diseño

La publicidad gráfica es una rama dentro del diseño gráfico que se

especializa en diseñar las formas o presentaciones de un producto o servicio.

Los medios que la publicidad gráfica utiliza para llegar al usuario son
variados. Van desde los conocidos y destacados diseños de carteles
publicitarios, a la publicidad en diarios y revistas, panfletos, volantes,
cupones, mupis, banners, trifolios, pasacalles y la publicidad en Internet.

La publicidad gráfica se apoya con formatos atractivos incluyendo

fotografías, caricaturas, o imágenes que se combinan con texturas y colores
variados, a lo que se suma tipografías llamativas, para diferenciar su producto
del de la competencia.

Una buena imagen, un texto conciso y adecuado, redactado en forma sencilla

pero atrapante, y el logo de la empresa o producto, componen el conjunto que
atrae de una publicidad gráfica.

La estructura formal de un aviso gráfico debe incluir los siguientes elementos:

1. Titular

Contiene la idea principal del anuncio, el que despierta la curiosidad del espectador.
Por lo tanto debe llamar la atención e invitar a seguir leyendo el aviso. Se debe
destacar por el color, tipo de letras y disposición.

2. Cuerpo del Texto

Incluye el argumento de porqué elegir este producto y no el de la competencia. Debe

estar redactado con palabras concisas, y en el caso de ser una revista, ampliar un
poco la información sobre el producto.
3. Slogan

El slogan es un mensaje destacado que promete un detalle que destaca al producto,

marca o empresa y lo diferencia de la competencia. Crear un buen slogan
publicitario es uno de los grandes desafíos de cualquier empresa o negocio.

4. Imagen

Incluye una imagen que puede ser un dibujo, una fotografía, una caricatura, una
viñeta, o un grabado. Lo más poderoso del anuncio es la imagen. De ella depende
que el lector pase de largo la página o se detenga a ver de qué se trata. La imagen
puede ser del mismo producto, un modelo, un personaje o un paisaje relacionado.

5. Pie de anuncio

Es la parte inferior del aviso, el cierre. Generalmente se colocan allí los datos del
fabricante o empresa que los vende.

Puede incluir los datos de contacto, redes sociales, correo electrónico, sitio web
y dirección. Identifica el producto con su anunciante y le brinda al cliente la
información para comunicarse con él.

6. Identidad Gráfica o logotipo

Es el elemento gráfico que identifica a la marca en forma simple. El logo de una

empresa es su identidad visual, con solo verlo, se conoce a qué empresa pertenece
y que productos o servicios ofrece.

Internet ha impuesto dentro de la publicidad gráfica otro tipo de estándar. Aquí

puede intervenir la gráfica estática como también imágenes con movimiento o con
sonido.

En definitiva, podemos destacar que la publicidad gráfica es una opción muy

interesante y necesaria para posicionar a las marcas en el mercado actual.

Veamos 2 ejemplos gráficos minimalistas para que lo tengas aún más claro…
Búsqueda adecuada de imágenes con formato PNG transparente

Para editar piezas gráficas o audiovisuales siempre es más fácil conseguir

imágenes con fondo transparente para superponer objetos en los diseños.
Para poder conseguirlas, Google, habilitó una nueva opción:
Desde la sección imágenes presionamos Herramientas + Color + Transparente
¡y listo!

Sin embargo, no es la solución al problema, ya que en la mayoría de las búsquedas

esta característica es falsa.

¿Cómo me doy cuenta si el fondo es verdaderamente transparente?

Al presionar la imagen con un fondo supuestamente blanco, el mismo se
transforma en cuadraditos grises y blancos.
Verdadero

Falso

Si al presionar la imagen, el fondo sigue siendo blanco cuando la descarguemos no

tendrá fondo transparente.

Falso
Si el diseño tiene los cuadraditos blancos y grises antes de abrirlo en grande
también es falso! Al descargar el fondo se va a mantener igual que en la foto.
Para encontrar imágenes con fondo transparente, además de usar la herramienta
de Google y seguir nuestros consejos, te recomendamos buscar de otras formas
para encontrar más opciones: “hamburguesa png”, “hamburguesa png sin
fondo” o “hamburguesa png con fondo transparente”.

Buscar imágenes png transparentes en Google

https://www.youtube.com/watch?v=uecbDzmHTX0

Páginas para encontrar imágenes png transparentes

https://www.pngwing.com/es

https://www.freepng.es/
Destaca el Texto
En ocasiones notarás que la tipografía que utilizaste en tu pieza de diseño no se
destaca, pierde lectura, más aún cuando la tienes que colocar sobre un fondo
complejo en sus características de color. Para ello hay que ser muy preciso en el
contraste.
¿Cómo podemos hacerlo?
Veamos algunas alternativas para que tu texto no pierda protagonismo en tu pieza
de diseño.

Por CONTRASTE DE COLOR

Por CONTORNO EN EL TEXTO

Por ESPACIO CONTENEDOR

Vemos que hay diferentes formas de contrastar los elementos: simplemente por
diferencia de color texto /fondo, por contorno en el texto (lo despega del fondo)
y por espacio contenedor (genera un espacio propio de contraste entre el texto y
el contenedor por color que los destaca del fondo).

Cuidado con esta última alternativa que no invada mucho la imagen de fondo
quitándole protagonismo.

Ejemplo de contraste efectivo

Cómo remover fondos

Removebg

https://www.remove.bg/
Sacar fondo de imagen de manera fácil (Está en Inglés pero es muy intuitiva)

Tutorial (8:27 min.)

https://www.youtube.com/watch?v=qyy4QEZht9I&t=22s
Freepik
Tal vez el sitio de descarga gratuita de imágenes más usado por diseñadores
y no diseñadores que necesiten todo tipo de imágenes.

¿Qué es Freepik?

Bajo el lema “Recursos gráficos para todos” Freepik proporciona imágenes

vectoriales, fotografías, iconos e ilustraciones totalmente gratis para que los
destines al diseño en una red social, una página web, banners o cualquier otro tipo
de trabajo que necesite de recursos gráficos.

https://www.freepik.es/

Behance. Portafolios de Diseño

Behance es un Network o red gratuita, donde diseñadores y especialistas

relacionados con proyectos o actividades visuales comparten su trabajo a través de
portafolios con el objetivo de conectar con personas del mismo rubro que se
encuentran dentro de la comunidad.

Behance recibe visitantes cada mes, cosa que se ve reflejada en oportunidades

laborales. También al visitar los portafolios de los usuarios inscritos, el visitante,
podrá ver tendencias actuales y generar nuevas ideas.

https://www.behance.net/
Algunas Infografías con información adicional
Glosario

https://www.canva.com/es_mx/aprende/50-terminos-diseno-explicados-para-no-
disenadores/

Links relacionados

Identidad Visual: https://laiavives.com/identidad-visual-en-redes-sociales/

Herramienta de recorte de fondo: https://es.clippingmagic.com/

Inspirate en Pinterest!!

Plantillas

https://www.pinterest.es/pin/303218987414133721/

Aplicaciones para Edición

Canva https://www.canva.com/

Crello https://crello.com/es/

Desygner https://desygner.com/es/

Pixlr https://pixlr.com/es/

Picmonkey https://www.picmonkey.com/es/editor-de-fotos

Removebg https://www.remove.bg/

Fin Unidad 4