Factores a tener en cuenta a la hora de diseñar un pictograma

Un pictograma es un signo icónico dibujado y no lingüístico que representa figurativamente, de forma más o menos realista, un objeto real o un significado. Esto lo hicimos en la primera evaluación con el trabajo de señaletica, en el que un texto (que indicaba un lugar, así como la biblioteca) debía de acompañar a un pictograma (como el maniquí que hicimos para el aula de diseño). 

Algunos de los factores a tener en cuenta a la hora de diseñar un pictograma son: 

1. Comprensión: el pictograma debe ser comprendido por el mayor número de personas posible, independientemente de si son discapacitados físicos o mentales y de su lengua o etnia. En resumen, que debe de ser universal.

2. Legibilidad: el pictograma se debe de construir siguendo unas reglas que permitan mantener la coherencia textual. Es decir, no puedes dibujar un garabato cualquiera para indicar que cerca de aquí hay una cafetería (hay que ser muy cauteloso a la hora de elegir el elemento esquemático que representará al conjunto -como por ejemplo, una taza para saber que hay una cafetería-)

3. Sencillez: tiene que representar únicamente los elementos más importantes evitando así información irrelevante. Por ejemplo, en el caso de la cafetería, no hace falta que ilustres cada detalle que la compone, como servilleteros, platos, sillas... Debes representar algo sencillo y fácil de entender, cómo la mencionada taza o una cafetera...

4. Referente: tener en cuenta aquello que representa, a lo que hace referencia el pictograma (un deporte, un lugar, el sexo de una persona...) 

Observa los pictogramas de las olimpiadas de Río 2016 ¿Te parece que estén reflejados las características nombradas anteriormente?

               

Otras características...
-El pictograma debe ser dibujado, no escrito.
-El objeto puede ser real o significativo y debe de representarse de la manera más realista y reconocible por las personas.
-Debe de transmitir un mensaje o información de manera esquemática y clara. O sea, debería de resumirse en todos los detalles superfluos (característica 4).
-Primero escoger figuras alusivas al tema y luego se les asigna una imagen.

Os dejo un proyecto real que os plantea una serie de pautas útiles a la hora de hacer un pictograma realizado por la ONCE:



Pautas de diseño de Pictogramas para todas las personas

Hay una infinita variedad de pictogramas y de diseños muy originales por muy sencillos que tengan que ser.

Con estas pautas podrás hacer un buen pictograma tanto en la P.A.U. como en encargos de futuro diseñador.

Lucía O.


Fuentes e imágenes:
https://nicodg.wordpress.com/category/portfolio/page/4/

Read more

Impresión / Cuatricromía

Seguimos con la preparación de la teoría , esta vez con la pregunta que se refiere a la "Impresión / Cuatricromía" que le ha tocado a David.

La pregunta decía así:
¿Qué colores se emplean en la impresión en cuatricromía?
la respuesta sería :cuatro, amarillo, magenta cian y negro.
Y esta es la teoría que nos ha aportado ampliada David:

"Basándose en el sistema de semitonos y en la misma ilusión óptica que lo sustenta, se desarrolló un sistema para imprimir imágenes en color con una fidelidad razonablemente aceptable llamado cuatricromía
El proceso se basa en la teoría del color que dice que el espectro las emisiones lumínicas perceptibles por el ojo humano se pueden descomponer en una serie de colores básicos: tres aditivos y tres sustractivos. El juego de mezclas entre estos estímulos permite representar los colores de forma que el ojo humano perciba tonos de color hasta el límite de su capacidad.
Cuatricomía o selección de color es un sistema de impresión que se basa en la reproducción de las imágenes mediante los colores CMYK. El sistema de cuatricromía se suele denominar "CMYK" por las iniciales inglesas de Cyan (cian), Magenta, Yellow (amarillo) y Key (clave, ya que 
en impresión tradicional el color negro era "el color clave"). A veces lo verás también con el acrónimo español CMAN.
De los 4 colores que forman una selección (CMYK), el cyan, el magenta y el amarillo son colores básicos y el cuarto color, el negro, se añade para dar una mayor definición y profundidad a la mezcla" 


