Introducción Hola persona :D, ¿te gusta el diseño y los perritos? pues si dijiste que si, este libro te va a encantar, aquí vienen cien palabras clave en el diseño explicadas por mis tres perritas (and Friends): “Negrita” una Pomerania negra, obviamente, “Grisita” una schnauzer mini, y una criollita llamada “Laika”. Estas tres compañeritas te guiaran por todos sus conocimientos sobre el diseño recientemente adquiridos por escuchar todas las clases en línea en esta cuarentena que su dueña tiene de fundamentos del diseño.
Laika: Una perrita aguacatera de edad casi indefinida, pero lleva 2 años viviendo con su dueña. Ama los aguacates y que le rasquen la cabecita.
Negrita: Pomerania negrita de cinco años, ama comer y nunca para de hacerlo, ama que la bañen y la peinen. Grisita: schnauzer mini que tiene cuatro añitos, se cree gato, le gusta dar amor, no que le den (es exclusiva), ama las verduras y dormir todo el tiempo.
Concepto Es un conjunto de informaciĂłn recogida para sintetizar todos los elementos que nos permiten trasmitir la informaciĂłn necesaria y comunicar a nuestro pĂşblico objetivo el mensaje elegido.
Peso Visual Es la fuerza con que un elemento de una composición atrae la vista del espectador, a más peso visual, más capacidad de atraer la atención tiene un elemento.
Tal como nos llama la atención la exorbitante cantidad de comida que le dan a Laika y su insaciable estomaguito…
Asimetria Es la carencia de correspondencia en cuanto a las dimensiones, las formas y las ubicaciones de los diversos componentes que forman un todo. …Como la cama de Laika que algún día fue simétrica, pero es muy traviesa.
, Simetria En la casa dicen que negrita es una perrita completamente simétrica, porque sus manchitas son iguales.
Simetría es la correspondencia exacta en tamaño, forma y posición de las partes de un todo. Un ejemplo de simetría es El hombre Vitrubio de Leonardo da Vinci
Punto
Es el elemento gráfico básico y conforma la unidad mínima de la comunicación visual. Es de vital importancia y puede verse intensificado por medio del color, el tamaño y su posición en el plano.
, Linea Sirve para conectar dos puntos en el espacio. Podemos definirla como la uniรณn o aproximaciรณn de varios puntos. Casi siempre genera dinamismo y definen direccionalmente la composiciรณn en la que la insertemos.
Plano
es una superficie plana con largo y ancho, posición, dirección y está limitado por líneas, las cuales lo forman. Es el recorrido de una línea en movimiento que al cerrarse forma un plano acotado.
Volumen es un objeto gráfico que crea un espacio tridimensional con sus características de ancho, altura y profundidad. Se crea por medio de planos en movimiento y también perspectivas variando el tamaño, todo ello de manera ilusoria.
Contorno Es el objeto el trazo de mismo punto. lĂnea continua mismo punto.
grafico creado cuando una lĂnea se une en un Es decir, cuando una empieza y acaba en un
, Plano Basico Es el formato poligonal cuadrado, es decir una figura plana, cerrada por cuatro rectas iguales que forman cuatro รกngulos rectos.
,
Diseno
Es un boceto, bosquejo o esquema que se realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo. El término también se emplea para referirse a la apariencia de ciertos productos en cuanto a sus líneas, forma y funcionalidades.
Es el tamaño del área que tenemos para realizar una composición, es decir para diseñar. En el aspecto Editorial hay ocasiones en las que el formato puede ser elegido por el diseñador, lo que le da muchas posibilidades a la hora de componer.
Formato
Balance Es un principio natural de la forma en que entidades estables e inestables (en relaciĂłn al equilibrio) se relacionan y comportan creando o anulando tensiones, mismos que pueden convertirse en centros de interĂŠs o formas fluidas y armoniosas.
Tension Se puede definir como una “fuerza” que atrae la vista del espectador hacia cierto “lugar” de una imagen... En un campo visual rectangular, un ejercicio sencillo de nivelación sería colocar un punto en el cetro geométrico en un mapa estructural.
Plano Seriado
Es un conjunto de planos unidimensional, colocados en el orden y distribuciรณn adecuada, representan o simulan un objeto tridimensional sรณlido.
Diorama Es la ilustraciรณn con relieve o ilustraciรณn tridimensional adentra al alumnado en un campo inexplorado, donde hay que gestionar los recursos plรกsticos trabajando con la tercera dimensiรณn, en busca, muchas veces, de un resultado final bidimensional.
Simplicidad y complejidad
Son fáciles de interpretar, exigiendo poco esfuerzo de atención y dedicación para su comprensión. Éstas son monosémicas, es decir, cuando no dice más que el objeto al que representa.
Requieren más tiempo y atención del espectador para su análisis y decodificación. Obligan al lector hacer un esfuerzo superior. Éstas son polisémicas , es decir, además de representar un aspecto de la realidad, sugiere significados más complejos.
Movimiento Es un movimiento rítmico que genere en la percepción viajes sobre el campo visual de tal forma que la vista se mueva siguiendo trayectorias rítmicas y se detenga para una fijación breve o prolongada allí donde algo retiene su atención y el interés.
Balance
Empleando contraste conseguiremos diferenciar elementos resaltando su peso visual en la composición, con ello, también podremos organizarlos en una jerarquía visual y de lectura que logrará crear un efecto visual cuya finalidad es dirigir la atención al mensaje clave ya sea al contrastar los colores, texturas tamaños, o tipografías.
Agrupacion
Es la unión de un conjunto de elementos que se pueden relacionar mediante la proximidad, la semejanza, la continuidad o la simetría. Al agrupar un número de elementos se forma una composición, los elementos se pueden agrupar dependiendo de su forma, su color o su tamaño.
Direccion la direcciĂłn depende de cĂłmo estĂŠ relacionada con el receptor, el marco que lo contiene y las otras formas que tengan a su alrededor.
Abstracto y Figurativo Consiste en la abstracciรณn de las formas, acentuรกndolas de tal manera que se alejan por completo de la imitaciรณn o reproducciรณn de lo natural.
Representa figuras que existen en la realidad. Los paisajes, objetos, figura humana, etc. La figuraciรณn puede representarse de diferentes maneras; realismo, surrealismo, etc.
Textura Tiene que ver con el tipo de material utilizado y el resultado al usarlo, puede atraer tanto al sentido del tacto como al visual.
Tamano Un mismo elemento gráfico puede parecer grande o pequeño según la ubicación, el color y los elementos que le rodean, las pequeñas tienden a alejarse y en general, cualquier objeto carece de escala cuando no se puede comparar con algo.
Color El ojo humano puede distinguir entre 10000 colores y aquí no solo se habla de color del espectro solar, RGB, sino también a los neutros negro, blanco y grises, además de sus variaciones cromáticas según la percepción y sus propiedades materiales: tono, saturación y brillo.
CMYK
RGB
Son EL Cian, Magenta, Amarillo y Negro) que se utilizan en las impresiones a cuatro colores (Color Completo).
Son el rojo, verde y azul, se basa en la sĂntesis aditiva de la iluminaciĂłn en estos tres colores.
Composicion tridimensional Es aquel en el cual se incluye el efecto visual de que un objeto ocupa un lugar en el espacio, esto se puede lograr dando luz, sombra, masa, etc.
La Psicología del color es un campo de estudio que está dirigido a analizar cómo percibimos y nos comportamos ante distintos colores. Como El azul que es uno de los colores fríos, que puede transmitir tristeza y frialdad, o los amarillos que son colores cálidos y trasmiten felicidad y calor. Por cierto, esta es la única Paleta cromática que pueden ver los perritos, esta herramienta se usa para designar al conjunto de colores y tonalidades existentes.
Proporcion Se refiere a la justa y armoniosa relaciĂłn de una parte con otras o con el todo. Esta relaciĂłn puede ser no solo de magnitud, si no de cantidad o tambiĂŠn de grado.
Circulo cromatico Es utilizado para hacer referencia a la forma de representaciĂłn geomĂŠtrica y plana de los colores. ... Estos colores estĂĄn dispuestos de manera escalonada y progresiva entre diferentes tonos del mismo color que acercan a uno o otro color distinto.
Collage Es una forma directa de usar la textura visual en un diseño es el collage que es un proceso para adherir, pegar o fijar trozos de papel, tejido u otros materiales planos sobre una superficie. A que no es un collage acromático muy bonito?. Algo Acromático Cualquier color que carece de fuerte contenido cromático se dice que es insaturado, acromático, o neutral. Los colores acromáticos puros incluyen negro, blanco y todos los grises; los neutrales incluyen marrones, tostados, pasteles y colores más oscuros.
Colores Primarios
Colores que no se puede obtener mediante la mezcla de ningún otro color. basado en la respuesta biológica de las células receptoras del ojo humano ante la presencia de ciertas frecuencias de luz y sus interferencias. Colores secundarios
Colores si se pueden obtener, Los colores secundarios se obtienen de la mezcla en una misma proporción de los colores primarios. Colores terciarios
Colores que se obtienen mediante combinaciones hechas con colores primarios y secundarios.
Forma Todo aquello que vemos, posee una forma que empleamos para identificar en nuestra percepción. Es la apariencia externa de las cosas. Según la clasificación de las formas, estas pueden ser básicas o geométricas, orgánicas o naturales y artificiales.
PANTONE Crea las Guías Pantone o Cartas Pantone desde 1963 una especie de muestrario de colores con su nombre respectivo y código para su comparación, fórmulas y maneras de obtenerlo en porcentajes o gramos de manera fiel. Esto ayuda a que un color se obtenga de manera exacta.
Además no se si lo notas pero estos poodles están haciendo unas… Paleta Monocromatica
Armonia cromatica
Pues los colores por ser Pues son colores de demasiado parecidos están una sola matiz o creando cierto equilibrio tono. en la composición.
Valor simbolico de las figuras geometricas El cuadrado es una figura muy estable y de carácter permanente, asociada a conceptos como estabilidad, permanencia, honestidad, rectitud, limpieza, esmero y equilibrio. Los rectángulos horizontales aportan solidez, estabilidad, dan la sensación de ser difíciles de volcar. Los rectángulos verticales, por el contrario, da sensación de menos solidez, es menos estable, parece que puede volcarse en cualquier momento. La forma circular produce un movimiento de rotación , da sensación de protección, inestabilidad, totalidad, movimiento continuo o infinitud.
Maquetacion La maquetación es la forma de componer las páginas dentro de un documento, combinando sus diferentes elementos, imágenes, textos, iconos, tablas, botones (en el caso de una maquetación interactiva), etc.
Margenes Espacio que se deja intencionadamente vacío de contenido principal en los bordes de una página.
Sangrado En un documento PDF, indica la zona rectangular de la página donde van todos los elementos que deben quedar una vez que un trabajo impreso haya sido cortado o guillotinado. Es decir, la página impresa acabada, pero con la sangre incluida. Es un dato que sólo interesa en el uso de PDF para imprenta.
Además, para lograr un mejor resultado se ocupa la jerarquía. En el diseño, la jerarquía establece la mayor o menos importancia de los elementos que incluimos. En concreto es aquello que prioriza la visión..
Este es un perro con su color puro (ósea su puro, sin blanco ni negro añadidos) y esto lo puede hacer el más saturado (nivel de pureza de cada color).
tono
Estos perritos son sus matices que es el recorrido que hace un tono llegar a otro
Si hablamos de valor,(amplitud de luz de estos perritos el blanco tiene más valor que el negro. Sí, es algo racista… pero también podemos notar contraste! Que son colores que se encuentran en el opuesto del otro, como podría ser el amarillo y el azul.
Caracter
son las letras, cifras, signos de puntuación e ideogramas —en aquellos sistemas de escritura que sean ideográficos—. No son caracteres los signos diacríticos, ya que no se utilizan de modo independiente, sino siempre necesitan otro caracter para complementarlo.
A ver si entiendas algunos esquemas con huesitos con gradientes… ¿Qué son gradientes? colores ordenados linealmente y en los que se va produciendo una transición suave, gradual y progresiva . El esquema triádico usa tres colores de la rueda que están a la misma distancia de cada uno, formando un triángulo perfecto en la rueda.
Los colores complementarios son aquellos que están ubicados en el extremo opuesto del círculo cromático y, por lo tanto, se complementan. Los colores análogos son los que se están cerca uno de los otros, guardando gran similitud .
,
Fuente o tipografia? Definición correcta de fuente: Estilo o apariencia de un grupo completo de caracteres, guiados por características comunes. Definición correcta tipografía: Arte y técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.
?
Familias tipograficas Es un conjunto de fuentes tipográficas diferentes, pero con una clara raíz común. Esto hace que se pueden usar combinadas aportando contrastes a la composición pero manteniendo una armonía notable.
Composicion tipografica
Se denomina composición tipográfica a la capacidad que, como signo gráfico, posee la letra para interactuar con otras letras y asumir elementos plásticos básicos, renunciando en parte a sus atributos formales, para crear estructuras gráficas, más o menos complejas, dotadas de expresividad visual.
la «serifa» son las volutas o adornos decorativos que aparecen en cada una de las letras de este tipo. Dentro del grupo poseen diferentes estilos que las hace diferenciarse entre ellas. Normalmente se caracterizan por ser unas tipografías con elegancia y estilo.
s
San Serif Se considera el tipo más moderno. En la actualidad en la que nos desprendemos de lo accesorio y solemos quedarnos solo con lo funcional (como ocurre en el flat design), es fácil pensar que es una tipografía mas actual, Cuyos bordes son simples. Un tipo minimalista que puede parecer que da lugar a una lectura más clara y legible, pero que no tiene por qué ser así. Se suele pensar que tiene un aire más juvenil.
s
Caja Alta:
Tipografías mayúsculas. Se las denomina así por la posición en que antiguamente se guardaban las bandejas o cajas que almacenaban los tipos móviles metálicos de la imprenta tradicional.
Altura
de
la
x: Esas flechas rojas
letras que forman parte de la caja baja que son las tipografías minúsculas, y se les denomina así por lo mismo que las de caja alta.
están señalando al Leading que es el espacio existente entre las líneas de un texto.
Partes de la letra Asta montante Ascendente Blanco interno Oreja
Anillo
Remate
Basa
Cartela
Barra
Ojal
Kerning
El Kerning es el proceso de adiciรณn o eliminaciรณn de espacio entre pares de caracteres concretos.
tracking
El Tracking es el proceso de creaciรณn de expansiรณn o compresiรณn de un bloque de texto.
Color tipografico El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono diferente, debido a las características propias de sus diseños tipográficos.
Alineaciones Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible. Se encuentra en sentido contrario del lector y resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso con apariencia muy formal y son ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado largos con esta alineación
Izquierda
Derecha
Centrado
Y los RĂos tipogrĂĄficos consisten en los espacios en blanco que se generan entre palabras
Boceto Es un dibujo rápido y esquemático que se hace para representar las líneas generales de una obra, una idea o un plan.
,
Diseno de la informacion El diseĂąo de la informaciĂłn consiste en definir, planear y dar forma a los contenidos de un mensaje y el ambiente en que es presentado con la intenciĂłn de alcanzar determinados objetivos en relaciĂłn con las necesidades de los usuarios.
Diagramacion Oficio del diseĂąo editorial que se encarga de organizar en un espacio contenidos escritos, visuales y en algunos casos audiovisuales (multimedia). Estos elementos pueden estar en medios impresos y electrĂłnicos, como libros, diarios y revistas.
Su objetivo es satisfacer necesidades de comunicaciĂłn visual. Se ocupa de organizar imagen y, texto, producidos en general por medios industriales, para comunicar un mensaje especĂfico
Diseno estrategico Solucionar a partir de procesos empĂĄticos con el usuario, identificando sus necesidades y visualizando soluciones a partir de prototipos de productos, servicios y procesos, para posteriormente ser implementados.
,
,
Diseno grafico
Ilustracion IlustraciĂłn es la acciĂłn y efecto de ilustrar (dibujar, adornar). El tĂŠrmino permite nombrar al dibujo, estampa o grabado que adorna, documenta o decora un libro.
Icono PequeĂąa imagen grĂĄfica mostrada en la pantalla que representa un objeto manipulable por el usuario. Por ejemplo, una papelera representa un comando para borrar textos o archivos no deseados. Los iconos permiten controlar ciertas funciones de los ordenadores sin tener que recordar comandos ni escribirlos con el teclado.
Simbolo Imagen, sonidos o grĂĄficos con los que se representa y condensa un concepto. Es usual que haya alguna similitud o relaciĂłn aparente entre lo representado y el sĂmbolo
Opacidad
Capacidad de un material de impedir el paso de la luz a travĂŠs suyo. Es lo contrario de transparencia: A mayor opacidad, menos luz puede pasar (cuando un material deja pasar la luz pero la difumina de forma que impide a un observador que vea lo que hay mĂĄs allĂĄ, estaremos hablando de algo translucido).
Reticula
estructura a base de lĂneas, generalmente verticales y horizontales, las cuales nos ayuda a ordenar coherentemente.
todos los elementos de la composiciĂłn.
Cerramiento y fondo figura Es la idea de que el cerebro completará las partes faltantes de un diseño o imagen para crear un todo. En su forma más simple, el principio de cierre le permite al ojo seguir algo así como una línea punteada hasta su final.
La figura/fondo radica en que tendemos a percibir ciertos elementos como figura, con formas y bordes y otros como fondo.
Gestalt y la pregnancia La teoría gestalt se basa en la idea de que el cerebro humano intentará simplificar y organizar imágenes complejas o diseños que consisten en muchos elementos, al organizar inconscientemente las partes en un sistema organizado que crea un todo, como esta figura, que tiene que ver con la ley de la pregnancia. Siempre hay figuras que se perciben primero.
Escala La escala es la raz贸n que existe entre las dimensiones de un dibujo y sus correspondientes medidas en la realidad. se define escala como la relaci贸n entre la dimensi贸n dibujada respecto a su dimensi贸n real.
Usuario El diseño centrado en el usuario, es una metodología o filosofía del diseño que se centra en crear productos o planteados para que den solución a necesidades específicas de los usuarios.
Laika es fotógrafa y Al experta en composición. final… Negrita consiguió beca completa en la ECMH y es instructora en todas las materias.
Grisita consiguió unos lentes que la dejaban ver todos los colores y es experta en el color y forma.
ConclusiĂłn AdiĂłs persona! Esperamos que hayas terminado igual de profesional y erudito en el diseĂąo como estas tres perritas luego de darte un poco de su conocimientos.
:0)
Mariana Matal