REVISTA SOBRE ELEMENTOS DEL DISEÑO GRAFICO

Page 1

“Observa las cosas usuales con ojos inusuales”

Al igual que loscolores y las imágenes,los tipos de letra sonparte esencial de undiseño.

El diseño puede ser arte. El diseño puede ser estética. El diseño es tan simple, por eso es tan complicado

Si puedes definir correctamente el problema, entonces también has definido la solución

El diseño gráfico es el arte y proceso de combinar texto e imágenes (figuras, fotografías, dibujo, para comunicar un mensaje de forma efectiva. Diseño gráfico es todo aquello que comunica un mensa je visual. Así, su máxima es obtener manifestaciones o mensajes gráficos. Su auge actual se debe a la gran expansión de todo tipo de mensajes visuales a través de nuestros diversos dispositivos di gitales y tecnológicos.

Es una actividad encaminada al logro de objetivos previamente es tablecidos. El logro de esos objetivos es un fenómeno observable. La construcción de mensajes gráficos debe basarse en la concre ción de convenciones sobre la valoración sistemática del objeto de estudio del diseño gráfico.

ÍNDICE

COLOR COMPOSICIÓN
TIPOGRAFÍA
6 10 16
ARTISTA DE INSPIRACIÓN LEYES DE LA GESTALT DISEÑO WEB PUBLICIDAD FORMULARIO FOTOGRAFÍA ILUSTRACIÓN PROGRAMAS DE EDECIÓN DIGITAL 24 27 30 32 35 38 42 45

TIPOGRAFIA

a historia de las tipografías se remonta a los tipos mó viles utilizados en las primeras imprentas, los cuales tenían una cantidad muy limitada de modelos. Hoy en día, el diseño gráfico se ha profesionalizado mu chísimo y ha creado un sinfín de tipografías para utili zar en las composiciones visuales del mundo digital e impreso.

Al igual que los colores y las imágenes, los tipos de letra son parte esencial de un diseño. A partir de las tipografías se pueden desa rrollar, asimismo, la imagen corporativa de una marca o empresa y la clase de mensaje que se quiere dar a las personas en general. Podríamos decir que las letras también tienen personalidades y que cada una transmite cosas diferentes.

El arte de la tipografía tiene como objetivo transmitir mensajes es critos que también impliquen un lenguaje visual. Al establecer las características de la letra como la forma, espaciado, color y grosor se busca intensificar el significado o valor del mensaje y evocar sensa ciones en el lector.

La tipografía es un canal de expresión para aumentar la eficacia de un mensaje, por eso es crucial conocer los tipos de letras que exis ten y sus usos principales. Su capacidad de llamar la atención es una herramienta fundamental en el marketing porque también pueden comunicar ideas o sensaciones que estén relacionadas con la perso nalidad de una marca o una empresa.

Con Serif

También conocidas como letras romanas, son aquellas que se caracterizan por tener decorados o remates (llamados serifas o patines) en los extremos. Su aspecto nos remite a las publicaciones editoriales de antaño. A las fuentes que pertenecen a esta categoría se les considera clásicas; son empleadas en diseños tradicionales o institucionales, porque dan una sensación de serie dad, formalidad y sofisticación.

También son muy usadas en textos largos (e impresos) por su legibilidad, pues su composición permite guiar mejor la visión del ojo durante la lectura. Algunos ejemplos más representativos de las letras serifas son: Times New Roman, Garamond y Bodoni.

Sin serif

Al contrario de las primeras, las letras sin serifa o de palo seco no cuentan con adornos o patines en sus terminaciones; sus orillas son lisas y planas. Se consideran una tipografía simplificada y de fácil lectura. Brindan una sensa ción de modernidad, neutralidad y seguridad.

Este tipo de letra se usa mucho en textos cortos (como en redes sociales o blogs), para diseños que requieren una impresión limpia y para formatos digitales de las panta llas de los diferentes dispositivos. Como referencia están: Arial, Helvetica y Gotham.

Italica

También es conocida como manuscrita o script (ojo: no debe confundirse con la versión inclinada de cualquier tipo de letra). La itálica se distingue por tratar de imitar el tra zo hecho a mano. Las letras frecuentemente están unidas entre sí y muestran ondulaciones pronunciadas. Sirve para llamar la atención, por ejemplo, en los títulos; pero no se recomienda para un cuerpo de texto por su baja legibilidad.

6
•Santiago Mares• •Behance•

Dada su naturaleza transmite cercanía, calidez y cier ta coquetería. Entre las fuentes más populares de este estilo encontramos la Brush Script, Parisienne y Kuenstler Script.

Display

La tipografía de decoración es difícil de categorizar, porque su diseño es más libre y puede implicar estilos llamativos y personali zados que en gran medida se usan para resaltar un titular. Se emplea en áreas donde la legibilidad no sea una prioridad, como en los lo gos, publicidad o banners.

Las letras tipo display se caracterizan por ser singulares y transmitir desenfado, creatividad, innovación y originalidad. Definitivamente no se recomiendan para textos largos. Algunos ejemplos represen tativos son: Ruslan Display, Swift y Outlaw.

Las 13 tipografías más usadas en diseño gráfico

• Helvetica

• Frutiger

• Swift

• Gotham

• Bodoni

• Futura

• Rockwell

• Caslon

• Avenir

• Bickham Script Pro

• IBM Plex

• Geomanist

• FF DIN

Las tipografías display se caracterizan por tener una personalidad muy fuerte, y por tanto, ser muy únicas. Ésto, como todo, tiene cosas buenas, y malas. Las tipografías display que abundan son de mala calidad, de bajo coste o gratuitas, y eso es lo que transmiten: falta de cuidado y de calidad.

8
•Pullpool Studio• •Carlos Mignot• •Cheryl guziczek•

COLOR

os colores producen en nosotros emociones específi cas que alteran nuestra manera de percibir el mundo. Por esta razón, en el diseño gráfico es fundamental comprender el sentido de cada calor para poder utili zarlos correctamente.

En el diseño gráfico los colores, tanto primarios como secundarios (la combinación de los primarios), al aparejarse con una tipografía determinada pueden transmitir de forma contundente un mensaje. Saber escoger los tonos adecuados para nuestro logo es fundamental para nuestro éxito.

El significado del color (y el impacto en su marca) según la paleta de colores en diseño gráfico.

Como podrás haberlo notado hasta el momento, saber escoger los colores para web o diseño adecuados para nuestra marca es todo un trabajo, en el que reside gran parte de nuestro éxito.

A continuación vamos a ahondar un poquito más en lo que pasa por nuestra psique cuando observamos un color. Algo fundamental para planear el impacto de nuestra marca.

Blancos, negros y grises

Los colores blanco y negro suelen usarse combinados. Y es una alian za de tonalidades muy utilizada en la publicidad de nuestros días. Te explicamos por qué.

El color blanco se encuentra relacionado con la inocencia, la paz y la pureza.

Es sumamente útil si tienes una marca relacionada con alguno de estos va lores. No obstante, en solitario no es un tono que se use; tiene la suerte de poder combinarse con cualquier color. Generalmente, se le acopla el negro, con el que funciona de maravilla.

El color negro inspira sentimientos vinculados a la seriedad, el misterio, la tradición y la autoridad. Es un tono que puede dotar al logo de seriedad, honestidad y estabilidad, lo que imprime en nosotros un voto de confianza.

Es sumamente recomendable para empresas que desarrollan productos o servicios de lujo. Tampoco suele utilizarse solo y, en compañía del blanco, nos asegura el éxito.

La combinación del blanco y el negro aportan un contraste perfecto; porque estamos frente a la ausencia total de color (negro) y la saturación absoluta (blanco). Y aquí vamos a hacer una aclaración: este análisis responde a las normas de la luz: si frente a la luz, combinamos los tres colores primarios obtenemos el blanco, ante la ausencia total de color (sin iluminación alguna), obtendremos el negro.

Es importante señalar que en diseño gráfico se dice que si un logo funciona en blanco y negro, lo hará en cualquier otra escala cromática. Por eso, muchos de los logos suelen tener su versión en blanco y negro, aunque la oficial sea de otra tonalidad.

En cuanto al gris, es el equilibrio entre el blanco y el negro.

En el análisis psicológico del color encontramos sensacio nes relacionadas con la neutralidad y la solemnidad; ade más, es un tono vinculado a la quietud y la calma, y cuenta con las cualidades de los blancos y negros combinados. Puede ser ideal para conseguir un logo sobrio y que tenga elegancia y despierte la confianza en el público.

10
•MuchaTseBle• •Freepik•

Azules

El azul es muy utilizado por las marcas más populares. En su esencia encontramos el color del agua y del cielo, que suponen inmensidad, contención y calma.

Su gran atractivo reside en que resulta inspirador y denota seriedad, confianza y estabilidad; todo lo que le pedimos a una compañía seria.

Es ideal para empresas dedicadas a la creación de productos de limpieza o higiene, pero también para empresas de seguros, líneas aéreas, aeropuertos, automóviles o bancos.En cuanto a su tempera tura, el azul es frío

Morados

El color morado o púrpura se encuentra relacionado con la creativi dad, la imaginación y el aprendizaje. También se lo vincula a la rea leza y a lo sofisticado.

Es el resultado de combinar rojo y azul, por lo que contiene en su esencia las propiedades de estos dos colores. Esto lo vuelve sumamente interesante, porque tiene en su identidad una potencia que pocos tonos alcanzan en unitario.

El morado suele ser muy utilizado para el desarrollo de marcas del sector educativo con carácter innovador, así como también para logos de productos de lujo.

Verdes

El color verde es otro de los más utilizados. En nuestra forma de percibir la realidad, el verde nos inspira esperanza, tranquilidad, frescura y salud.

Existen muchas marcas que han apostado por él, debido a la buena respues ta que suele recibir por parte de los consumidores. Es un color sumamente recomendable para empresas automotrices que fabrican todoterrenos; es idóneo para logos de bebidas, marcas de música y entretenimiento.

También es el color que relacionamos con la vida y la naturaleza, por lo que resulta idóneo para marcas relacionadas con el medioambiente o el turismo.

Respecto a su temperatura, el verde se encuentra entre el rojo y el azul. Su tem peratura intermedia le brinda equilibrio y una sensación de calma y confianza.

Si pensamos en el color marrón las sensaciones que experimentamos están relacionadas con la madera, la Tierra, la seriedad. Se encuentra ligado a la naturaleza y aporta calidez y neutralidad.

Es un color idóneo para marcas vinculadas al mundo de las leyes o al sector de la construcción.

Rojo, naranja y amarillo

El rojo es un color que despierta sentimientos intensos: pasión, intensidad, alegría, y lo hace de una forma contundente, podría decirse que agresiva.

En verdad, una de las características del rojo es que ge nera sentimientos que están ubicados a los extremos: desde la pasión y el amor, al odio o el rechazo acérrimo.

En publicidad, se usa cuando se quiere dar un mensaje concreto vinculado al poder, la fuerza y la pasión.

12 13
•Jhon Renken•
•Stan Ruppel•
•Ahmed Elshimy•
•Ajay Rana•

Si pensamos en rojo, vemos san gre. Y es que este color aumenta nuestra presión sanguínea y pro voca el surgimiento de instintos de supervivencia: el deseo se xual, el apetito, la pasión, la in tensidad, el entusiasmo. Es un tono de temperatura caliente, por esta razón es ideal para dar un mensaje contundente y provocar emocio nes exacerbadas, sin dejar de lado la seriedad y el entusiasmo. Ha sido muy utilizado tanto en marcas de comida como de entretenimiento.

El naranja es un color que podría ser muy útil si deseamos dar un mensaje intenso pero no agresivo. Y en eso se diferencia del rojo.

Este color está relacionado con la juventud, la diversión y la energía. Puede ser ideal para marcas de productos infantiles o juveniles y empresas relacionadas con el entretenimiento.

El amarillo es, quizá, uno de los colores más complejos. Por un lado no s inspira felicidad y positivismo, pero por otro nos enciende una alarma, porque indica precaución.

Pero, precisamente, esta dicotomía que genera en nuestra percepción puede ser muy interesante para el desarrollo de una marca; porque es un color que llama mucho la atención (al observarlo necesitamos discernir si realmente estamos en peligro) y una vez que ha captado nuestra atención, puede evocar el deseo de felicidad y alegría.

Puede ser un color adecuado para empresas relacionadas con la energía, el consumo de las masas, los alimentos y la construcción.

14
•Wanda Banks•

omposición y el diseño gráfico dotan de sentido a la transmisión de ideas, mensajes, afirmaciones visuales.

La mayor parte del trabajo de diseño se relaciona específicamente alrededor de la venta o la promoción de un produc to o servicio y actualmente la industria se desarrolla con mucha ra pidez, dado que la competencia entre los productores de mercancías y los suministradores de servicios es cada vez mayor.

Por lo que todos intentan establecer una imagen única y promocio nar sus bienes y servicios de un modo original y eficaz para comuni carse con su mercado potencial.

En primer lugar, diremos que la composición de un diseño es, ade cuar distintos elementos gráficos dentro de un espacio visual, pre viamente seleccionado, combinándolos de tal forma que todos ellos sean capaces de poder aportar un significado para transmitir un mensaje claro a los receptores del mismo.

Definiciones de composiciónartistica

Al diseño podemos aplicarle dos definiciones de composición artística:

• La disposición de elementos diversos para expresar decorativamente una sensación.

Una disposición de los elementos para crear un todo satisfac torio que presente un equilibrio, un peso y una colocación perfecta.

Todo mensaje en diseño gráfico se elabora siempre por medio de una combinación coherente y estudiada previamente, de los elementos visuales con los que hayamos decidido trabajar.

Estos elementos pueden ser imágenes, texto, ilustraciones, espacios en blan cos, o, por el contrario, construir nuestra composición con la ausencia deli berada de alguno de estos elementos.

El diseño deberá ordenarse habitualmente en una estructura rígida, coherente y dentro de los parámetros de la simetría en la disposición de los distintos elementos.

El diseñador debe tener siempre presente, que cada elemento de la compo sición, en función de la ubicación, dimensión o protagonismo que le asigne mos, experimenta pequeñas variaciones en su significado.

Por tanto, es muy importante la posición que se le da a cada uno de los ele mentos y encontrar el equilibrio formal entre todos ellos.

Peso de los elementos en la composición.

Por ejemplo, algunos de los elementos van a ser más o menos pesados en una determinada composición dependiendo de la ubicación que les asignemos y en función de los elementos que les rodean.

Los situados a la derecha del área poseen un mayor peso visual y dan sensación de proyección y avance en la com

16 17
•Shutters• •Redbubble• •Mariape1195• •Enrico Sella Nora•
COMPOSICIÓN

posición.

Por contra, los situados a la iz quierda retrotraen la compo sición y dan una sensación de ligereza visual más acentuada según nos vayamos acercando al margen izquierdo de nuestra página.

Lo mismo nos ocurre si utilizamos la parte superior o inferior del espacio.

La parte superior de la composición es la que posee mayor ligereza visual, en esta parte el peso de los elementos es mínimo, al verse equilibrado por la zona inferior de la página.

Por el contrario, en el borde inferior nos encontraremos que los ele mentos que ubiquemos tendrán un mayor peso.

Una composición exitosa significa que has organizado, distribuido, alineado y compilado tu diseño de manera tal que no solo se ve bien, sino que también es altamente funcional y efectivo. Veamos unos cuantos consejos, trucos y técnicas que harán que domines la com posición en un abrir y cerrar de ojos.

Encuentra tu enfoque

Como nos lo decían cuando estábamos en la escuela, tener enfoque es algo muy importante. Un elemento clave para cualquier buena composición es un punto focal sólido, ya que ayuda a dirigir natural mente los ojos de tus espectadores hacia las partes importantes de tu diseño primero.

Cuando elijas tu punto focal, toma en cuenta que el objetivo princi pal de todo diseño es la comunicación. Independientemente de que estés comunicando una idea, cierta información, o simplemente un

sentimiento o una emoción, tu diseño está contando una historia específica, así que procura elegir un punto focal que ayude a contar esa historia de la manera más contundente y efectiva.

Dirige al ojo con lineas guia

Así como apuntas algo cuando quieres que los demás lo vean, al posicionar ciertas líneas y formas de ciertas maneras puedes controlar el punto de vista de tu diseño, es decir, hacia dónde se mueven los ojos de los espectadores cuando ven tu diseño.

Un uso común de líneas guía con el que podrías estar muy familiarizado es dentro de organigramas. Los organigramas usan líneas para dirigir tus ojos de un punto al siguiente en una manera obvia. Échale un vistazo a esta tar jeta de “aparta la fecha” por Paper and Parcel que usa líneas de guía de organigrama para presentar la información en una forma divertida y única.

Escala y jerarquia

La escala y la jerarquía visual son algunos de los fundamentos creativos que pueden crear o destruir tus diseños, así que es importante tener un buen entendimiento de ellos para mantener una composición exitosa.

En una explicación muy breve, la jerarquía es la colocación y diseño de elementos en orden para señalar su importan cia de manera visual. Así que puedes hacer que un elemen to más importante sea más grande y llamativo que uno me nos importante que podría ser más pequeño o más tenue.

Equilibra tus elementos

El equilibrio es muy importante en muchos sentidos, y por supuesto que tus diseños no son la excepción.

18
•Yiyi Diaz• •Ethan Feavor Hunt•

Primero, tenemos el equilibrio simétrico. Este tipo de equilibrio hace exactamente lo que indica su nombre –equilibra tu diseño usando la simetría. Al reflejar ciertos elementos de diseño de izquierda a derecha o de arriba a abajo, puedes crear un fuerte sentido de equilibrio.

Otro tipo de equilibrio, y posiblemente el tipo más común es el equilibrio asimétrico. El equilibrio asimétrico también es un término bastante claro, dado que habla de crear equili brio sin simetría.

Usa elementos que se complementen entre si

Un error común en las composiciones es usar imágenes que no se complementan entre sí. Así que cuando uses más de una imagen en tu composición, intenta asegurarte que todas se vean efectivas y co hesivas cuando se agrupen. Hay muchas maneras para lograrlo, aquí hay unos cuantos consejos.

Usa fotos de la misma sesión de fotos. Esta es una forma sencilla de garantizar que tus fotografías se vean cohesivas ya que es probable que todas estuviesen bajo la misma dirección artística y estilo fotográfico.

Colorea tus fotos del mismo modo. Con la prevalencia de filtros y he rramientas de ajuste de imágenes, eres capaz de colorear y ajustar tus fotos para tener paletas más cohesivas y complementarias.

Elige fotos que hayan sido tomadas de forma similar. In tenta elegir fotos que tengan estéticas y estilos simila res, por ejemplo, si una imagen es muy minimalista, elige otras que estén inspiradas en lo minimalista para complementarla.

Aumenta o reduce tu contraste

El contraste es una herramienta sumamente útil para resaltar y ocultar ciertos elementos de tu diseño. Al aumentar el contraste o usar un color distintivo de alto contraste, puedes ayudar a que un elemento sobresalga y llame la atención. De igual manera, al reducir el contraste, puedes hacer que un elemento se desvanezca en el fondo

repite elementos

Para mantener la consistencia y un formato lógico, intenta tomar elementos específicos de una sección de tu diseño y aplícalos en otras secciones. Tal vez un estilo de letra puede aplicarse en más de una sección de tu diseño, o quizás un motivo gráfico puede usarse más de una vez. Así que prueba armar tu diseño con elementos repetidos.

No olvides el espacio blanco

La forma más fácil de ofender al espacio blanco es referirse a él como ‘es pacio vacío’. El vacío implica que debería estar lleno de algo, que no está haciendo su trabajo, pero este no es el caso.

El espacio blanco, cuando se usa estratégicamente, puede ayudar a incre mentar la claridad y apariencia general de tu diseño al equilibrar las partes más complicadas y abarrotadas de tu composición con espacio que ayuda a que tu diseño pueda respirar.

Alinea tus elementos

Alinear tus elementos de manera fuerte y lógica también te ayuda a crear orden entre muchos elementos. Así que, si estás usando muchas imágenes, muchas letras y/o mu chos elementos gráficos, la alineación podría ser tu nue vo mejor amigo.

20 21
•Diana Zhao• •Luis Hernandez Correa• •Cinthia Barra• •Vecteezy•

La alineación también es muy importante cuando lidias con las letras. Existen muchas ma neras de alinear tus letras, pero una buena regla general para los cuerpos de texto más largos es apegarse a la alinea ción izquierda, ya que es la forma más fácil para el ojo de navegar y darle sentido al contenido.

Divide en tercios

La regla de los tercios es una técnica simple en la que los diseñado res dividen sus diseños en tres filas y tres columnas, y en los puntos donde las líneas verticales y horizontales se encuentren es donde deberían ir tus puntos focales.

Usar la regla de los tercios es una estupenda manera de empezar la composición de tu di seño, ya que te proporciona una guía rápida para posicionar y enmarcar tus elementos.

22
•Anto C. Bruce•
•Designspiration•
•Daniela Santibañez•

ARTÍSTA DE INSPIRACIÓN

a búsqueda de inspiración de diseño gráfico toma mucho tiempo y energías. Si navegas por las galerías muchas ve ces encontrarás trabajos de diseño de alta calidad y tam bién algunos que son simplemente medios o inferiores.

Para buscar inspiración necesitas lo mejor de los mejor y así lograrás poner tu toque personal a diseños que sin duda, dan de qué hablar.

¿Alguna vez te has sentido como si te estuvieras quedando sin ideas creativas para tus gráficos?

Demasiados plazos, los clientes exigentes, no hay visión coherente e incluso demasiado café puede hacerte sentirte abrumado y sin inspi ración. No siempre es fácil ofrecer creatividad bajo demanda.

Antes de empezar a ser creativo, asegúrate de conocer el propósito del diseño que vas a considerar:

• ¿Cuál es el objetivo?

• ¿Qué necesitas lograr?

• ¿Cuál es el mensaje y cómo se entrega?

• ¿En qué plataforma se mostrará el gráfico?

• ¿Estará impreso o en línea?

• ¿Quién es la audiencia?

¿Qué es la marca?

¿Hay guías de estilo o restricciones?

ENCUENTRA INSPIRACIÓN EN REDES SOCIALES

REVISA LAS PÁGINAS DE UNA REVISTA

RECOPILA INFORMACIÓN

JUEGA

HABLALO

HAZ DE LA CREATIVAD PARTE DE TU RUTINA

P

interest y Tumblr son las dos platafor mas de medios sociales más grandes y de más rápido crecimiento basadas en imá genes y son las que más crecen. Grandes fuentes para encontrar inspiración en línea.

as revistas relacionadas con el dise ño, ya sea impresas o en línea, son fantásticas para la inspiración visual. Destacando lo mejor de lo mejor de la industria. Las páginas brillantes o los gráficos inteligentes te dejarán motiva do y asombrado.

L

na de las mejores cosas que puedes hacer es empezar a recoger cosas que has leído, visto o escuchado que te resultaron interesante o inspiradoras.

U

OBTEN UN MOMENTO DE AIRE FRESCO

T

rabajar en línea ofrece a los diseña dores una abundancia de herramien tas gratuitas y útiles a tu disposición. Algunos de nuestros favoritos incluyen mezcladores en línea, donde se puede experimentar con paletas de colores.

a hablar con otros diseña dores y tipos creativos. Charla sobre los proyectos en los que estás trabajan do, qué aspectos te resultan particular mente difíciles, haz una lluvia de ideas y discute fuentes de inspiración.

Comienza

sea escribiendo, dibujando, tocan do música o diseñando, es impor tante dejar de lado el tiempo cada día o cada semana para enfocarse en su pun to de venta creativo.

Ya

TENER UNA FECHA DE ARTISTA Re

alizar una expedición solitaria sema nal para explorar algo de interés. Lo que tú elijas y la fecha regular que le pon gas podrá impulsar la inspiración para ponerse en contacto con su lado cultural.

ara muchas personas, la mañana es un buen momento para ser creati vo. La gente tiende a ser un poco más relajado después de haber tenido el al muerzo, por lo que la mañana es a me nudo preferible.

P

24 25
•Kim Phú•
•WolfGirl Mia•
•Waldomiro Oliveira•

FOTOGRAFÍA

a combinación de la fotografía y el diseño (foto/ grafía) surgió, en el lenguaje, hace ciento cincuen ta años. Sir John Herschel la utilizó por primera vez para describir un proceso inventado por William Henry Fox en cuya inventiva fotográfica brotan las raíces de la revolución visual. Él combinó dos pala bras griegas: potos que significa luz y graphos que significa dibujo (dibujo con luz)”; Hurlburt A. (el autor).

La fotografía digital, por el lado de diseño, es un arte de visión per sonal donde te cuentan una historia y te muestran una fotografía desde un punto de vista. Funciona básicamente en crear un momen to para atraer al receptor (cliente o consumidor). Un buen diseño siempre tendrá una grandiosa fotografía que enseña a mirar dentro y desarrollar sus propios puntos de vista.

En la actualidad este método de expresión fotográfica genera emo ciones cognitivas de acuerdo a los diferentes tipos de com posición de imágenes, cada vez es más necesario como com plemento para crear el diseño. Recuerda que la cámara no hace al fotógrafo, ni la imagen al diseñador, todo está en la práctica y saber los conceptos básicos de composición.

La fotografía aplicada al diseño, tomando el lenguaje visual, es la composición que se realiza con distintos elementos y medios digitales, enfocando partes importantes que ayuden a componer un escenario que comunique un significado o una historia, mejorando con las herramientas adecuadas del diseño como “Photoshop” o “Ilustrator”.

El encuadre de la fotografía ayuda al diseñador a simplificar de manera correcta y trasmitir un mensaje totalmente im portante que impacte y estimule la emoción con la conexión visual de la persona.

•Redbubble•
•Veronica Dalton•

Principios de la fotografía en diseño grafico

Al igual que los elementos en la fotografía y en diseño gráfico, hay principios que se deben de seguir para tener una buena toma. Es necesario tener en cuenta los princi pios de la fotografía, mediante un concepto básico para rea lizar imágenes que impacten a tu público objetivo.

Iluminación: siempre presta atención a la luz que tienes en tu esce nario o si es necesario utilizar un flash o linterna. Aparte de la confi guración de la cámara para obtener la iluminación correcta.

Tema: un sujeto fuerte es más que un modelo atractivo. El entorno, la ropa, los accesorios, los accesorios, la pose y la expresión emocio nal, todos trabajan juntos para contar una historia. Depende del fo tógrafo asegurarse de que sea una historia que valga la pena contar.

Enfoque: el enfoque no se trata solo de en qué enfocarse, también se trata de cuánta profundidad de campo mostrar en el retrato. La recomendación básica es concentrarse en los ojos.

Fondo: para los fondos, la regla general es mantenerlo simple. Es posible hacer buenos retratos ambientales, pero es muy fácil que los fondos choquen y distraigan del foco de su imagen. Las imágenes de fondo y de primer plano tienden a fusionarse en una fotografía.

Composición: debes tener la cuenta el cuadro y el esce nario donde realizar la fotografía. Un gran fotógrafo de retratos considera formas, líneas, marcos, ángulos, espacios negativos, dónde colocar el punto de enfo que en el cuadro para obtener el máximo impacto, y así sucesivamente.

Exposición: en la exposición debemos tener en cuenta la densidad de los colores y las zonas más brillantes de la imagen. Tenga en cuenta que pue de usar el color, la textura y la exposición para en fatizar las formas en sus composiciones.

28
•Ortiz Claudy• •Amy James• •Betty Howard•

ILUSTRACIÓN

a ilustración engloba a las imágenes capaces de transmitir un mensaje, normalmente acompaña textos o historias o concep tos, aunque no siempre tiene porqué hacerlo. A diferencia de la escultura u otras artes, la ilustración hace uso de imágenes bidimensionales que comunican y transmiten una idea.

Existen distintos tipos de usos para la ilustración:

Ilustración Publicitaria: es la más utilizada en cartelería, para publi cidad digital, web etc. Su finalidad es ofrecer un impacto visual que refuerce el mensaje y la identidad corporativa de la marca

Ilustración narrativa: Es la que se utiliza a la hora de acompañar un texto a la que deben estar sujetas las ilustraciones. Muy utilizada en libros infantiles, de texto, comics.

Ilustración conceptual: Ilustración conceptual: el ilustrador elabora su propio dibujo según lo que le sugieren las palabras, no se ciñe a los datos que dan el texto

Ilustración científica: Son aquellas que se usan para temáticas más científicas y tratan de explicar a través de una imagen lo que explica el texto en un modo realista.

Ilustración editorial: es el tipo que se suele utilizar en periódicos y revis tas. Suelen ser ilustraciones más conceptuales, como viñetas y caricaturas.

30
•Kathleen Waldrop• •Marie Brashaw•

PROGRAMAS DE EDICIÓN

n programa de diseño gráfico es aquel que nos permite retocar o modificar imágenes, realizar dibujos, y guardarlos después en distintos formatos.

Por “retocar o modificar” entendemos añadir o quitar partes en la ima gen, superponer imágenes unas sobre otras, retocar colores o líneas, cambiar el brillo y el contraste, cambiar el tamaño, comprimir la imagen para que ocupe menos espacio como archivo (sólo en algunos forma tos), guardar la imagen con otro formato, aplicar filtros que transforman la imagen, recortar una parte de la imagen, y otra serie de retoques que dependen en ocasiones del programa que utilicemos.

No confundir un programa de diseño gráfico con un visor de imá genes. En el programa de diseño gráfico abrimos una imagen para retocarla o modificarla. El visor de imágenes tiene otra función, y es ordenar y visualizar las imágenes de una forma sencilla, bien sea individualmente o como presentación de diapositivas con varias imágenes.

Sin embargo, la mayoría de visores de imágenes tie nen algunas funciones que están en los programas de diseño gráfico, como son el cambiar el brillo y contraste, aplicar filtros, etc. Pueden usarse tam bién para cambiar la apariencia de la imagen, y a veces para operaciones sencillas pueden resul tar más simples de manejar.

Programas de diseño grafico más populares

Microsotf Paint Posiciónn de uso 10

Posición de uso 9

Illustrator Posición de uso 8

Google Sketchup Posición de uso 7

Irfanview Posición de uso 6

ACDSee Pro Posición de uso 5

Gimp Posición de uso 4

Corel Draw Posición de uso 3

Google Picasa Posición de uso 2

Adobe Photoshop Posición de uso 1

32 33
•Photoshop• •Florencia
Simone• •Nisha ratadiya• •Daniela Carballo•

LEYES DE LA GESTALT

odo aquel que se dedica al diseño en cualquiera de sus variantes, ya sea diseño gráfico, diseño de pá ginas web, diseño industrial o diseño de interiores, ha estudiado durante su formación las Leyes de la Gestalt. Se trata de una serie de reglas que relacio nan los estímulos visuales con lo que estos generan en la mente del que los mira. En su conjunto explican cómo la percepción juega un papel fundamental a la hora de interpretar aquello que vemos, de darle forma mental. Si queréis saber más sobre esta teoría, no dejéis de leer este artículo.

La mente configura, a través de ciertas leyes, los elementos que lle gan a ella a través de los canales sensoriales (la percepción) o de la memoria (pensamientos, inteligencia y resolución de problemas). La frase “El todo es mayor que la suma de las partes” se utiliza a menu do para explicar la teoría de la Gestalt. Empleamos estos principios en la mayoría de los aspectos de nuestra vida cotidiana. Ellos, tanto física como conceptualmente, componen nuestra experiencia.

Para que el diseño funcione bien tiene que considerar no sólo el elemento único, sino cómo se percibe la totalidad. El diseñador tiene que construir su producto conforma do en las necesidades y emociones del destinatario para crear un sentimiento, y a su vez seguir las pautas sociales. La inspiración y la creatividad siempre siguen patrones re conocibles que provienen de tendencias culturales y socia les. Seguramente se pueden considerar los principios de la Gestalt como una herramienta teórica fundamental en el mundo del diseño, ya que pueden ayudar a centrar la aten ción y a la organización de los elementos de una manera eficaz, pero no son sólo un esquema matemático a seguir, sino que son una herramienta para reorganizar el conteni do, de transformar los objetos familiares. Esto permite el desarrollo de la nueva configuración del objeto ya existen tes, estimulando la creatividad.

•Marga Prieto• •Cathy Watkins•

Leyes de la Gestalt que encontramos en diseño

SEMEJANZA Donde interviene la similitud por alguna de sus caracterís ticas físicas o conceptuales.

CONTINUIDAD Los detalles que mantienen un patrón o dirección tienden a agruparse, como parte de un modelo. Percibir elementos con tinuos, aunque estos estén inte rrumpidos entre sí.

CIERRE L as formas cerradas y acabadas son más estables visualmente, lo que hace que tendamos a cerrar y a completar con nuestra imagina ción las formas percibidas buscan do la mejor organización posible.

PROXIMIDAD L os elementos y figuras que están más próximos tienden a verse como una unidad y a ais larse de otros. Las figuras o los puntos que están más próximos se reúnen en unidades, aunque todos sean iguales.

FIGURA Y FONDO Establece el hecho de que el cerebro no puede interpretar un objeto como figura o fondo al mismo tiempo.

SIMETRIA Y ORDEN

L os estímulos ambiguos tien den a analizarse de la manera más simple. Los elementos son organizados en figuras lo más simétricas, regulares y estables que sea posible.

SIMPLICIDAD A

firma que el individuo tiende a organizar sus campos precep túales en rasgos simples y regulares

EXPERIENCIA E ste principio se basa en como percibimos el mundo de acuerdo a nuestras experiencias.

36
•Jennifer Gray•
•BlueLela•

l Diseño web es aquella actividad consistente en planificar, diseñar, mantener y crear páginas web. Se aleja del término más tra dicional del diseño en cuanto a que engloba una gran varie dad de aspectos diferentes, como pueden ser el diseño de la interfaz, el diseño del material gráfico o incluso la experiencia del usuario con el sitio.

Es la principal disciplina a tener en cuenta a la hora de montar una web, ya que de ella depende el grado de usabilidad de la misma y la mejora de cara al visitante. Si este no recibe una experiencia agradable, con una interactividad, arquitectura de información, navegabilidad y usabilidad adecuadas, probablemente se desplace a la competencia o no saque real partido de lo que brinda la página. Es, además, uno de los elementos que trata de pelear siempre contra la tasa de rebote.

Para qué sirve el Diseño Web

El Diseño web sirve para ofrecer a los usuarios una experiencia ade cuada, suave y atractiva a la hora de moverse por una página en Internet. Es algo capaz de transmitir la imagen de una marca y su mensaje, a la vez que muestra el grado de compromiso de una firma por la buena experiencia de sus consumidores.

Un buen diseño, además, es capaz de responder bien a las necesidades del públi co actual, así como también marca la presencia de una firma en la red, ayudando en su posicionamiento para poder conseguir un mayor alcance y visibilidad.

Elementos clave de un diseño web de calidad

Cómo ya hemos comentado anteriormente, nuestra página web es la carta de presentación de nuestra empresa en internet, por lo que es esencial que esta cuente con un diseño web optimizado y bien ideado que nos permita ofrecer una navegación de calidad e incen tivar las máximas conversiones de nuestros consumidores digitales. Velocidad de carga (Pagespeed)

Vivimos en el mundo de la inmediatez. La capacidad de atención de un usua rio de internet tiene cada vez menos segundos y, a todo ello, sumamos las cada vez más infinitas opciones donde escoger. Nadie va a esperar por un contenido si tiene otras cien opciones al alcance de un clic.

Así que, enganchar a los usuarios desde el segundo 0 es imprescindible. Las plataformas, medios y redes sociales más populares son plenamente cons cientes de ello, por lo que ofrecen contenidos extremadamente rápidos y fáciles de consumir. Es aquí donde cobra real importancia la velocidad de carga de un sitio web. Siendo este uno de los elementos con mayor peso de una página web. Diseñar un sitio web con un tiempo de carga lo más redu cido posible es una de las prioridades a seguir, cuidando para ello el uso y peso de las imágenes, las diferentes integraciones, el desarrollo, la interfaz y elementos navegación…etcétera.

Recuerda: Una web rápida satisface mucho a los usuarios. Y un usuario feliz es un futuro cliente.

Usabilidad / Responsive

La usabilidad es la característica que se encarga de que todos y cada uno de los usuarios puedan acceder a tu sitio web de la mejor forma. La usabilidad de una web permite que todos tus usuarios puedan descubrir y disfrutar de tu contenido sin importar el dispositivo o el navegador en el que se encuentren.

Una buena usabilidad web evitará errores de visualización o renderizado, logrando así evitar dolores de cabeza o frustra ción en los usuarios y que estos abandonen nuestra página porque no encuentran lo que están buscando. Gracias a una web usable y de calidad, evitamos este problema. Es impor tante llevar a cabo una completa supervisión del desarrollo y diseño de una web para que esta sea lo más usable posible y ofrezca la experiencia de usuario más avanzada.

38 DISEÑO WEB •Sergey Sergey• •Marukopum•

User-friendly, legibilidad y navegación sencilla

Otro de los puntos más importantes del diseño web es que este, ante todo, debe ser legible y ofrecer una na vegación fácil y amena. Esto último lo apodamos normal mente como una web user-friendly (Una web amigable).

En la música, las obras y sinfonías más populares son aque llas que se presentan al público dando vida y forma a una na turaleza que el espectador, en su interior, ya reconoce y adora. Pasa lo mismo con el diseño web. Este debe ser atractivo, diferente e impactante, pero en su núcleo debe albergar practicidad, legibili dad y, sobre todo, funcionalidades que el usuario ya comprenda y que hagan de su navegación un paseo por el campo.

Los colores utilizados en fondos e iconos, los diferentes apartados de la web, los bloques de contenido, los banners, ilustraciones e imá genes…Todo debe de estar diseñado para que sean amigables y no cansen la vista del usuario, maximizando la legibilidad y la accesibili dad, tanto para los usuarios como para los motores de búsqueda que rastrean nuestra web.

Tipografía y contenidos

La tipografía es otro elemento que entra dentro de este apartado y que no debemos pasar por alto. Debemos ofrecer una tipografía que encuentre el equilibrio entre los valores de la marca y la legibilidad para el usuario. En internet transmitimos nuestro mensaje con pala bra escrita (en su mayor parte), por lo que el usuario debe leer y en tender nuestros contenidos con total facilidad.

Siguiendo con los contenidos en forma de texto, además de ofrecer una tipografía fácil de entender, también debemos evitar párrafos muy largos que puedan hacer que la lectura se haga pesada para el usuario y este decida parar de leer.

También debemos pensar en los diferentes dispositivos con los que navegarán nuestros usuarios por nuestra web. Ordenadores, portátiles, móviles, tablets… Un diseño web profesional tendrá todos estos dispositi vos en cuenta para ofrecer un contenido de calidad que pueda ser legible y funcional en todos ellos.

40 41
•Attila Major•
•Ivo Martinovic• •Seanski Kap•

PUBLICIDAD SUBLIMINAL

PUBLICIDAD

a publicidad es un tipo de comunicación comercial para la presentación, promoción y divulgación de productos o servicios. Es una rama de la mercadotecnia.

La publicidad es difundida mediante anuncios comerciales a través de los medios de comunicación (tradicionales o no tradicionales), con el objetivo de informar y persuadir al público espectador de realizar una acción de consumo, es decir, comprar o adquirir algo.

La publicidad se hace mediante campañas publicitarias, que son un con junto de acciones, estrategias y comunicaciones que se realizan con la intención de llamar la atención de un determinado público (también lla mado público objetivo o target) sobre determinado producto o servicio.

Las campañas publicitarias se llevan a cabo con diferentes objetivos: au mentar el consumo de un determinado producto, insertar una marca o producto en el mercado, posicionar o reposicionar la imagen de una mar ca, generar recordación en la mente del consumidor de una marca, etc.

La publicidad, para aumentar la eficacia de su comunicación y lograr la acción de compra, puede utilizar diferentes técnicas publicitarias: apelar a las emociones del público, apoyarse en testimonios o demostraciones, valerse de dramatizaciones de situaciones cotidianas, entre otras.

PUBLICIDAD ENGAÑOSA

L a publicidad subliminal compren de un tipo de anuncios publicita rios de carácter sonoro, visual o au diovisual, que contiene mensajes no explícitos o que no son percibidos conscientemente por las personas, con la finalidad de crear estímulos e influir en la conducta del público para generar una acción de consumo.

L

a publicidad engañosa es aquella en la cual un anuncio publicitario implica un mensaje contrario al desempeño real del producto o servicio comercializado.

PUBLICIDAD ATL L a publicidad ATL (siglas de abo ve the line, que en inglés significa ‘arriba de la línea’) es el tipo de comu nicación comercial que emplea me dios masivos tradicionales, como la televisión, la radio, la prensa, el cine o la publicidad exterior, para promo cionar y difundir un producto, bien o servicio, y llegar a un público amplio con mayor impacto y resonancia.

PUBLICIDAD BTL L a publicidad BTL (siglas de below the line, que en inglés traduce ‘de bajo de la línea’) es un tipo de comuni cación publicitaria no masiva, también conocida como marketing de guerrilla, que se vale del ingenio, la creatividad y el sentido de la oportunidad para pro mocionar y difundir un producto, bien o servicio, a través de canales alternati vos a los tradicionales.

PUBLICIDAD DIGITAL

L a publicidad digital, publicidad en internet o publicidad en línea, es aquella que se vale de las plataformas digitales, sea en formato web o móvil, para promocionar y comercializar un producto, bien o servicio, y generar una acción de consumo en el público.

42
•PYKE BLOOD•
•Hynisfod•
•Antonio Cué•
•Kyle Doody•

FORMULARIO

Este formulario será para saber la opinión del lector sobre la revista y su contenido, para poder mejorar o agregar ciertos datos que probablemente se pasaron por alto o si no es el caso saber si les parecio entretenida o no esta revista.

45 •Ads
of the World•
E-mail: Edad: Estado: Género: Comentarios: Enviar Imprimir Contactanos:
Nombre completo:
luis.floresqu@alumno.buap.mx
BENEMÉRITA UNIVERSIDAD AUTÓNOMA DE PUEBLA COLEGIO DE DISEÑO GRÁFICO EJERCICIO DE LA MATERIA DE EDICIÓN EDITORIAL DIGITAL OTOÑO 2022 FLORES QUIROZ LUIS YAIR

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.