Diseño gráfico y estética ¿Qué hacer y no hacer?

y herramientas
Mg. Carlos Cruz
Docente Universitario
Recomendaciones

“Cuando buscamos ser creativos, la mente recurre a lo que ya
hemos visto, probado, escuchado o sentido”
2
Así que debemos ver bastante contenido, es una forma de
darle material a nuestra creatividad…
Mg. Carlos Cruz / Docente Universitario

¿Por qué es importante ser
estético en un diseño?
• En el lenguaje coloquial se refiere a aquello
que es bello, o mejor, que se percibe como
bello, aunque en filosofía se entiende como la
rama que estudia la esencia y la percepción de
la belleza. La palabra deriva de las voces
griegas “aisthetikê” (percepción), “aisthesis”
(sensibilidad) e “ica” (relativo a).
• Ahora, existen unas normas básicas dentro del
diseño que encajan perfectamente en los
gustos de una buena parte de la sociedad…
4

“Para los gustos, los colores”
La estética es: Crítica, rigurosa, sistemática
- Juzga, compara, vincula, organiza
- Es subjetiva: tiene presente las percepciones,
culturas, gustos y conocimientos.
• Por eso, el diseñador debe conservar ideas,
conceptos y signos.
• Debe tener en cuenta el lugar, el tiempo y la
cultura.
• Debe tener en cuenta un modelo o arquetipo
https://www.behance.net/galleries 5

https://www.fotojet.com
Parecido a Canva, con una interfaz muy intuitiva y
fácil de manejar, así es fotojet. Un sitio web donde
podremos agregar las fotos desde nuestra pc y
agregar marcos, textos o filtros prediseñados y al
final exportar en JPG alta resolución.
https://www.flaticon.com/
Este es el portal de los íconos en PNG o en vectores
para usar en nuestros diseños. Basta con escribir en el
buscador la palabra clave y en segundos veremos una
buena centena de íconos para descargar y usar en nuestros
diseños, simple y de buen gusto.

Evite agregar marcos y efectos innecesarios
a las fotos cuando haga sus diseños. Los
marcos y efectos caen bien cuando hay
buena estética, cuando se hace necesario
en el diseño.
8
- No distorsionar la imagen
- No sesgar la imagen
- No estilizar la imagen
- No cortar la imagen correctamente
- No usar imágenes de buena calidad
Las imágenes se escalan de
las esquinas, no de la mitad

“El diseño no consiste en hacer bello lo útil, ni hacer bueno lo bello, ni
hacer útil lo bueno. Un buen diseño encuentra su ciencia, su ética y su
estética en su simple globalidad” Jorge Wagensberg
9
Fuente:Pinterest(Fotooriginal,sinretoque)

10

https://www.rawshorts.com
Si lo que necesitas es crear un video tipo infografía y tienes
una buena idea, Internet y algunos recursos, esta es la
plataforma que te ayudará. Solo debemos registrarnos y de
inmediato accederemos a un panel muy atractivo de
recursos editables en video.
https://www.vexels.com/
Uno de los portales de búsqueda de archivos en PSD, AI,
PNG y SVG más grande de Internet. De verdad pero los
creadores de esta plataforma se fajaron con sus recursos.

El diseño tiene que transmitir
un mensaje claro y visual.
Hay que conocer bien el sector, la
empresa/marca y el público
objetivo.
Elementos que aparecen
Es importante tener en cuenta:
• Figuras: líneas, cuadrados, círculos, triángulos,
rectángulos.
• Si en un diseño las imágenes van en círculos,
se debe conservar estas figuras en todo.
• Es importante tener en cuenta la ubicación
de los elementos, conservar un equilibrio.
14
Colocación o distribución de los elementos

Títulos y subtítulos
15
QUÉ HACER Y NO HACER
• Las líneas le dan soporte a los bloques de
textos grandes, úsalas.
¿Qué tal unas punteadas?
• Así se verán tus líneas cuando tengas párrafos
grandes y necesites agruparlos dentro de un
diseño.
• Recuerda que existen diferentes tipos de
líneas, algunas son deformes o degradadas
No dañe sus diseños
• Los círculos se ven muy bien, los óvalos no. Los
óvalos hay que saber manejarlos, por lo
general se ven como si el círculo hubiera
quedado mal.
• Lo mismo pasa con los rectángulos y demás
formas que al rotarse toman una distorsión en
sus bordes.