Este tema es fundamental en el trabajo de un diseñador gráfico y hay que dominarlo lo más posible para evitar posibles problemas a la hora de llevar a la realidad física nuestros proyectos (ya hemos pasado por alguna que otra experiencia ¿verdad? 
Es básico que sepáis los diferentes métodos de impresión que os dejo en el siguiente enlace:

Métodos de impresión

Métodos de impresión #2




       



Fuentes e imágenes:
https://www.google.es/search?q=Impresi%C3%B3n&espv=2&biw=1040&bih=882&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwj__o_qoIvLAhXEvxQKHT_CBnUQsAQIUA#imgrc=E2Pc034g-BdIhM%3A

Read more

Tipografía /serif

Esta vez, la pregunta que le tocó a Paula, nos decía:
¿Qué es la serifa? Nombre dos tipografías con serifa. ¿Qué carácter  tienen los textos escritos con serifa?
La respuesta que nos da es la siguiente...

La serifa son pequeños remates puntiagudos que adornan los finales de los rasgos principales de los caracteres. También se llama "remate", "gracia", "serif" y (en Hispanoamérica) "patín". Ej la times new roman,  bonodi galamond

Al igual que en la entrada anterior del color, vamos a intentar ampliar el contenido de esta respuesta para que tengáis una visión más amplia de lo que es un "tipo", las letras  y sus partes...

ÁPICE
Unión de dos astas en la parte superior de la letra.
APÓFIGE
Pequeño trazo curvo que enlaza el asta vertical con los terminales o remates.
ASTA
Rasgo principal de la letra que define su forma esencial. Sin ella, la letra no existiría.
ASTA ASCENDENTE

Asta de la letra que sobresale por encima de la altura de la X (ojo medio).

ASTA DESCENDENTEAsta de la letra que queda por debajo de la línea de base.

ASTA ONDULADA O ESPINA
Rasgo principal de la S o la s.
PERFIL, FILETE O BARRA
Línea horizontal entre verticales, diagonales o curvas.
BRAZO
Trazo horizontal o diagonal que surge de un asta vertical.
BUCLE O PANZATrazo curvo que encierra una contraforma.
COLA
Prolongación inferior de algunos rasgos.
CONTRAFORMA O CONTRAPUNZÓN
Espacio interno de una letra total o parcialmente encerrado.

CRUZ O TRAVESAÑO
Trazo horizontal que cruza por algún punto del asta principal.

CUELLO
Trazo que une la cabeza con la cola de la g.

ESPOLÓN
Extensión que articula la unión de un trazo curvo con otro recto.
GOTA, LÁGRIMA O BOTÓN
Final de un trazo que no termina en una gracia o remate, sino con una forma redondeada.
HOMBRO O ARCO
Trazo curvo que sale del asta principal de algunas letras sin acabar cerrándose.
LAZO
Trazo que une la curva con el asta principal.
OJAL
Bucle creado en el descendente de la g de caja baja.
OREJA
Pequeño trazo situado en la cabeza de la g de caja baja.

PATA
Trazo diagonal que sirve de apoyo a algunas letras. También se puede llamar cola.

SERIF, REMATE O GRACIA
Trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del carácter, habiendo alfabetos que carecen de ellos (sans serif).

UÑA O GANCHO
Final de un trazo que no termina en remate, sino con una pequeña proyección de un trazo.
VÉRTICE
Punto exterior de encuentro entre dos trazos en la parte inferior de la letra.




Para entender el predominio de las serif (letras con serifa) o las sans serif (letras sin serifa) en un medio hay que tener en cuenta el medio en el que aparece. En los largos textos impresos en papel se usan más las fuentes con serifa porque facilitan la lectura lineal. 

En los titulares cada vez se usan más los tipos de letra sin serifa, porque dan un aspecto más moderno.

En la red son más frecuentes las letras sin remates porque los textos se ven más limpios. Esto se debe a la resolución de pantalla que han tenido la mayoría de los monitores hasta la actualidad. Mientras un periódico suele tener una resolución de 200 ppp (puntos por pulgada), la resolución de los monitores suele ser de 72 ppp, aunque ahora las pantallas TFT suelene venir con resoluciones de 96 ppp.
En una pantalla los textos escritos en fuentes con serifa se ven más borrosos que los escritos en una fuente sans serif.

La tipografía sin serifa no presenta pinceladas o trazos, sino cortes limpios en los extremos. La mayoría de las páginas emplean tipografía sin serifa para el texto del cuerpo de la página, ya que son más legibles en la pantalla y dan la sensación de páginas modernas.

Muy recomendables por ser limpias, legibles y versátiles sin resultar aburridas.

Letra sans serif, como:

 la Helvetica,

la Verdana 

o la Arial

Uso y tipografía recomendada

Para la navegación y el cuerpo gracias a su legibilidad.

• Open Sans
• Roboto
• Lato
• PT Sans
• Ubuntu
• Arimo
• 
  

La tipografía serifa tiene pequeñas pinceladas o trazos que se extienden desde los extremos de las letras o símbolos. No son muy recomendables para textos largos debido a que puede parecerse a un escrito de universidad o dar la sensación de borrosos, aunque si sabes utilizarlos, pueden darle a tu página un estilo clásico o tradicional.

Uso y tipografía recomendada

Para títulos, enlaces o párrafos cortos, no para textos largos.

• Vollkorn
• Merriweather
• EB Garamond
• Lustria
• Libre Baskerville

Finalizo con los siguientes enlaces por si quereis seguir ampliando...


Familias Tipográficas, Grupos y clasificaciones

Diferencias entre fuente y tipografía

Fuentes:
http://www.unostiposduros.com/anatomia-de-la-letra/
http://es.jimdo.com/2014/12/12/elige-la-tipograf%C3%ADa-adecuada-para-transmitir-el-mensaje-correcto-en-tu-p%C3%A1gina-web/

Read more

Color / Aplicación al diseño

Una de las preguntas que estaban dentro de los exámenes de selectividad con los que habéis "ensayado" esta semana, era sobre el color, en concreto, la pregunta decía así:

Defina el concepto de saturación en el color. Cite dos ejemplos prácticos, uno en el que se utilice máxima saturación y otro en el que se utilice mínima saturación.

Paula nos ayuda a encontrar la respuesta con la siguiente definición e imagen:

 Saturación o pureza: define la intensidad o grado de pureza de cada color

Añadiría además que ..."por ejemplo, decimos “un rojo muy saturado” cuando nos referimos a un rojo puro y rico. Pero cuando nos referimos a los tonos de un color que tiene algún valor de gris, o de algún otro color, los llamamos menos saturados. La saturación del color se dice que es más baja cuando se le añade su opuesto o complementario en el círculo cromático, ya que se produce su neutralización. Basándonos en estos conceptos podemos definir un color neutro como aquel en el cual no se percibe con claridad su saturación. La intensidad de un color está determinada comúnmente por su carácter de “prendido” o apagado”.

La saturación o intensidad puede controlarse entonces de cuatro maneras: tres de ellas consisten en la adición de un neutro, blanco, negro o gris; y la cuarta manera consiste en agregar el pigmento complementario. Por lo tanto, para reducir la saturación, se agregan o quitan otros colores, el blanco, el negro o la luz. Un color se encuentra en su estado más intenso y saturado por completo cuando es puro y no se le han añadido negro, blanco u otro color. Un color azul perderá su saturación a medida que se le añada blanco y se convierta en celeste.(Fuente:http://www.proyectacolor.cl/teoria-de-los-colores/propiedades-de-los-colores/)

Usaríamos un color saturado para llamar la atención y avivar una ilustración o fotografíaporque se perciben próximos al observador,también para su mejor reproducción digital; mientras que usaría un color con baja saturación para dar una sensación por ejemplo de "lejanía"y profundidad

Como estamos investigando y ya "estudiando" la teoría que entra para el examen de selectividad, creo que, además de contestar acertadamente y de una manera concisa a la pregunta , deberíamos ampliar un poco más para tener una visión más amplia del tema y estar verdaderamente preparados a cualquier aspecto del tema que nos ocupe.

Os dejo aquí enlaces y aspectos que debéis saber y tener en cuenta en el tema del color:

Propiedades del color ...Tono, valor y  Saturación

Sensaciones cromáticas ...La percepción que tenemos de los objetos está condicionada por su color.

Teoría del color

Ejemplos del color en el cine , elección de una gama de colores.

Colores en el diseño Aplicación de los colores al diseño

Read more

Víctor Horta / Introducción al Art Nouveau por L.M.G.

Victor Horta





Finales del siglo XIX- principios del XX

Victor Horta (1861-1947) fue un arquitecto de origen belga, hijo de zapatero, promesa violinista, que pasó a estudiar arte especializándose en dibujo arquitectónico tras su 
expulsión del conservatorio por indisciplina. Estudió y trabajó en Paris hasta la muerte de su padre en 1880, entonces, cuando volvió a Bélgica y comenzó su carrera como dibujante para Alphonse Balat, el arquitecto favorito del rey Leopoldo II de Bélgica.
 Fue un pionero arquitecto en el movimiento del Modernismo, también conocido como "Art Nouveau". 

Sus obras más destacadas son el Hôtel Autrique, la Maison Tassel, la Casa Solvay, laCasa Horta y, finalmente la Casa del Pueblo. En ellas, prescindió del pasillo y de las habitaciones en fila creando espacios fluidos y dando un nuevo tratamiento al uso del hierro y del cristal, creando formas vegetales tanto en elementos arquitectónicos, como en el mobiliario.

Hôtel Autrique:(1892-1893) 

                                                             Obra construida en forma 
paralela a la Casa Tassel. Logró conformar una simplicidad formal y de gran dignidad, a pesar de un presupuesto ajustado. 
En esta obra se destaca la exploración de Víctor Horta, ya que genera una integración del edificio con la calle, paredes decorativas de espesores distintos, formas simétricas y asimétricas 
co-existentes, y luego está el uso revolucionario del metal.

      


Maison Tassel (1892-1893): 

Ubicada en Bruselas, (Bélgica), esta obra es en la que principalmente se aprecia el nuevo movimiento conocido como el Art Nouveau ya que se utiliza en su totalidad elementos naturales y se le da una gran importancia a la luz. 

Bibliografía: 

- Blog: http://nolomaccesopaeg.blogspot.com.es/p/blog-page_99.html
- Aruitectura y Empresa: http://www.arquitecturayempresa.es/noticia/arquitectura-
art-nouveau-de-victor-horta
- Wikipedia: https://es.m.wikipedia.org/wiki/Victor_Horta
- Tumblr: https://www.tumblr.com/search/victor,%20horta


Lucía Mulero Gardeta 

Diseño 


15 de febrero de 2016

Read more

Las tipografías expresan

Sí , las tipografías expresan y ¡Mucho!
Utilizarla adecuadamente nos puede llevar al éxito un proyecto o acabar de lo contrario, con una buena idea.

En esta semana, en uno de los diferentes ejercicios de los que estáis haciendo, una de las nociones de teoría a comentar , tiene que ver con la TIPOGRAFÍA, en concreto, la parte que le ha tocado a Lucía M. con la siguiente pregunta:

"Factores a entender en la elección de una tipografía"

Lucía nos ha llevado hasta la página de :
Uzkiaga (Diseño y Comunicación) Empresa de diseño gráfico y consultoría de comunicación , donde nos dan la siguiente exposición:

Cómo elegir tipografías en diseño gráfico

En un momento dado del vídeo con el que termina la explicación, se habla de la importancia del P&J, (Participación y Justificación)...os dejo el enlace al blog del maquetador errante , donde nos lo explica de una manera muy sencilla y práctica

Como última nota curiosa tipográfica os dejo este curioso producto de imaginación y trabajo...

The Guilty Hand Font: la tipografía que no tiene letras

Read more

Diseño 3, 2, 1...

Sí...empezamos la cuenta atrás.
Hemos pasado el primer trimestre de contacto, el segundo con proyectos ya más serios y ahora...trabajamos con ciertas bases y conocimientos pero sobre todo,con mucha ilusión para enfrentarnos con la prueba final del bachillerato.
Para ello, lo vamos a hacer de manera progresiva...
los exámenes que os habéis encontrado son los exámenes reales de años anteriores, en concreto del año pasado, de la Universidad Complutense, de la Autónoma y de la Carlos III de Madrid.
Nosotros pertenecemos a la Complutense.

Este es el plan que vamos a desarrollar en las siguientes dos semanas:
Los tres primeros días trabajamos en una de las opciones del examen práctico(en una semana lo referente al diseño gráfico y en la otra al de producto)e investigáis sobre las partes señaladas de teoría.
Llevad un diario donde apuntéis vuestros puntos fuertes, lo que peor se os dé, conclusiones del proceso que hayáis llevado,resolución de problemas...

Todo ello lo expondréis y debatiréis el viernes como está dispuesto  en la pizarra como recordatorio.
Trabajaréis en clase y procuraremos exponer lo máximo posible en el blog, para que podáis repasar, comentar, debatir...

¡A por ello!

Read more