En occidente leemos de izquierda a
derecha, por eso los ojos se desplazan a
través de los anuncios de izquierda a
derecha.
Entonces es recomendable arrancar con
el producto y/o slogan en la parte
superior izquierda para “abrir” el anuncio.
Ahora, si el fondo no deja leer bien el
logo, puede ir en la parte inferior derecha
para “cerrar” el anuncio y que sea lo que
permanezca en la memoria.
Si aprendemos de los grandes: Coca-
Cola / Mc Donalds / Pepsi / Nos daremos
cuenta que todo depende del anuncio,
así mismo se ubica la marca.

LOS LOGOTIPOS SE COMPONEN ÚNICAMENTE DE PALABRAS.
LOS ISOTIPOS SON SÍMBOLOS QUE YA RECONOCEMOS COMO
UNA MARCA EN ESPECÍFICO. NO REQUIERE MOSTRAR
ACOMPAÑAMIENTOS TEXTUALES.
LOS ISOLOGOS SON LA FUSIÓN DE IMAGEN MÁS TEXTO.
SON INDIVISIBLES, YA QUE SOLO FUNCIONAN COMO UN
CONJUNTO.
LOS IMAGOTIPOS SON TAMBIÉN UNA FUSIÓN DE TEXTO E IMAGEN.
ESTOS SÍ PUEDEN SEPARARSE, SIN TEMOR A PERDER EL
SIGNIFICADO.
17

https://www.tailorbrands.com/
No hay nada mejor que el concepto ideado por un diseñador
gráfico o un publicista. Sin embargo, a veces no contamos
con el tiempo suficiente o los recursos ideales para
construir un logo, por eso está este tipo de propuestas como
tailorbrands.
http://www.brandsoftheworld.com/
Casi que todos los logos y marcas están aquí. Lo interesantes es que
los puedes descargar en PSD o AI y ver la construcción de cada uno para
tenerlos como guía para tus propios diseños.

Controle sus emociones, no vierta todos
los colores en un diseño
Tenga en cuenta: Matiz, saturación y
luminosidad
Matiz: Matiz es el color mismo. Cada matiz
tiene características propias. Hay tres
matices primarios (amarillo, rojo, azul). La
estructura cromática se enseña mediante la
rueda de colores. Los colores primarios y los
secundarios (naranja, verde y violeta). Pero
suelen incluirse también mezclas muy usadas
de al menos 12 matices.
Saturación: Es la pureza de un color respecto
al gris. Es color saturado. Está compuesto de
matices primarios y secundarios. Los colores
menos saturados apuntan hacia neutralidad
cromática y son sutiles y tranquilizadores.
Cuanto más intensa o saturado, más
cargado está de expresión y emoción. Lo
informativo es de color saturado. Lo contrario
es a lo que llamamos tonos “pastel”.
Luminosidad: Es la característica referida al
brillo (de la luz a la oscuridad). La presencia
o ausencia de color no afecta al tono
21
https://color.adobe.com

Dependiendo del diseño, así mismo pensará en
la temperatura. Sin embargo, los colores deben
tener una justificación y un orden.
Negro: Lo siniestro, lo desconocido, el misterio.
Gris: Sugiere comedimiento e inteligencia. Son
neutros, fríos, sin compromisos ni implicaciones.
Transmite desánimo, aburrimiento. Hay quien lo
relaciona con el pasado y la vejez.
Blanco: La luz y el día se emparentan con la pureza,
color de la virginidad/ inocencia. Símbolo de la paz
y la armonía.
Rojo: Vinculado con el corazón, la sangre y la vida.
Es agresivo, excitante. Implica acción y movimiento.
Es un color muy visible, indicador de peligro.
Naranja: Es rico y extrovertido. Fluorescente es uno
de los colores más visibles. Es un color de alarma. Su
brillantez aumenta cuando disminuye la luz solar.
Amarillo: Color reflectante. Tiene un sentido de
avance. Color más visible cuanto más saturado esté.
Color de la jovialidad, de la risa y el placer. Es el
color del oro y la opulencia. La alegría del amarillo
deja paso a cualidades negativas como la traición,
la cobardía o egoísmo.
Verde: Es el color de la naturaleza y la esperanza.
Es juventud y fertilidad. Tiene propiedades sedante
y tranquilizadoras. Puede llegar a ser podredumbre
y decadencia. Es veneno y los celos son verdes,
como los reptiles.
Azul: Es infinito, noble y grandioso (cielo y mar). Lo
azul es bello y majestuoso aunque pasivo. La
confianza y la fidelidad son azules. Tiene un
componente frio; preciso y ordenado. Si pierde
luminosidad tiene un aire triste.
Violeta: Color del lujo y a ostentación. Del prestigio,
la dignidad y la elegancia. El poder evocador lo
lleva a representar otros valores: El misterio de la
Pasión cristiana, el engaño, el hurto.
22
El efecto de avance en los colores cálidos y de
retroceso en los fríos

https://piktochart.com/
Esta es una de las plataformas más grandes que tiene
Internet para crear infografías, posters y otros diseños.
Con la misma técnica de arrastrar y soltar, podrás darle
vida a tus ideas.
https://www.genial.ly/
Si eres estudiante y quieres usar los diseños hechos, te saldrá
a un costo de 2 dólares por mes y tendrás bastantes beneficios
además de quitar la marca de agua. Diseños muy completos y
fáciles de usar.

La tipografía debe
tener un sentido, una
personalidad y una
posición. Utiliza un máximo
de 2 (como mucho 3)
tipografías y combínalas
bien.
26
3. MEZCLAS:
Se combinan fuentes de
estado de ánimo
complementarios y de
épocas similares
2. CONTRASTE:
Combinación entre
una tipografía regular
y una bold o fuerte
1. GHOTMS:
- Geometric Sans
- Humanist Sans
- Old Style
- Transitional
- Modern
- Slab Serif
4. TÍTULOS Y PÁRRAFOS:
Por lo general los títulos son
textos artísticos y los párrafos
van con texto serif por su
mejor legibilidad

Tamaño
Este punto también va relacionado con la legibilidad.
Una letra muy pequeña puede no tener buena lectura.
Pero una letra muy grande tampoco puede ser
agradable, si el texto es muy largo.
Interletrado
Es el espacio que hay entre letra y letra. Si es muy
pequeño ese espacio, las letras se unen y pueden crear
una forma difícil de entender y por lo tanto se pierde la
lectura.
Interlineado
Es el espacio entre línea y línea de texto. Si hay poco
espacio entre una línea y otra se puede complicar la
lectura, o si hay mucho puede que no se vea el párrafo
como tal y no permita la fluidez en la lectura.
El interlineado debe ser justo, que no se vea tan
separado porque rompe el diseño.
Serif
Respeto
Tradición
Autoridad
Grandeza
San Serif (Palo seco)
Moderna
Limpia
Clara
Estable
Slab Rare
Fuerte
Solida
Divertida
Moderna
27
Cursiva
Elegante
Creativa
Femenina
Intrigante
Moderna
Fuerza
Estilo
Chic
Exclusividad
Display
Fresca
Única
Expresiva
JUSTIFICAR Y ALINEAR:
Los textos deben estar
justificados o alineados a la
izquierda o derecha o
centrados, no dejar huérfanas.
NEGRITAS Y COLORES:
Si va con NEGRITA no va en cursiva ni subrayada ni con
sombra.
Si va con color, que conserve un matiz similar Mg. Carlos Cruz / Docente Universitario

Es importante siempre citar la fuentes de información. Puede ser con el
nombre del autor o el enlace de referencia de donde se tomó el
contenido.
28
Fuente: Pinterest (Foto original, sin retoque)

29

https://www.dafont.com/
Definitivamente una de las mejores para descargar fuentes
tipográficas. Aquí encuentras diferentes estilos y modelos,
además puedes agregar un texto y ver cómo quedaría con
el tipo de fuente que escogiste.
https://www.whatfontis.com
Si tienes una imagen y quieres reconocer el tipo de fuente que
se ha empleado, aquí lo puedes hacer. Este sitio reconoce el tipo
de fuente y te dice el nombre exacto y a veces puedes conseguir esa
tipografía allí mismo.

32

33
Fuente: Pinterest (Foto original, sin retoque)

https://es.brusheezy.com/
Acciones, pinceles, texturas, patrones y demás utilidades
puedes descargar aquí. No hay excusa para no diseñar bien
con estos recursos para Photoshop.
https://es.calameo.com/
Dos revisteros online que nos sirven como referencia
a la hora de diseñar y conservar la estética. Veremos
cómo diseñan las grandes marcas y periódicos y
qué orientación tienen en sus fotografías.
https://issuu.com/ issuu

Diseño gráfico y estética ¿Qué hacer y no hacer?

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Diseño gráfico y estética ¿Qué hacer y no hacer?

Similar a Diseño gráfico y estética ¿Qué hacer y no hacer? (20)

Más de Planeta Digital 360

Más de Planeta Digital 360 (20)

Último

Último (20)

Diseño gráfico y estética ¿Qué hacer y no hacer?