<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" > <channel> <title>Artículos de África García García en el Canal Diseño y Arquitectura</title> <atom:link href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/autores/africa-garcia/feed/" rel="self" type="application/rss+xml" /> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas</link> <description>En los artículos de Diseño y Arquitectura de Revista Digital INESEM encontrarás información actualizada e innovadora sobre tu sector. Nuestros artículos están elaborados y contrastados por profesionales de diferentes especialidades del sector. Si estás buscando información sobre Arquitectura y Edificación, Decoración e Interiorismo, Diseño Gráfico, Diseño Web o Edición y Posproducción Digital, estás en el sitio indicado.</description> <lastBuildDate>Mon, 17 Jun 2024 13:32:34 +0000</lastBuildDate> <language>es</language> <sy:updatePeriod> hourly </sy:updatePeriod> <sy:updateFrequency> 1 </sy:updateFrequency> <generator>https://wordpress.org/?v=5.9.3</generator> <item> <title>Señalética, así se trabaja la rama más práctica del diseño gráfico</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/senaletica/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/senaletica/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Mon, 17 Jun 2024 11:31:00 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2601</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/senaletica-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Señalética" style="float:left; margin:0 15px 15px 0;" />A menudo, tenemos la idea de que la señalética es la acción de realizar y colocar señales que nos sirvan de guía en diferentes lugares públicos.</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/senaletica/">Señalética, así se trabaja la rama más práctica del diseño gráfico</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/senaletica-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Señalética" loading="lazy" style="float:left; margin:0 15px 15px 0;" /> <p style="text-align: justify;">A menudo, tenemos la idea de que la <strong>señalética</strong> es la acción de realizar y colocar señales que nos sirvan de guía en diferentes lugares públicos. Realmente, <strong>no estamos del todo equivocados</strong> al atribuirle esta cualidad, aunque esta también coincide con lo que entendemos por señalización.</p> <h2 style="text-align: justify;">Entonces, ¿cuál es la diferencia entre la señalética y la señalización?</h2> <p style="text-align: justify;">La primera y más importante distinción es que la <strong>señalización</strong> usa un <strong>código que debe estar homologado y normalizado</strong>, es decir, tiene un lenguaje universal, es el mismo independientemente del lugar donde se aplique, de manera que el entorno no influye en él.</p> <p style="text-align: justify;">Sin embargo, <strong>la señalética si se adapta al entorno en el que se aplica,</strong> debe responder y adaptarse a las necesidades del entorno en el que se va a utilizar. Esta crea una imagen del entorno, reforzando la imagen de la misma, de manera que se establece un <strong>fuerte vínculo con el diseño gráfico</strong>, en el que la eficiencia y la estética adquieren un papel importante.</p> <p style="text-align: justify;">Ambas ayudan a los individuos a identificar los distintos servicios, accesos o cualquier tipo de información del entorno en el que se mueven, pero, lo que a nosotros nos interesa es<strong> la señalética</strong>, ya que está considerada como una de las ramas más relevantes de la producción del diseño gráfico.</p> <p style="text-align: justify;">¿Alguna duda sobre la <strong>diferencia entre la señalética y la señalización</strong>? ¡Te la resolvemos en los comentarios!</p> <h2 style="text-align: justify;">¿Qué es la señalética?</h2> <p style="text-align: justify;">La<strong> señalética</strong> es una especialidad del diseño gráfico que<strong> funciona como guía</strong>, sintetizando las formas de comunicación creadas para facilitar y orientar.</p> <p style="text-align: justify;">Sin embargo, hay que tener en cuenta varios aspectos esenciales, como son las<strong> características necesarias que la señalética</strong> debe tener para cumplir su objetivo, o qué características debe tener su diseño para que funcione. Estas cuestiones son las que nos interesan para lograr un símbolo estético, divertido, creativo y único que, a la vez, se adapte al entorno para el que ha sido creado.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter wp-image-2602 size-full" title="identidad visual" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Qué-es-la-señalética.jpg?x92914" alt="identidad visual" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Qué-es-la-señalética.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Qué-es-la-señalética-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;"><br />Además, la <strong>creación de símbolos</strong> supone un importante trabajo de síntesis, lo que requiere un proceso en el que se sintetizan formas, colores, palabras, conceptos e instrucciones; conformando una familia de símbolos, que crean o pertenecen a una marca o entidad.</p> <p style="text-align: justify;">Este<strong> tipo de señalética</strong> la podemos ver en cualquier tipo de corporación, como pueden ser museos, aeropuertos, restaurantes, etc.</p> <h3 style="text-align: justify;">¿Para qué sirve la señalética?</h3> <p style="text-align: justify;">La señalética se utiliza en diversas situaciones y entornos, como en<strong> carreteras, edificios públicos, hospitales, centros comerciales, entre otros.</strong> Su objetivo principal es garantizar la seguridad y evitar accidentes, proporcionando información clara y precisa sobre rutas de evacuación, prohibiciones, peligros y recomendaciones.</p> <p style="text-align: justify;">Además de su <strong>función informativa</strong>, la<strong> señalética</strong> también puede tener una<strong> función estética,</strong> ya que su diseño y ubicación pueden contribuir a la creación de un ambiente agradable y armonioso. Aunque podamos hablar de señalética de seguridad y señalética vial, este artículo va enfocado a la señalética desde la perspectiva del diseño gráfico.</p> <p style="text-align: justify;">En <strong>diseño gráfico</strong>, la señalética se utiliza para crear sistemas de identificación y orientación en espacios públicos y privados, con el fin de facilitar la movilidad y la comprensión del entorno por parte del usuario. Este entorno no tiene solo por qué ser físico, sino también digital (por ejemplo, en una aplicación móvil como Google Maps).</p> <p style="text-align: justify;">Es por ello que en el <strong>diseño señalético</strong> es fundamental tener en cuenta factores como la ubicación, la legibilidad, el contraste, la claridad y la coherencia visual, ya que una señal mal diseñada o ubicada puede generar confusión y desviar a las personas de la ruta que queremos que sigan bien sea en un espacio físico en un <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diagrama-de-flujo-ux/" target="_blank" rel="noopener">flujo de usuario.</a></p> <h2 style="text-align: justify;">El proceso creativo en la diseño señalético</h2> <p style="text-align: justify;">Parece un proceso de creación algo tedioso, pero no nos confundamos, la <strong>creación de señalética</strong> puede ser unos de los <strong>procesos más divertidos y creativos de la rama del diseño gráfico</strong>, en la que intervienen diferentes factores del diseño, tan esenciales como son la forma, el color, el trazo, etc.</p> <p style="text-align: justify;">Hay que tener en cuenta que a través de unas líneas y un relleno, vamos a poder <strong>transmitir cualquier tipo de información</strong>, dirección o instrucción, para que el espectador pueda verla, entenderla y seguirla con facilidad a primer golpe de vista.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter wp-image-2603 size-full" title="comunicación visual" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Señalética-creativa.jpg?x92914" alt="comunicación visual" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Señalética-creativa.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/08/Señalética-creativa-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;">Como podemos observar en la imagen, <strong>la señalética, no es la creación de un solo símbolo, sino de varios</strong>, formando una familia, que refuerza la información del espacio o el entorno.</p> <p style="text-align: justify;">Este<strong> conjunto de símbolos</strong> están compuestos por un estilo y líneas concretas, que conforman una unidad coherente.<br />Para poder llevar esto a cabo hay que <strong>tener en cuenta una serie de elementos,</strong> muy importantes en la creación de símbolos.</p> <p style="text-align: justify;">Por un lado, los<strong> pictogramas,</strong> signos que representan símbolos, figuras u objetos reales. La elección de estos dependerá de la semántica, lo sintáctico y lo pragmático, ya que su uso se basa en la abstracción, es decir, se hace una distinción entre lo que es necesario y lo que no lo es en el campo visual del espectador.</p> <h3 style="text-align: justify;">La importancia del diseñador en la señalética</h3> <p style="text-align: justify;">Por ello es fundamental la <strong>capacidad de síntesis del propio diseñador</strong>, así como su percepción de la realidad y del espacio. Así, se pretende crear una imagen esquemática exponiendo lo más esencial y característico para que el usuario capte la información de manera directa, generando una síntesis mental de la información y almacenándola.</p> <p style="text-align: justify;">Por otro lado, hay que<strong> prestar atención, al código de color, o código cromático,</strong> ya que los colores sirven para diferenciar zonas, plantas de edificios, recorridos, etc. Incluso nos sirven de apoyo para crear una familia de símbolos. Además, el uso del color, sirve para integrar la señalética en el ambiente o espacio en el que se aplique, reforzando, además la marca o entidad a la que se le aplica.</p> <p style="text-align: justify;">Además, para que funcione la<strong> aplicación del color en la creación de un símbolo,</strong> hay que tener en cuenta que los contrastes sean correctos, que no se pierda la visibilidad del símbolo, que el tamaño de las figuras sea suficiente, que sea visible a cierta distancia, además de tener en cuenta los métodos de impresión que se van a utilizar y la importancia de la <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/psicologia-del-color/" target="_blank" rel="noopener">psicología del color</a>, ya que es un punto importante para la asociación del color con la marca o la identidad a la que se le ha aplicado.</p> <p style="text-align: justify;">Como hemos podido ver, la <strong>señalética implica un proceso de profunda síntesis</strong> y estudio de los significados de objetos, ideas, figuras, etc. Solo tienes que poner en práctica tu capacidad de síntesis y tu visión abstracta, para llevar a cabo esta rama del diseño gráfico.</p> <h2 style="text-align: justify;"><strong>Diseño señalético en arte y patrimonio</strong></h2> <p style="text-align: justify;">El <strong>diseño señalético en arte y patrimonio</strong> es la rama que emplea la comunicación visual y la arquitectura para crear sistemas que orienten y guíen a los visitantes en un museo, en un sitio histórico o en otros espacios de índole cultural.</p> <p style="text-align: justify;">De esta manera, también mejoran la experiencia del visitante y hacen que sea más positiva la experiencia de las personas con el arte y el patrimonio. Como decimos, esta rama del <strong>diseño señalético</strong> tiene tres objetivos principales: orientar, educar y aportar seguridad.</p> <p style="text-align: justify;">Como ejemplos podemos poner al<strong> museo del Louvre en París</strong>, que cuenta con un sistema de señalización que combina gráficos modernos con la histórica arquitectura del museo. Por otro lado, también tenemos <strong>la Alhambra,</strong> que cuenta con una señalética que respeta la estética histórica y proporciona información en múltiples idiomas.</p> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2601" data-ulike-nonce="9f1858bdbc" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2601"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+3"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/senaletica/">Señalética, así se trabaja la rama más práctica del diseño gráfico</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/senaletica/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Aprende a dibujar storyboards o guiones gráficos con estructuras y planos</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/storyboard/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/storyboard/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Mon, 27 May 2024 03:57:00 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2416</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/blur-close-up-design-196645-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Storyboard" loading="lazy" style="float:left; margin:0 15px 15px 0;" />Cuando creamos un nuevo producto audiovisual (spots, videoclips, cortos, películas) es fundamental llevar a cabo un guión con las imágenes que queremos plasmar, y esto es precisamente lo que se conoce como storyboard ¡Lee este artículo y comienza a desarrollar tu design think!</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/storyboard/">Aprende a dibujar storyboards o guiones gráficos con estructuras y planos</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/blur-close-up-design-196645-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Storyboard" loading="lazy" style="float:left; margin:0 15px 15px 0;" /><p style="text-align: justify;">¿Sabías que los storyboards fueron desarrollados por primera vez <strong>en los estudios de Walt Disney en la década de 1930</strong>? Se dice que su primer uso fue para la película «Three Little Pigs». Desde entonces, hay diversas historias en torno a los storyboards.</p> <p style="text-align: justify;">Por ejemplo, Joe Johnston se considera como uno de los mejores<strong> artistas de storyboards</strong>, participando hasta en Star Wars. Su trabajo era tan bueno que, posteriormente, llegó a convertirse en director de cine. Así, el poder de los storyborads puede ser inmenso. ¿Te animas a conocer las claves de este concepto?</p> <h2 style="text-align: justify;">¿Qué es un storyboard?</h2> <p style="text-align: justify;">Un <strong>storyboard</strong> (abreviado a veces como “story”) en producción cinematográfica es una serie de ilustraciones secuenciales que representan visualmente la narrativa de una película, ayudando a planificar la composición de cada escena y la progresión de la historia.</p> <p style="text-align: justify;">Se trata, pues, de una <strong>secuencia de ilustraciones o imágenes</strong> que se llevan a cabo en el período conocido como fase de preproducción, en el que se podrá plasmar y así ver con claridad cómo van a ser los distintos planos que va a tener la producción. De esta forma, el storyboard sirve para adelantar posibles fallos que puedan surgir para poder suplirlos, de manera más rápida y eficaz.</p> <p style="text-align: justify;">Así se puede decir que <strong>un storyboard es un plano de rodaje</strong>, de la producción audiovisual que vamos a llevar a cabo.</p> <p style="text-align: justify;">Ahora bien, una vez que sabemos <strong>qué es un storyboard</strong>, podemos explicar el proceso del mismo, para poder llegar a una<strong> buena producción audiovisual.</strong></p> <h2 style="text-align: justify;">¿Cómo hacer un storyboard?</h2> <p style="text-align: justify;">Aunque de una serie de ilustraciones se trate, un storyboard no requiere un material especial, ni una técnica depurada. Sin embargo, hay que saber que si se necesita de un primer <strong>período de preproducción</strong>, que conocemos como guion literario, que precede inmediatamente a nuestro guion técnico.</p> <p style="text-align: justify;">De este modo, primero tenemos que saber qué y cómo llevar a cabo nuestro guion literario. Este tipo de guion no es nada más y nada menos que la <strong>narración de nuestra producción</strong>.</p> <ul style="text-align: justify;"> <li style="text-align: justify;">En un primer lugar, se puede llevar a cabo una narración a modo de resumen de lo que va a tratar el producto, en el que se relata la acción principal que nos lleva al resultado final del mismo.</li> <li style="text-align: justify;">Ahora, una vez que sabemos de lo que va a tratar, comenzamos con la realización de la narración secuenciada del guion literario.</li> <li style="text-align: justify;">En ella contamos el <strong>orden de las acciones</strong> que se van a desarrollar, de manera que se describen las acciones de personajes u objetos, así como los diálogos entre ellos o monólogos en el caso de que solamente haya un protagonista, así como la narración si la hay. Este tipo de guion, puede ir seguido, sin fraccionar por secuencias, o secuenciado por escenas en las que se disponen las acciones y los diálogos que se van a producir.</li> <li style="text-align: justify;">Si llevamos a cabo un guion literario secuenciado, la producción del guion técnico, posteriormente será más fácil llevar a cabo el <strong>guion técnico o storyboard</strong>, consiguiendo así una aproximación lo más fiel posible a la producción final.</li> <li style="text-align: justify;">Una vez que el guion literario está finalizado nos adentramos en la realización del guion técnico.</li> </ul> <h2 style="text-align: justify;">Estructura de un storyboard</h2> <p style="text-align: justify;">Como hemos visto en los ejemplos anteriores de los story, los dibujos aparecen enmarcados dentro de una serie de marcos, en los que algunas veces aparecen <strong>anotaciones descriptivas</strong> de la escena, numeraciones e incluso observaciones. Sin embargo, no todas eran iguales, por lo que realmente no hay un modelo o una plantilla concreta para llevar a cabo un storyboard. Aunque si es cierto que la mayoría de las plantillas siguen una estructura general, que se puede dividir en <strong>cuatro elementos</strong>, en las que se implementa toda la información necesaria para la posterior producción.</p> <ul style="text-align: justify;"> <li>La<strong> información del guion.</strong> Que normalmente se encuentra en la parte superior de la página, en la que aparece la información de la secuencia, la escena que se está desarrollando, el lugar en el que se desarrolla y el número de página del guion al que pertenece.</li> <li>Después tenemos el<strong> cuadro de dibujo</strong> en el que se sitúa la ilustración de la imagen o acción que se quiere mostrar en nuestra producción audiovisual.</li> <li>La <strong>descripción de la viñeta.</strong> Situada justo debajo del cuadro de dibujo, en la que se describe la imagen que aparece arriba, resolviendo así las posibles dudas que surjan de la misma imagen y que no queden cubiertas con esta.</li> <li><strong>Observaciones.</strong> Situadas en la parte inferior de la página. Se trata de una sección que realmente no es obligatoria, pues se utiliza en el caso de que el autor del storyboard quiera dejar algún comentario, observación o indicación de algo que quiera concretar o explicar.</li> </ul> <p style="text-align: justify;">Así, estos serían las cuatro <strong>partes de un storyboard.</strong> ¡Ya casi estás para hacer tu propio story!</p> <h2 style="text-align: justify;">Planos en un storyboard</h2> <p style="text-align: justify;">Los <strong>planos de un storyboard</strong> se definen a partir de la terminología fotográfica adecuada. A continuación te resumimos los diferentes planos que pueden figurar en un storyboard de una producción cinematográfica:</p> <ul style="text-align: justify;"> <li><strong>Primer plano:</strong> Distancia corta entre la cámara y el modelo. Se utiliza para dirigir la atención del espectador y para generar tensión.</li> <li><strong>Primerísimo primer plano o plano detalle:</strong> Muestra un detalle muy concreto de un elemento. Genera tensión y guía al espectador de forma muy precisa para que se fije en algo.</li> <li><strong>Medio plano:</strong> Distancia media entre la cámara y el modelo, de cintura para arriba. Se usa para relajar la tensión o como plano estándar.</li> <li><strong>Plano general:</strong> La persona o elemento que enfoca la cámara ocupa todo el alto del encuadre, dejando un pequeño espacio sobre la cabeza y bajo los pies.</li> <li><strong>Gran plano general:</strong> Abarcan un espacio muy grande, por lo que no se aprecian detalles en especial. Se emplea para orientar al espectador en un espacio.</li> </ul> <h2 style="text-align: justify;">Ejemplos de storyboard</h2> <p style="text-align: justify;">Obviamente, saber dibujar es una baza a nuestro favor y nunca viene mal; sin embargo, no es algo imprescindible para llevar a cabo nuestro storyboard. Simplemente con la realización de dibujos lineales o incluso esquemáticos en los que la acción que queremos representar quede bien explicada y plasmada es suficiente.</p> <p style="text-align: justify;">Por ejemplo, podemos ver dos storyboards de dos grandes producciones cinematográficas en las que, al compararlos con los de otras producciones, no tienen un gran nivel pictórico. Sin embargo, en ellos se entiende perfectamente lo que se pretende realizar.</p> <h3 style="text-align: justify;">Uno de ellos es el storyboard de Lo que el Viento se llevó</h3> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2417" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/lo-que-el-viento-se-llevo.jpg?x92914" alt="Story board Lo que el Viento se llevó" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/lo-que-el-viento-se-llevo.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/lo-que-el-viento-se-llevo-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;">Como podemos ver este story no se caracteriza por una gran cantidad de detalles, ni dibujos realistas ni especialmente elaborados, sin embargo, en este caso, el autor se vale del color anaranjado como recurso para dejar claro lo <strong>que está sucediendo en ese momento</strong>, así como la estética de esa parte de la acción.</p> <h3 style="text-align: justify;">Taxi Driver de Martin Scorsese</h3> <p style="text-align: justify;">Otro <strong>ejemplo de storyboard</strong>, mucho más claro de que no es necesario ser un perfecto dibujante para realizar un storyboard con todos sus elementos, es el de la película <em>Taxi Driver</em> de Martin Scorsese, y mismo autor del story.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2418" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/taxi-driver.jpg?x92914" alt="Story Board" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/taxi-driver.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/taxi-driver-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;">Como vemos, este story podríamos decir que es más precario en cuanto a técnica pictórica que el anterior, ya que son dibujos, podríamos pensar, casi infantiles ¿no crees? Sin embargo, este es un claro ejemplo del nivel en el que se involucran del director con su trabajo, pues es el mismo que lleva a cabo los dibujos, ya que según Scorsese, los planos de los storyboards<strong> expresan lo que él quiere comunicar</strong>, y que mejor manera que hacerlo uno mismo.</p> <p style="text-align: justify;">Así pues, aunque no se nos dé bien dibujar, es muy importante llevar a cabo nuestro story. Es esencial para la realización de nuestra producción audiovisual y nos ayudará a resolver posibles problemas de rodaje y producción, de manera que será posible resolverlos incluso antes de que sucedan. Un storyboard no es para el que lo produce o para el director de la producción únicamente, sino que <strong>ayuda a todo el equipo que está involucrado en el desarrollo</strong> de dicha producción.</p> <p style="text-align: justify;">Un story claro, por ejemplo, va a ayudar al director de arte a escoger los materiales para recrear la escena que se propone en el guion, o al director de fotografía a iluminar correctamente una escena o un plano concreto, etc.</p> <h3 style="text-align: justify;"><strong>Harry Potter y la Orden del Fénix</strong></h3> <p style="text-align: justify;">Aquí podemos ver otro ejemplo de las distintas<strong> técnicas de storyboard</strong> que se pueden usar. Podemos ver todas las partes y elementos en Harry Potter y la Orden del Fénix. Seguro que a muchos de vosotros os recuerda a algunas de las escenas de la película.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2419" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/harrypotter2.jpg?x92914" alt="Story Board Harry Potter y la Orden del Fénix" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/harrypotter2.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/harrypotter2-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;"><strong>Apocalipsis Now</strong></h3> <p style="text-align: justify;">El <strong>storyborad en el cine</strong> se transforma en una herramienta increíble. Una vez vemos la película en la pantalla, comprobar los storyboards se convierte en un ejercicio muy nutritivo. Por ello, os seguimos acercando ejemplos de story que puede utilizar a modo de plantillas.</p> <p style="text-align: justify;"> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2420" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/apocalipsis-now.jpg?x92914" alt="Story Board apocalipsis now" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/apocalipsis-now.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/apocalipsis-now-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;"><strong>Alicia en el País de las Maravillas</strong></h3> <p style="text-align: justify;">Por último, terminar con el ejemplo de Alicia en el País de las Maravillas, una oportunidad para ver los<strong> tipos de planos, los elementos y la estructura de un storyborad.</strong> Esperamos que este post te haya encantado. Puedes seguir leyendo aquí, en INESEM.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2421" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/alicia-en-el-pais-del-as-maravillas.jpg?x92914" alt="Story Board Alicia en el País de las Maravillas" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/alicia-en-el-pais-del-as-maravillas.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/07/alicia-en-el-pais-del-as-maravillas-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;"> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2416" data-ulike-nonce="f74110118d" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2416"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+3"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/storyboard/">Aprende a dibujar storyboards o guiones gráficos con estructuras y planos</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/storyboard/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Litografía, la cara más artesana del diseño</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/litografia/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/litografia/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Tue, 16 Apr 2024 11:09:00 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2494</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/art-black-and-white-composition-conceptual-1153875-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Litografía" loading="lazy" style="float:left; margin:0 15px 15px 0;" />El arte y el diseño tienen numerosos antecedentes técnicos, y no todos se ajustan al modelo actual. Todos conocemos la imprenta y todas las posibilidades que esta otorga… Pues bien uno de los antecedentes principales de esta es, la “litografía”.</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/litografia/">Litografía, la cara más artesana del diseño</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/art-black-and-white-composition-conceptual-1153875-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Litografía" loading="lazy" style="float:left; margin:0 15px 15px 0;" /> <p style="text-align: justify;">El arte y el diseño tienen numerosos antecedentes técnicos, y no todos se ajustan al modelo actual que de ellos conocemos. Todos conocemos la imprenta y todas las posibilidades que esta otorga al mundo de la comunicación, el <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-publicitario/" target="_blank" rel="noopener">diseño</a>, la publicidad… Pues bien, uno de los antecedentes principales de esta es, la <strong>“litografía”.</strong></p> <p style="text-align: justify;">¿Cuál es el significado de litografía? Esta y otras cuestiones serán contestadas a lo largo del siguiente post, por lo que permanece atento para no perderte ningún detalle. Además, al final hablaremos de las obras litográficas más famosas que existen, aportando detalles de las mismas. ¿Con ganas de aprender qué es la litografía? ¡Vamos!</p> <h2 style="text-align: justify;">Y ¿qué es la litografía?</h2> <p style="text-align: justify;">La <strong>litografía</strong> es una técnica que data del siglo XVIII, que consiste en <strong>estampar un diseño</strong> que previamente se realiza sobre una piedra calcárea con lápiz o tintas especiales, para después aplicarle una tinta que solo se adhiere en las zonas que han sido tratadas con esos materiales.</p> <p style="text-align: justify;">Como se ha mencionado anteriormente, la litografía es uno de los<strong> antecedentes de lo que hoy es una técnica de la imprenta</strong>, es decir, en un principio surge como un <strong>medio técnico de reproducción</strong>, utilizado por primera vez por su creador<a href="https://www.ecured.cu/Aloys_Senefelder" target="_blank" rel="nofollow noopener noreferrer"> Senefelder</a> para reproducir sus partituras. Sin embargo, tuvo también grandes implicaciones en el mundo de la producción artística.</p> <h3 style="text-align: justify;">Un encuentro casual</h3> <p style="text-align: justify;">Senefelder descubrió esta técnica cuando buscaba un método sencillo para reproducir numerosas copias de sus trabajos musicales.</p> <p style="text-align: justify;">Así, casi por accidente, descubrió que si dibujaba sobre una superficie plana de piedra porosa con un lápiz graso, la humedecía con agua y después le aplicaba una tinta grasa, esa tinta <strong>quedaba adherida solamente en las partes donde se había realizado el dibujo</strong>, ya que la grasa del lápiz atraía a la grasa de la tinta y el agua que se la había aplicado por completo a la piedra era repelida.</p> <p style="text-align: justify;">Este descubrimiento hizo que se diera cuenta de que sobre esa piedra tenía un dibujo entintado, el cual, si tocaba, manchaba aquella superficie que estuviese en contacto con la tinta. Por ello supuso que si colocaba un papel sobre esa plancha, el dibujo de la piedra se traspasaba a ese papel, quedando el resto de la superficie del mismo limpia, obteniendo el diseño realizado previamente, perfectamente estampado y con gran calidad.</p> <p style="text-align: justify;">Además, comprobó que si la tinta se le acababa, podía volver a aplicarla sobre la composición para volver a llevar a cabo una<strong> nueva transferencia del diseño.</strong></p> <p style="text-align: justify;">Interesante, ¿verdad? Y como nos hemos aprovechado de esta perfecta casualidad.</p> <h2 style="text-align: justify;">La litografía y la producción artística</h2> <p style="text-align: justify;">La <strong>técnica litográfica</strong> ofrece al artista recursos y posibilidades ilimitados, en la creación de obras, pues permite trabajar con múltiples elementos, además de facilitar al artista la improvisación en su proceso creativo gracias a la posibilidad de<strong> corregir posibles errores que surjan en el proceso.</strong></p> <p style="text-align: justify;">Además, se trata de una <strong>técnica es relativamente económica</strong>, en la que se utilizan materiales como el lápiz, la pluma, el pincel, un rascador o la punta seca. Estos materiales se utilizan para llevar a cabo el diseño o la composición sobre la base o el soporte, que es, como se ha dicho más arriba, una piedra calcárea sobre la que se aplican los materiales anteriormente mencionados. En esta se lleva a cabo la <strong>composición artística,</strong> que posteriormente se traspasa al papel mediante la aplicación de fuerza sobre este en contacto con la piedra.</p> <h2 style="text-align: justify;">El proceso lineal de la litografía</h2> <p style="text-align: justify;">Para entender bien cómo funciona esta técnica, vamos a explicar brevemente el proceso de realización de una <strong>litografía artística.</strong></p> <h3 style="text-align: justify;">El trazo del diseño o la composición</h3> <p style="text-align: justify;">Sobre una piedra porosa lisa, normalmente una plancha de piedra caliza correctamente cortada y pulida, <strong>se traza el motivo deseado</strong> con un lápiz graso o un pincel mojado en pintura grasa, o incluso con ambos, si se quiere obtener distintos tipos de trazos.</p> <p style="text-align: justify;">Hay que tener en cuenta un punto muy importante en la realización del dibujo, y es que este<strong> debe dibujarse invertido</strong>, es decir, como si lo mirásemos en un espejo, para que cuando se transfiera al papel esté en el sentido correcto.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2495" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/Sin-título-1.jpg?x92914" alt="" width="136" height="485" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/Sin-título-1.jpg 136w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/Sin-título-1-84x300.jpg 84w" sizes="(max-width: 136px) 100vw, 136px" /></p> <h3 style="text-align: justify;">Se humedece la plancha</h3> <p style="text-align: justify;">Una vez que el dibujo está terminado, se empapa bien la plancha con agua o con otra solución acuosa. De este modo, <strong>se verá como en los sitios donde se llevó a cabo el dibujo,</strong> es decir, la aplicación de la tinta grasa, el agua no penetra en la piedra. Sin embargo, en la superficie en la que no hay trazo, el agua sí penetra dejando la superficie de la piedra húmeda.</p> <h3 style="text-align: justify;">Se entinta la plancha</h3> <p style="text-align: justify;">Se utiliza una tinta de base grasa para entintar un rodillo blando. Una vez que el rodillo está total y uniformemente entintado, se pasa <strong>por encima de la plancha de piedra</strong>, sobre la zona en la que se encuentra la composición, hasta que se está seguro de que todas las zonas han quedado bien entintadas. De este modo se puede observar que en las zonas donde la piedra está húmeda, es decir, donde no hay trazos, <strong>la superficie repele la tinta,</strong> quedando relativamente limpia, y donde se encuentra el dibujo la tinta depositada<strong> queda adherida formando una fina película.</strong></p> <h3 style="text-align: justify;">Colocamos el papel e imprimimos</h3> <p style="text-align: justify;">El papel que se haya elegido, se suele aconsejar un papel poroso y de un gramaje especial (alto), <strong>se coloca sobre la plancha</strong> y, con una prensa (una plancha gruesa con un mango con el que emitir presión) colocada encima de ambos apretamos bien. Esta sería una <strong>técnica más casera o económica,</strong> más asequible para cualquier persona, pero normalmente se suele hacer con un rodillo que pasa por la plancha y el papel.</p> <h3 style="text-align: justify;">El producto final</h3> <p style="text-align: justify;">Cuando el papel ha tomado la tinta allí donde la plancha la tenía, ya tenemos nuestra impresión. No hay que preocuparse de que el papel esté algo húmedo, pues hay que recordar que la plancha estaba humedecida por el agua, así que sin ningún miedo, aunque con cuidado, s<strong>e retira el papel de la plancha</strong> y ¡ya tenemos nuestra estampación! Y si quieres, continua con el proceso de impresión colocando un nuevo papel y volviendo a hacer el mismo procedimiento de estampación, hasta que la tinta te lo permita.</p> <p style="text-align: justify;">Además, si la tinta se seca o pierde densidad, <strong>solo tienes que entintar de nuevo la plancha</strong>, aplicando sobre el dibujo más cantidad de tinta grasa, y si, por otro lado, es el dibujo el que pierde fuerza, siempre se puede repasar. <strong>¡No te preocupes, es una técnica infinita!</strong></p> <h3 style="text-align: justify;">Sus posibilidades</h3> <p style="text-align: justify;">Y aún no sabes lo mejor… esta técnica no se cierra a una sola representación cromática, sino que te permite <strong>jugar con varios colores</strong> e incluso superponer composiciones para formar una final, si deseas hacerlo mediante la composición a través de distintos elementos.</p> <p style="text-align: justify;">¿Qué cómo podemos conseguirlo? Es muy sencillo, solo tienes que utilizar tintas de distintos colores y varias planchas. Por ejemplo si quieres que tu composición tenga varios colores, deberás entintar las distintas zonas el diseño con los distintos colores que quieras que aparezcan en la estampación, así se debe tener cuidado de cómo<strong> se entinta para que las zonas de color queden bien diferenciadas</strong> y no se nos produzcan mezclas indeseadas, lo cual requiere una mayor precisión.</p> <p style="text-align: justify;"><br />También puedes<strong> dividir tu dibujo en diferentes planchas</strong> e ir aplicando la tinta deseada en cada plancha para ir colocando el papel sobre una plancha y otra, dependiendo de la parte que se quiera imprimir, para obtener así el diseño final. Y esto se puede hacer sin ningún tipo de preocupación, ya que estas planchas <strong>se pueden reutilizar de un diseño a otro</strong>, además de tener un coste bajo, que te permite tener varias para trabajar paralelamente.</p> <h2 style="text-align: justify;">Grandes litografías de grandes artistas</h2> <p style="text-align: justify;">Uno de los grandes <strong>maestros del arte que utilizó la litografía</strong> para generar sus grabados fue<strong> Pablo Picasso.</strong> En total, el malagueño generó 2.200 grabados, para los que se basó en la litografía, aunque también en otras técnicas. Fue a partir de la Segunda Guerra Mundial, cuando el pintor se interesó en gran medida por las técnicas litográficas de la mano de Fernand Mourlot, en París.</p> <p style="text-align: justify;"><strong>Ejemplos de litografías</strong> de Pablo Picasso son <em>La partida, La joven artista, Gilot, El taller o Françoise. </em>A Picasso se le suma un gran número de artistas como Vieira da Silva, Manuel Cargaleiro, Andy Warhol, Joan Miró, Lluís Barba o Keith Haring. Artistas que realizaron multitud de sus<strong> grabados gracias a las técnicas litográficas.</strong></p> <p style="text-align: justify;">Una de las grandes figuras de la producción litográfica es Toulouse-Lautrec, cuyas obras forman parte del colectivo artístico moderno, además de ser uno de los <strong>primeros diseñadores gráficos de la historia</strong>, con sus famosos carteles.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2496" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec.jpg?x92914" alt="" width="300" height="500" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec.jpg 300w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec-180x300.jpg 180w" sizes="(max-width: 300px) 100vw, 300px" /></p> <p style="text-align: justify;"><img loading="lazy" class="size-full wp-image-2497 aligncenter" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec1.jpg?x92914" alt="" width="300" height="500" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec1.jpg 300w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/11/lautrec1-180x300.jpg 180w" sizes="(max-width: 300px) 100vw, 300px" /></p> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2494" data-ulike-nonce="acce95c4c4" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2494"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+2"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/litografia/">Litografía, la cara más artesana del diseño</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/litografia/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Diseño gráfico online, inspírate en las webs más creativas.</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-grafico-online/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-grafico-online/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Fri, 03 Jul 2020 11:33:19 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <category><![CDATA[Diseño Web]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2567</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/imagen-cabecera-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Diseño gráfico online" loading="lazy" style="float:left; margin:0 15px 15px 0;" />¿Te gustaría encontrar las webs más creativas y la inspiración que buscas para el diseño de una web? Descubre aquí los pasos para crear un diseño gráfico online creativo y elegante</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-grafico-online/">Diseño gráfico online, inspírate en las webs más creativas.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/imagen-cabecera-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Diseño gráfico online" loading="lazy" style="float:left; margin:0 15px 15px 0;" /> <p style="text-align: justify;">El diseño gráfico tiene un gran número de vertientes, entre la que se encuentra, y en un plano principal en los últimos años, <strong>el diseño gráfico online</strong>. Esta rama se encarga del diseño de plataformas y páginas web, desde cero, partiendo de aspectos esenciales, y prestando gran atención a la <strong>usabilidad</strong> y <strong>funcionalidad</strong> de la misma.</p> <p style="text-align: justify;">El <strong>diseño gráfico online</strong>, desarrolla toda la parte <strong>estética y funcional</strong> de la <strong>web</strong>, desde la disposición de los elementos a través de creaciones de plantillas que se adaptan a los distintos tamaños de pantalla y dispositivos, la creación y diseño de textos, la creación de imágenes y su distribución en el espacio.</p> <p>El diseño de web está cada día más presente en este campo, en que se presenta la imagen al completo de cualquier tipo de empresa, desde su <strong>identidad</strong> <strong>corporativa</strong>, pasando por sus <strong>valores</strong>, sus <strong>atributos</strong>, y la <strong>imagen</strong> <strong>corporativa</strong>, que se compone a través del color, de la tipografía, del tipo de imágenes elegidas, etc., que mantengan la esencia de la marca.</p> <h2 style="text-align: justify;"><strong>¿Cuáles son los pasos que debemos seguir para llevar a cabo el diseño de una web?</strong></h2> <p style="text-align: justify;">En primer lugar es necesario hacer un <strong>estudio de la marca</strong> o entidad de la que se va a realizar la web, teniendo en cuenta los distintos aspectos que la componen, además de tener en cuenta su <strong><a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/test-de-usabilidad-web/" target="_blank" rel="noopener noreferrer">público</a></strong>, al que va <strong>dirigida</strong>.</p> <p style="text-align: justify;">Una vez que se tiene claros estos aspectos, debemos <strong>establecer las plantillas</strong> para la <strong>versión escritorio</strong> y <strong>versión móvil</strong> sobre la que vamos a trabajar, teniendo en cuenta su división en columna. Las plantillas que se utilizan suelen tener un<strong> tamaño de 1500px</strong> de ancho, dividida en nueve columnas para establecer los límites visibles de la página y la composición espacial de los distintos elementos.<br />Junto con la creación de la plantilla de la versión escritorio se crea la <strong>plantilla de móvil</strong> con un <strong>tamaño de 500px</strong> de ancho, en que debemos marcar tres guías, que conforman los extremos visibles de la web, en los que no se visualiza la información, y una guía central que marca el centro de la composición, para poder centrar los distintos elementos.</p> <p style="text-align: justify;">El siguiente paso es la<strong> elección del color de los elementos,</strong> textos, iconos, etc., que vayan en consonancia con el diseño de la marca, teniendo en cuenta que debe haber un color principal o dos, y sus respectivos colores secundarios, que complementan a los principales. Otro aspecto es la <strong>elección de las tipografías</strong>, principales y secundarias, de los títulos y los textos descriptivos.</p> <p style="text-align: justify;">Una vez que se han establecido estos aspectos, debemos tener en cuenta que debemos <strong>comenzar por la página de inicio</strong> o <strong>home</strong>, en la que se plantea una presentación de los principales contenidos y servicios de la web, en la que las imágenes y los títulos juegan un papel muy importante en el aspecto e información visual,<strong> siempre enfocado al usuario.</strong></p> <p style="text-align: justify;">En la<strong> realización y composición</strong> de las<strong> distintas páginas</strong> es recomendable realizar la versión escritorio y la versión móvil de forma paralela para así poder comprobar que los elementos y textos que vamos incorporando funcionan en ambas versiones.</p> <h2 style="text-align: justify;"><strong>Y ¿qué programas puedo utilizar para llevar a cabo estos diseños?</strong></h2> <p style="text-align: justify;">Para el diseño web, se ha utilizado normalmente el <strong>programa de <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/que-es-adobe-photoshop-lightroom-para-que-se-utiliza/" target="_blank" rel="noopener noreferrer">Adobe Photoshop</a>,</strong> en el que podemos trabajar por capas, y en el que podemos llevar a cabo todos los diseño y versiones que nos sean necesarios.</p> <p style="text-align: justify;">Sin embargo, actualmente se está utilizando un nuevo programa, también de Adobe conocido como “<strong>Adobe Xd</strong>”, que te permite no solo realizar los diseños por capas y con cualquier elemento como Photoshop, sino que además <strong>recrea cualquier tipo de efecto</strong> que se quiera dar a cualquier elemento, obteniendo un resultado mucho más fiel al producto final.</p> <p style="text-align: justify;">Ahora bien, las ideas y los diseños no salen de la nada, y no siempre vamos a encontrar la <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diagrama-de-gutenberg/" target="_blank" rel="noopener noreferrer">inspiración </a>para llevar a cabo cualquier diseño gráfico online, por lo que es muy importante<strong> nutrirnos de ejemplos</strong> que nos <strong>sirvan de inspiración,</strong> desde modelos de web más sobrios hasta los más creativos que harán que nuestra mente se abra a nuevas posibilidades que en un principio no veíamos posibles. Para ello…</p> <h3 style="text-align: justify;"><strong>Inspírate en las webs más creativas</strong></h3> <p style="text-align: justify;">Hay un gran número de webs, de todo tipo, desde un <strong>aspecto más sobrio,</strong> hasta las <strong>webs más creativas</strong> y locas que nos podemos encontrar.</p> <p style="text-align: justify;">Un ejemplo de <strong>sobriedad y creatividad</strong> de forma conjunta la podemos encontrar en la web del banco<strong> BBVA</strong>, a la que podréis acceder a través del siguiente enlace: <a href="https://www.bbva.es/personas.html" target="_blank" rel="nofollow noopener noreferrer">https://www.bbva.es/personas.html</a></p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2568" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/1.jpg?x92914" alt="Diseño gráfico online" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/1.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/1-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;">Esta web es un claro ejemplo de cómo estética, creatividad y sobriedad, se <strong>complementan</strong>. Además de visualizarse la fuerza de la esencia de la marca, en los colores, formas y textos.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2569" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/2.jpg?x92914" alt="Diseño gráfico web" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/2.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/2-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p style="text-align: justify;">Pero si lo que quieres es <strong>inspiración</strong>, en la que la creatividad y el diseño tienen el papel principal, entonces os recomiendo que visitéis la siguiente página, en la que encontraréis un gran número de diseños webs para fortalecer y dar rienda suelta a vuestra <strong>creatividad</strong>. <a href="https://www.awwwards.com/" target="_blank" rel="nofollow noopener noreferrer">https://www.awwwards.com/</a></p> <p style="text-align: justify;">Aquí podréis encontrar <strong>todo tipo de webs</strong>, de diseño y estéticas, así como funcionalidades, de las formas más creativas que podáis ver.</p> <p style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2570" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/3.jpg?x92914" alt="Claves de diseño gráfico online" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/3.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2020/07/3-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;"><strong>¡Empápate y dale rienda suelta a tus diseños!</strong></h3> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2567" data-ulike-nonce="0f812bb18a" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2567"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+2"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-grafico-online/">Diseño gráfico online, inspírate en las webs más creativas.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-grafico-online/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Tendencias en diseño gráfico,¿Qué nos preparará 2020?</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/tendencias-en-diseno-grafico/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/tendencias-en-diseno-grafico/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Fri, 13 Dec 2019 13:27:21 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2504</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/12/tendencias-diseno-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="tendencias diseño gráfico" loading="lazy" style="float:left; margin:0 15px 15px 0;" />Todavía no hemos entrado en 2020 y por ello, más que de una certeza se trata de una previsión en la ya hay unos ciertos parámetros establecidos sobre las próximas tendencias en diseño gráfico que parece que siguen en el a línea de las de 2019. Aunque es posible que dentro de estas se produzcan…</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/tendencias-en-diseno-grafico/">Tendencias en diseño gráfico,¿Qué nos preparará 2020?</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/12/tendencias-diseno-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="tendencias diseño gráfico" loading="lazy" style="float:left; margin:0 15px 15px 0;" /> <p style="text-align: justify;">Todavía no hemos entrado en 2020 y por ello, más que de una certeza se trata de una previsión en la ya hay unos ciertos parámetros establecidos sobre las próximas <strong>tendencias en diseño gráfico que parece que siguen en el a línea de las de 2019. </strong>Aunque es posible que dentro de estas se produzcan ciertos cambios.</p> <p style="text-align: justify;">Hay que tener en cuenta que nos encontramos en un momento de gran desarrollo tecnológico, en el que la sociedad se encuentra bombardeada por los medios de comunicación masivos a través de<strong> llamativos mensajes</strong> que aportan una<strong> gran cantidad de información.</strong> Por ello, el diseño se encuentra en una <strong>constante competición por innovar</strong>, llamar la atención del espectador y ser lo más directo, claro y conciso, además de atractivo y elegante.</p> <p style="text-align: justify;"><br />Nos encontramos en una época complicada, en la que prácticamente todo está inventado y en la que <strong>es difícil ser innovador y totalmente sorpresivo</strong>, pero no hay que darle demasiada importancia a esto ni darse por vencido, ya que como en todo sector, el diseño tiene una serie de tendencias y parámetros que “igualan” y marcan un camino en el que las condiciones son en cierta manera similares, aunque siempre contarán con la mano del diseñador.</p> <p style="text-align: justify;">Después de esta introducción de lo que se plantea para este 2020, encontramos <strong>cuatro elementos principales</strong> que han marcado, marcan y marcarán las tendencias en diseño gráfico en sus distintas ramas.</p> <p style="text-align: justify;">Uso del <strong>contraste en el color</strong> para llamar la atención del espectador y muy influenciado por el tipo de sector al que esté dirigido.</p> <h2 style="text-align: justify;">El minimalismo</h2> <p style="text-align: justify;">Ya en 2019 se viene dando una gran importancia al <strong>minimalismo visual</strong>, en el que predominan los espacios en blanco, los cuales permiten que el diseño respire, además de otorgarle sobriedad y elegancia.</p> <p style="text-align: justify;">La idea de que <em>menos es más </em>se impone y<strong> se seguirá manteniendo,</strong> y se asentará sobre las bases de la eliminación del exceso de elementos y la colocación estratégica de los elementos.</p> <p style="text-align: justify;"><br />Y con el minimalismo vuelve el espacio en blanco que cobra un sentido especial, a través de una serie de propósitos como son <strong>dar un respiro al usuario</strong> en la lectura de la información, proyectar elegancia en el diseño y resaltar el mensaje con el apoyo de esos espacios vacíos.<br />Así este concepto aportará un diseño claro y directo.</p> <h2 style="text-align: justify;">Jerarquía de los elementos</h2> <p style="text-align: justify;">La organización jerárquica de los elementos según la importancia de los mismos dentro del <strong>diseño del mensaje</strong>, cobra gran importancia, y que facilitan al usuario recordar el mensaje, marcándole un camino que va desde las ideas más importantes a las de menor importancia, de manera que centramos la atención del espectador en aquello que más nos interesa.<br />Esta jerarquía se compone de<strong> varios elementos</strong> como son el tamaño, el color y el contraste, y la tipografía.</p> <p style="text-align: justify;"><br />Con el tamaño, se pretende <strong>crear un juego entre elementos</strong>, en el que los que son más grandes llamarán más la atención y tendrán una mayor importancia visual.<br />Por otro lado, el uso del color y el contraste entre ellos cobra una gran importancia en el diseño y la efectividad comunicativa del mensaje.<br />Y, la <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/">tipografía</a> que juega un papel muy importante en la idea de la jerarquía ya que es a través del juego de la misma, con la variación y contraste entre tamaños, con el que se da más o menos importancia al mensaje.</p> <h2 style="text-align: justify;">La tipografía</h2> <p style="text-align: justify;">Un aspecto fundamental en las tendencias de diseño gráfico para 2020 es el <strong>uso de tipografías claras y sencillas</strong> que faciliten la lectura del mensaje y que vayan acorde con el diseño.<br />Se va a implantar la tendencia de la tipografía contextualizada y adaptada al diseño, es decir, el uso de tipografías basadas en una idea de representación y con una narrativa que acompaña y complementa el diseño.</p> <p style="text-align: justify;">Nos encontramos aquí un doble filo, en el que se plantean <strong>dos tendencias algo diferenciadas en cuanto al uso de tipografías.</strong><br />En 2019 y para 2020, las tipografías fuertes se hacen protagonistas en el diseño, ya que por su grosor (aunque no sea excesivo) y su estilo cobran gran importancia. Así, podremos ver como la<strong>s tipografías bold y extra bold</strong> se han impuesto y se seguirán imponiendo en el año que entra, ya que aportan una mayor legibilidad por si mejor lectura.</p> <p style="text-align: justify;">Sin embargo, en la otra cara de la moneda, nos encontramos que se sigue dando un gran uso a las <strong>tipografías light, ultra light</strong>, en contraste con las bold, pues a consecuencia de lo que se ha dicho de las bold, estas tipografías también son perfectamente legibles e incluso más limpias que la bold, de manera aportan al diseño una gran elegancia, delicadeza y sobriedad, muy en la línea de lo que conocemos como estilo nórdico, muy visto y utilizado en los diseños de 2019.</p> <p style="text-align: justify;">Por otro lado, se recuperan las tipografías serif, que de alguna manera se habían dejado de lado, sobre todo en el diseño web.</p> <h3 style="text-align: justify;">¡Más sobre tipografías en tendencias de diseño gráfico!</h3> <p style="text-align: justify;">Otra tendencia de diseño gráfico interesante dentro del cambio en el uso de las tipografías, es la de <strong>utilizar una sola,</strong> en contra de los que se ha venido haciendo con anterioridad cuando se jugaba con diferentes tipografías, siempre con un equilibrio.<br />Esta nueva concepción de uso viene dado en gran parte <strong>por la comodidad y rapidez de uso</strong> y ejecución a la hora de variar diseño y adaptarlos, sobre todo en el campo de diseño web.</p> <p style="text-align: justify;">Por último, y en relación con la recuperación de las serifa, se ha establecido una predilección que continuará con las tendencias de diseño gráfico en 2020 por el <strong>uso de las tipografías sin serifa</strong>, ya que ocupan menos espacio y son más fáciles de leer, además de que llaman más la atención por su sobriedad y orden, por lo que es lógico que se convierta en la mejor opción para<strong> diseños creativos y banners.</strong></p> <h2 style="text-align: justify;">El uso del color</h2> <p style="text-align: justify;">Una de las principales características de las nuevas tendencias en el campo del color es el<strong> uso del contraste en el color</strong> para llamar la atención del espectador y muy influenciado por el tipo de sector al que esté dirigido.<br />En 2020 se plantean dos propuestas complementarias, en las que se apuestan por <strong>colores naturales e inspirados en la tierra</strong> y sus distintas tonalidades, además de una serie de tonos suaves y neutros, incluyendo los azules, naranjas y rojos.</p> <p style="text-align: justify;">Pero el momento más esperado de todo diseñador es la propuesta que hace el Instituto Pantone, del tono para el próximo año. Y en 2020, el color propuesto es el <strong>PANTONE 19-4052 “Classic Blue” (Azul Clásico)</strong>. Este tono sigue las tendencias de este 2020, destacando por su elegancia y su simplicidad.<br />Se trata de un<strong> tono azul atemporal</strong> que transmite confianza, calma y conexión. Además, es un color que facilita la concentración a aporta claridad al diseño y a la composición.</p> <h3 style="text-align: justify;"><img loading="lazy" class="aligncenter size-full wp-image-2505" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/12/IMAGEN-PANTONE.jpg?x92914" alt="" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/12/IMAGEN-PANTONE.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/12/IMAGEN-PANTONE-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></h3> <h3>Un poco de calma </h3> <p style="text-align: justify;">Tiene sentido que se propongan tonalidades como esta que aportan sosiego, calma y neutralidad, en una <strong>sociedad colapsada por los medios de comunicación masivos</strong>, pues como hemos mencionado con anterioridad, el color juega un papel muy importante.</p> <p style="text-align: justify;">Así pues, ya hemos hablado de las tonalidades propuestas, pero no nos podemos quedar ahí, ya que el color juega un <strong>papel principal en el campo del diseño</strong>. Por ello es importante señalar otros aspectos de tendencia como son el <strong>uso de combinaciones de colores vivos</strong> que ya se pueden ver en los distintos soportes digitales, los degradados que rebajan las intensidad de los colores cálidos y que hacen un juego sutil de cambio de color, aspecto que se observará sobre todo en el diseño web.</p> <p style="text-align: justify;"><br />Y por supuesto, no podemos olvidar el juego y el importante<strong> papel del blanco y el negro. </strong>En el que podemos observar como la tendencia se inclina más hacia el uso del blanco con otros colores vivos o con fotografías a todo color. Además del clásico juego de blanco y negro, que siempre será un recurso recurrido que siempre aportará elegancia y sobriedad a nuestros diseños.</p> <h2 style="text-align: justify;">Así que…¿Qué va a marcar el diseño de 2020?</h2> <p style="text-align: justify;">Los mensajes claros, a través de textos directos y cercanos al usuarios. Con tipografías que faciliten la lectura y la comprensión del mensaje y con colores y fondos que se complementen y que no sean un obstáculo para la fácil visualización de la tipografía y del mensaje.</p> <p style="text-align: justify;">En definitiva, debemos llevar a cabo<strong> diseños sencillos, claros y directos,</strong> que sobresalgan por encima de toda esta información masiva que día a día nos llega a través de los distintos medios y soportes.</p> <p style="text-align: justify;">Esperemos que este 2020, sea otro año en el que el <strong><a href="https://www.inesem.es/" target="_blank" rel="noopener noreferrer">diseño</a> continúe en auge</strong> y que siga jugando un papel tan importante como el que juega en la sociedad, innovando y creando experiencias.</p> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2504" data-ulike-nonce="93096ff7c3" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2504"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+2"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/tendencias-en-diseno-grafico/">Tendencias en diseño gráfico,¿Qué nos preparará 2020?</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/tendencias-en-diseno-grafico/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Diseño de packaging: ¡Mucho más que simples envases!</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-de-packaging/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-de-packaging/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Thu, 11 Apr 2019 07:18:07 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2159</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/04/imgen-packaging-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Diseño de Packaging" loading="lazy" style="float:left; margin:0 15px 15px 0;" />Día a día utilizamos todo tipo de productos, bebidas, comida, productos de baño, perfumes… y todos ellos se encuentran dentro de un recipiente distinto, dependiendo cual sea su contenido. Pues bien, estos recipientes, es lo que se conocemos como diseño de packaging, es decir, un empaquetado del producto con un diseño concreto. ¡Descubre en este…</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-de-packaging/">Diseño de packaging: ¡Mucho más que simples envases!</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/04/imgen-packaging-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Diseño de Packaging" loading="lazy" style="float:left; margin:0 15px 15px 0;" /><p style="text-align: justify;">Día a día utilizamos todo tipo de productos, bebidas, comida, productos de baño, cosméticos, perfumes… y todos ellos se encuentran dentro de un recipiente distinto, dependiendo cual sea su contenido.</p> <p style="text-align: justify;">Pues bien, estos recipientes (cajas, bolsas, botes de cristal o plástico) es lo que se conoce como diseño de packaging, es decir, un empaquetado del producto con un diseño concreto. Y, esto lo vemos desde los más simples como son los tubos y cajas donde va la pasta de dientes o, los cartones y botellas de leche que compramos en el supermercado, hasta diseños muy elaborados, como por ejemplo, la alta perfumería, o algunos tipos de productos de baño.</p> <h2 style="text-align: justify;">¿Qué es el diseño de packaging?</h2> <p style="text-align: justify;">El diseño de packaging contiene, protege, transporta, informa y vende.</p> <p style="text-align: justify;">Si se le quiere dar una definición, el packaging hace referencia a todo aquello que<strong> implica la protección de un producto para su venta y distribución</strong>, es decir, los envases, envoltorios, y etiquetados de cualquier producto comercial.</p> <p style="text-align: justify;">Ahora bien, el concepto de packaging no es meramente funcional, sino que su concepto y parte más importante, desde <strong>la definición del propio término es el diseño</strong>. Ya que si no fuese por éste, se trataría de un mero embalaje de protección, cuya principal preocupación sería la mera funcionalidad.<br /> Pero no es así, el diseño de packaging va mucho más allá. Desde el punto de vista del marketing, del diseño y de la comunicación, se trata de una<strong> carta de presentación del producto</strong>, por lo que su objetivo primario es el de captar la atención del consumidor y, así, actuar como el medio de comunicación con el consumidor.</p> <p style="text-align: justify;">Es por ello que esta presentación del producto condicionará de manera directa que el producto tenga éxito o no. Esto va más allá de la propia calidad del producto, no importa lo bueno o superior que sea respecto a otros o la cantidad de publicidad que tenga, pues finalmente es <strong>el consumidor el que decide si lo compra o no</strong> y, lo primero que ve de éste es la etiqueta y el recipiente que lo presenta.<br /> Y, esto nos lleva al momento de comunicación entre el producto y el consumidor, en el que el mensaje es el propio diseño de packaging.</p> <h3 style="text-align: justify;">Todo esto nos lleva a la siguiente pregunta, ¿qué es un buen diseño de packaging?</h3> <p style="text-align: justify;">Está claro que un buen diseño de packaging, más perdurable será la imagen de la marca del producto. Por ello es muy importante tener presente siempre, que el diseño sea <strong>atractivo, funcional y reutilizable</strong>. Para que éste se convierta en una parte valiosa del producto final.</p> <p style="text-align: justify;">Y para llegar al resultado de un buen y exitoso diseño de packaging, hay que tener en cuenta varios aspectos. Donde el primero y más importante es tener en cuenta el <strong>tipo de producto para el que se va a diseñar el packaging</strong>. Después de un estudio del producto, hay estudiar otros aspectos como son:</p> <p style="text-align: justify;">El estudio de la empresa que desarrolla el producto. En el que hay que tener muy en cuenta sus aspectos comerciales, como son, los antecedentes en la comercialización de otros productos similares, los canales que utilizan para su distribución (tienda física, online), el tipo de publicidad que se hace de sus productos (televisiva, cartelería, web), y el tipo de público al que dirigen sus productos.</p> <p style="text-align: justify;">De éste primero, hay que tener muy en cuenta el aspecto del <strong>público al que va dirigido “target</strong>”. Ya que una empresa puede llevar a cabo la realización de distintos productos dirigidos a una a<a href="https://www.inesem.es/revistadigital/gestion-empresarial/segmentacion/" target="_blank" rel="noopener noreferrer">mplia variedad de público.</a> Así pues, cada producto tendrá un público determinado por lo que es un aspecto a tener en cuenta a la hora de la creación y diseño de packaging. Pues debe adecuarse al tipo de consumidor al que va dirigido, para que tenga una buena aceptación.</p> <p style="text-align: justify;">Otro aspecto muy importante es el<strong> estudio de su propia imagen</strong>, es decir, de la imagen comercial de la propia compañía, su entidad corporativa, el estilo de la misma, como se mueve en el mundo del diseño…</p> <h3>¡No nos olvidemos de la competencia!</h3> <p style="text-align: justify;">Ahora bien, además de los estudios propios, hay que tener en cuenta el estudio de la competencia, pues el mundo de la publicidad y la venta, no deja de ser una <strong>constante competición contra otras marcas</strong> y, hay que conocer muy bien a los rivales directos, tanto para saber qué podemos hacer para sobresalir, así como para no cometer plagios, lo que supondría un problema para la empresa.</p> <p style="text-align: justify;">Finalmente encontramos otros aspectos a tener en cuenta, desde un punto de vista más funcional, como son los relacionados con la <strong>distribución del producto</strong>, en el que hay que tener en cuenta el tipo de almacenamiento del mismo, los distintos destinos, el transporte que se utiliza, etc.</p> <p style="text-align: justify;">Y por otro lado los <strong>aspectos legales</strong>, pues hay que conocer todo aquello que implica legalidad e ilegalidad a la hora de llevar a cabo el diseño de un producto en competencia con otros.</p> <h2 style="text-align: justify;">Una simbiosis de conceptos</h2> <p style="text-align: justify;">Es importante saber que el diseño de los elementos contenedores, tiene una doble cara ya que hay que tener en cuenta dos aspectos esenciales, el diseño gráfico y el propio diseño estructural.</p> <p style="text-align: justify;">Ahora bien, <strong>¿uno es más importante que otro?</strong> Realmente, ambos se complementan. Si bien el diseño estructural, podríamos decir que es en el primero que se piensa ya que es el que va a contener el producto y lo va a proteger, el diseño gráfico (la estética) ,proporciona atractivo visual, lo que finalmente llamará la atención del consumidor.</p> <h3 style="text-align: justify;">Qué hay que tener en cuenta a la hora de llevar a cabo el diseño estructural de un packaging</h3> <p style="text-align: justify;">En primer lugar hay que tener en cuenta el producto que va a contener.<br /> Por ejemplo, si estamos hablando de un perfume, este requeriría <strong>dos tipos de envases</strong>, uno que contenga el líquido y otro que contenga el recipiente y lo proteja. Podríamos decir, que el primer diseño estructural es más libre, aunque con unas medidas de contenido estándar. El diseño de su forma es libre, mientras que el diseño del envase que lo contendrá tendrá que ajustarse a la forma y tamaño del miso, de manera que su forma será más estándar y, con menos libertad de diseño.</p> <p style="text-align: justify;">Por otro lado hay que tener en cuenta la composición del producto que se va a contener, ya que no es lo mismo que el producto sea de naturaleza sólida o líquida, o por ejemplo, de cristal o de plástico.</p> <p style="text-align: justify;">El <strong>tamaño y la forma</strong> también es importante para un buen diseño de packaging, pues esto condicionará el diseño estructural del envoltorio.</p> <p style="text-align: justify;">El <strong>peso y densidad</strong>, pues dependiendo de esto el envase podrá ser de un material u otro y de un tamaño u otro.</p> <p style="text-align: justify;">La<strong> fragilidad y la resistencia del producto</strong>, pues si es muy frágil necesitaremos un envase que lo proteja de posibles golpes. Y esto está relacionado a la vez con los impactos verticales (caída desde una altura) y horizontales (golpes). Además de otros aspectos relacionados como la vibración (por el transporte, o en el proceso de envasado)</p> <p style="text-align: justify;">Su comportamiento en cuanto a cambios climáticos (humedad, calor, sequedad, baja presión…)</p> <p style="text-align: justify;">La <strong>ergonomía</strong>, es decir, como se maneja el envase. Es importante que sea sencillo, para lo que habrá que valorar el público al que va dirigido. Por lo que hay que tener en cuenta distintos aspectos físicos del envase.</p> <h3>¡No todo son aspectos físicos!</h3> <p style="text-align: justify;">Por otro lado es muy importante tener en cuenta el uso del producto, en el que influye, la dosificación así como el <strong>sistema de apertura y cierre.</strong></p> <p style="text-align: justify;">Y por último podemos nombrar, como punto de unión, la adecuación al <strong>canal de distribución,</strong> es decir, conocer si el producto va destinado a profesionales o consumidores finales, que lo cogen de una tienda. Es aquí donde entra en juego el papel del diseñador para destacar los aspectos comerciales del producto.</p> <p style="text-align: justify;">Con este último aspecto del diseño estructural que se vale del diseño gráfico, podemos comentar los aspectos fundamentales, desde el punto de vista gráfico, del packaging.</p> <h3>Aspectos a tener en cuenta para realizar el diseño gráfico del packaging.</h3> <p style="text-align: justify;">Primero, hay que nombrar el<strong> estudio del diseño de la entidad</strong>, en el que se lleva a cabo un <a href="https://www.inesem.es/revistadigital/gestion-empresarial/la-brand-experience-en-la-construccion-de-marca/" target="_blank" rel="noopener noreferrer">estudio de la marca</a>, el logotipo de la compañía, así como otros elementos como pueden ser el color corporativo y el estilo gráfico que utiliza la empresa. Para que el diseño de packaging de nuestro producto vaya en consonancia y sea relacionado con la empresa que lo produce.</p> <p style="text-align: justify;">Además del diseño gráfico que se la aplica al diseño estructural, en cuento a marga, logo, color, etc. Hay que tener en cuenta también el <strong>diseño de la información del producto que se está vendiendo. </strong>Por lo que el envase a de reflejar toda la información posible sobre el producto, como son sus ingredientes, el origen, su utilidad, las instrucciones de uso… Todo esto, claro está, dependiendo del tipo de producto que se vaya a comercializar.</p> <p style="text-align: justify;">Por último para darle forma y sentido al diseño final, hay que tener en cuenta unos aspectos más abstractos, como es el<strong> diseño emocional</strong>. En el que hay que tener en cuenta que hay colores y formas que atraen en mayor o menor medida al consumidor. Por lo que se deben desarrollar atendiendo a ciertos criterios de marketing, que estudian las distintas respuestas del público a determinados aspectos gráficos.</p> <h2 style="text-align: justify;">Cambio y concienciación</h2> <p style="text-align: justify;">Desde los inicios de la creación de envases para la distribución de productos, el mundo del packaging ha sufrido grandes e impactantes cambios, siempre ligado y condicionado por la evolución del mundo del diseño al que va ligado.</p> <p style="text-align: justify;">Por ello es interesante saber qué es lo que mueve el mundo del diseño de packaging actualmente. Así como cuáles serán las <a href="https://www.inesem.es/revistadigital/gestion-empresarial/que-es-coolhunting/" target="_blank" rel="noopener noreferrer">tendencias</a> a las que tendremos que ir adaptándonos y estudiando para llevar a cabo un producto de éxito.</p> <p style="text-align: justify;">Por un lado hay que tener en cuenta que vivimos en un mundo en el que lo que prima es <strong>evocar sensaciones y emociones en el consumidor.</strong> Pues la mera funcionalidad y la estética clásica están más que superadas. De modo que nuestro diseño deberá crear una experiencia para el consumidor, que vaya más allá del mero hecho de comprar un producto.</p> <p style="text-align: justify;">Por ello se llevarán a cabo envases que aúnen a todos los sentidos, de manera que nos encontraremos con envases inteligentes e interesantes, de fácil manejo y transporte, centrados en lo individual.</p> <p style="text-align: justify;">Además, la creciente concienciación de cuidar el medio ambiente, será otro punto importante en la <strong>creación de envases reciclables.</strong></p> <p style="text-align: justify;">Cada tipo de público tendrá unos gustos concretos, por lo que el estudio del mismo será muy importante para la realización de los mismos, de manera que el diseño gráfico de marcas irá más allá de la propia entidad corporativa que lo desarrolla. Pues su principal objetivo es llegar lo más directo posible al consumidor.<br /> Además del diseño gráfico, el diseño estructural, también llevará a cabo un importante <strong>estudio de mercado</strong> en el que las necesidades y peticiones del consumidor primarán a la hora del diseño y la forma del producto.</p> <h3>Un diseño totalmente personalizado y adaptado al consumidor</h3> <p style="text-align: justify;">Así tendremos un <a href="https://www.inesem.es/Curso-Diseno-Packaging" target="_blank" rel="noopener noreferrer">diseño de packaging</a> totalmente adaptado al consumidor, con toques personales y formas muy llamativas de captar la atención y de ir más allá del mero concepto de protección del producto.</p> <p style="text-align: justify;">Cuando vayas a una perfumería o a cualquier tipo de tienda, párate un poco y fíjate en la gran variedad de diseños que contienen a los distintos productos. Te sorprenderá ver como desde el producto más simple hasta el más exquisito, cuida el tipo de envase que lo va a contener, para despertar tu atención.</p> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2159" data-ulike-nonce="7dc5c1774e" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2159"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+5"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-de-packaging/">Diseño de packaging: ¡Mucho más que simples envases!</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/diseno-de-packaging/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>Maquetación en Illustrator: Crea tu propia revista de forma profesional.</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/maquetacion-en-illustrator/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/maquetacion-en-illustrator/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Thu, 21 Mar 2019 10:48:33 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2124</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/art-artist-artistic-316465-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Maquetación en Illustrator." loading="lazy" style="float:left; margin:0 15px 15px 0;" />El tema de la maquetación es muy amplio en cuanto a posibilidades. Si bien es cierto que hay programas más aptos que otros para una maquetación, sea de un libro, un catálogo o una revista. Podemos utilizar el que se prefiera y, en el que nos encontremos más cómodos. En este caso vamos a hablar…</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/maquetacion-en-illustrator/">Maquetación en Illustrator: Crea tu propia revista de forma profesional.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/art-artist-artistic-316465-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Maquetación en Illustrator." loading="lazy" style="float:left; margin:0 15px 15px 0;" /><p style="text-align: justify;">El tema de la maquetación es muy amplio en cuanto a posibilidades se refiere tanto de temática como de herramientas para su realización.</p> <p style="text-align: justify;">Si bien es cierto que hay programas más aptos que otros para una maquetación, sea de un libro, un catálogo o una revista. Podemos utilizar el que se prefiera y, en el que <strong>nos encontremos más cómodos</strong> para lograr un buen resultado.<br /> En la maquetación, lo principal es tener asentados los conceptos de equilibrio y disposición del espacio, ya que es el principal elemento con el que vamos a trabajar.</p> <p style="text-align: justify;">En este caso vamos a hablar de la <strong>maquetación en Illustrator</strong>, pero primero daremos unas nociones generales sobre maquetación.</p> <p style="text-align: justify;">Pero si ya conoces en qué consiste y solo quieres aprender a crear tu propia revista, pueden pinchar en cualquier título<strong> para comenzar por donde quieras:</strong></p> <ol> <li style="text-align: justify;"><a href="#puntouno">Pero ¿qué es la maquetación?</a></li> <li style="text-align: justify;"><a href="#puntodos">¿Quién lleva a cabo la maquetación?</a></li> <li style="text-align: justify;"><a href="#puntotres">¿Qué se necesita para maquetar y diseñar una revista?</a></li> <li style="text-align: justify;"><a href="#puntocuatro">¿Diseños a lo loco?</a></li> <li style="text-align: justify;"><a href="#puntocinco">Ahora sí … ¡Maquetación en Illustrator!</a></li> <li style="text-align: justify;"><a href="#puntoseis">Ejemplo de Maquetación en Illustrator</a></li> <li style="text-align: justify;"><a href="#puntoseis">¡Sumérgete en el mundo del Diseño Editorial!</a></li> </ol> <h2 id="puntouno">Pero ¿qué es la maquetación?</h2> <p style="text-align: justify;">No podemos adentrarnos en los conceptos técnicos de la maquetación en illustrator, sin antes saber de qué se trata.<br /> Como ya habrás visto, estamos rodeados de todo tipo de materiales impresos, como son los libros, el periódico, los cuentos, los manuales de estudio, las revistas… Pues bien los que vemos en el interior de estos, su contenido, <strong>no está puesto al azar</strong> o hecho de cualquier manera, ni por cualquiera y, precisamente esto es la tarea de la maquetación.</p> <p style="text-align: justify;">La maquetación profesional, no se dedica únicamente a colocar los textos y los objetos, sino que <strong>requiere una habilidad específica</strong> en la que juegan un importante papel el diseño gráfico, el editorial y la edición. Además del propio sentido común del diseñador. Es decir, maquetar, consiste en componer y esquematizar todos los elementos textuales y gráficos (imágenes, dibujos…) que componen todo el contenido de lo que se va a publicar.</p> <h2 id="puntodos">¿Quién lleva a cabo la maquetación?</h2> <p style="text-align: justify;">La figura del <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/consejos-para-trabajar-como-disenadora-grafico/" target="_blank" rel="noopener noreferrer">maquetador y diseñador</a>, a menudo se aúnan en la misma persona, por lo que la tarea de maquetar se desarrolla por una sola persona.<br /> Normalmente aquel que entiende las bases del diseño, y las normas compositivas, es capaz de llevar a cabo una <strong>maquetación editorial</strong>, en cuanto a composición se refiere, además de ser capaz de utilizar los distintos programas y herramientas para ello.</p> <p style="text-align: justify;">Por ello, su tarea será la de componer el contenido editorial en las distintas páginas teniendo en cuenta el diseño previo, haciendo que dicha composición sea lógica y armónica.</p> <p style="text-align: justify;">Sin embargo, el diseño de prensa, periódicos o revistas, es el que más requiere de un diseño potente, ya que tiene una <strong>gran carga pictórica, junto con textos</strong> que acompañan esa imagen, por lo que entra en juego la parte del diseño editorial junto con la propia maquetación.<br /> Y este es el tema que vamos a tratar en el artículo, en mayor profundidad, <strong>las posibilidades de maquetación de una revista</strong>, así como las herramientas y programas que necesitaremos para ello, centrándonos en uno en especial. La maquetación en Illustrator.</p> <h2 id="puntotres">¿Qué se necesita para maquetar y diseñar una revista?</h2> <p style="text-align: justify;">En primer lugar tenemos que tener en cuenta que hay diversidad de programas para llevar a cabo un diseño y una maquetación de una revista, sin embargo hay unos que están más preparados que otros. El principal programa de maquetación es <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/indesign-documento-libros-bibliotecas/" target="_blank" rel="noopener noreferrer">Adobe InDesign</a>, un programa <strong>especializado única y exclusivamente en maquetación.</strong> Pero no todo el mundo tiene por qué tener manejo de este programa tan específico, por lo que otros programas del paquete Adobe también nos son útilies, como es el caso de Adobe Illustrator</p> <p style="text-align: justify;">Este programa de vectorización, que también permite maquetar con cierta facilidad además de poder <strong>crear distintos elementos vectoriales</strong> para nuestro diseño, sin límite alguno.<br /> También podemos nombrar otros programas en los que realmente no se maqueta , pero qué si sirven de apoyo, como una herramienta, para aportar material al contenido, como es <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/ahorra-tiempo-con-estos-10-plugins-de-photoshop/" target="_blank" rel="noopener noreferrer">Adobe Photoshop</a>, con el que podremos preparar las imágenes de la forma más óptima posible, para posteriormente incluirlas en nuestra maquetación en Illustrator.</p> <h2 id="puntocuatro">¿Diseños a lo loco?</h2> <p style="text-align: justify;">Obviamente no. Como debemos de saber, todo diseño tiene un orden en su ejecución, para llevar a cabo una maquetación en Illustrator correcta y que resulte atractiva. Para ello es importante tener en cuenta los siguientes aspectos a seguir.</p> <p style="text-align: justify;"><strong>1. La idea.</strong> Es el primer punto y el que más claro debe estar, para llevar a cabo nuestro diseño editorial, en el que se establece el <strong>tema de la revista</strong> (tecnología, moda, deportes…). Así como el <strong>tipo de público al que va dirigido</strong>, ya que esto marcará el tipo de diseño que realizaremos posteriormente.<br /> Una vez que estos dos conceptos están establecidos hay que pensar un <strong>nombre que resulte llamativo</strong>, además del logo de la revista (si esta es nueva y no lo tiene).<br /> A partir de aquí, <strong>se crea un concepto y bocetos</strong>, que pueden ser muy creativos o sobrios y sencillos.</p> <p style="text-align: justify;"><strong>2. La portada. </strong>Parte muy importante, por no decir la más, después de la idea, ya que es la cara de nuestra publicación. Por lo que debe estar bien estructurado. En esta parte <strong>importa más el estilo que la maquetación</strong> propiamente dicha, en el que el atrevimiento es un punto importante, por lo que es puramente creativo, jugando con tamaños y colores de texto, así como con la imagen principal.</p> <p style="text-align: justify;"><strong>3. Las plantillas.</strong> Que establecen una unidad en las distintas ediciones, es decir, en llevar a cabo distintas secciones con una misma estructura. Éstas son <strong>pequeñas maquetas o bocetos</strong> que contienen todos los elementos y los valores, como son los estilos, los colores, columnas, interlineado… y, que no poseen contenido o pueden estar rellenas con texto falso, para tener una visión más clara del resultado, mediante pruebas con la <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/" target="_blank" rel="noopener noreferrer">tipografía.</a></p> <h3>Apuesta segura: Las páginas enfrentadas.</h3> <p style="text-align: justify;">Ahora bien, hay que tener en cuenta que para la maquetación en Illustrator, las páginas deben estar <strong>enfrentadas o ser opuestas</strong>, es decir, dos páginas juntas, para poder jugar con los distintos elementos a tu antojo.</p> <p style="text-align: justify;">Dentro de este concepto hay que tener en cuenta otros, que juegan un importante papel.</p> <p style="text-align: justify;">Por un lado es importante <strong>crear “hojas de estilo”</strong> para los párrafos y los caracteres, lo que te hará el trabajo más fácil y rápido. Sin embargo esta herramienta solo será necesaria si el documento es muy extenso.<br /> Por otro lado, son importantes las <strong>muestras de color</strong> con sus respectivos nombres. Con ello podremos guardar la gama de colores que usaremos, todos con sus respectivos nombres.<br /> Por supuesto al estar trabajando para un soporte físico, de impresión, es vital <strong>poner los colores en cuatricomía</strong>, es decir, con el<a href="https://www.ecured.cu/Modelo_CMYK" target="_blank" rel="nofollow noopener noreferrer"> valor CMYK,</a> que es el utilizado para la impresión. Así, los colores que aparecen en pantalla serán lo más fieles posible en pantalla.<br /> Otro aspecto importante, son las <strong>páginas maestras</strong>, aunque en la maquetación en Illustrator, no es posible, ya que esta es una opción preestablecida de Indesign.</p> <h3>¡Continuamos con los diseños!</h3> <p style="text-align: justify;"><strong>4. Los diseños.</strong> Aportan el contenido visual de la revista, por lo que es importante tener los colores definidos, y con sus respectivos usos. De manera que se establezca una <strong>paleta de colores limitada para toda la revista</strong> acorde al estilo y al tema que se han escogido previamente, además de enfocarnos en las imágenes, las fotografías y su tratamiento en la revista. Lo que determina el uso de estos elementos es la creatividad, el contexto y el propio cliente.</p> <p style="text-align: justify;"><strong>5. Las fotografías.</strong> Que actúan como otro soporte visual del contenido y, como un elemento principal dentro de la <strong>edición de revistas</strong>, deben guardarse en un formato adecuado para que no pierdan calidad, por lo que se guardarán en formato TIFF para las fotografías y en EPS para las <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/importar-vectores/" target="_blank" rel="noopener noreferrer">vectoriales.</a></p> <h2 id="puntocinco">Ahora sí… ¡Maquetación en Illustrator!</h2> <p style="text-align: justify;">En el diseño gráfico, Illustrator es <strong>una de las herramientas más potentes</strong> ya que nos ayuda a llevar a cabo proyectos increíbles, con cantidad de colores, patrones y pinceles, además de variadas y realistas infografías, elementos con perspectivas…<br /> Además, es un programa que nos permite llevar a cabo cualquier tipo de proyecto, incluso un proyecto editorial, ya que nos permite a través de sus <strong>mesas de trabajo</strong> crear todo un documento, colocando los distintos elementos a nuestro antojo.</p> <p style="text-align: justify;">Pero para la maquetación en illustrator, hay que <strong>tener en cuenta una serie de pasos</strong>, así como conocer sus distintas herramientas o, al menos las más importantes para llevar a cabo la maquetación.</p> <h3>1. Crear el documento para nuestro diseño.</h3> <p>Hay que tener en cuenta, que Adobe Illustrator ha pasado por distintas versiones. Y, aunque es cierto que en todas se pueden crear mesas de trabajo y maquetar mediante la colocación de los elementos, es a partir de la <strong>versión CC2017,</strong> donde podemos encontrar una <strong>ventana exclusiva para la creación de proyectos nuevos</strong>, donde podemos <strong>personalizar las características</strong> de estos (medidas, color, sangrado, orientación, etc.), siguiendo además una clasificación ordenada de los tipos de formatos más comunes para móviles, web, impresión, vídeo e Ilustración.</p> <p style="text-align: justify;">Como la maquetación en Illustrator va dirigida a un documento impreso, hay que <strong>optar por la opción de imprimir</strong>, dentro de este nos aparecerán distintos formatos para elegir o bien <strong>en el lado derecho puedes crear tu propio tamaño</strong> de documento, por si los formatos preestablecidos no se adaptan a tu idea.<br /> Además, puedes elegir que sea vertical u horizontal (refiriéndonos al formato preestablecido).</p> <p style="text-align: justify;">Al lado de las medidas se encuentra el <strong>número de mesas de trabajo</strong>, es decir el número de páginas que va a tener nuestro documento. Por lo que es importante establecer un número, aunque es posible que una vez que estemos en la tarea nos sobren o falten, pero no te preocupes, una vez creadas se pueden editar (eliminar o crear) sin problema. Aunque es mejor tener un número preestablecido para una mejor guía en nuestro trabajo.<br /> Justo debajo de esto, <strong>aparece también el sangrado</strong>, es decir los márgenes a respetar que va a tener nuestro documento, que debemos especificar para evitar que en la posterior impresión y corte perdamos información visual y textual. Lo normal en un sangrado sería <strong>entre unos 2mm o 3mm.</strong></p> <p><img loading="lazy" class="aligncenter size-full wp-image-2125" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/1.jpg?x92914" alt="Maquetación en Illustrator." width="500" height="273" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/1.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/1-300x164.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p><img loading="lazy" class="aligncenter size-full wp-image-2126" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/2.jpg?x92914" alt="" width="500" height="273" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/2.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/2-300x164.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3>2. Antes de crear el documento.</h3> <p style="text-align: justify;">Por último y, antes de dar a “crear”, desplegamos la última pestaña inferior con el nombre de <strong>“aspectos avanzados”.</strong> En la que aparecerán tres aspectos que <strong>generalmente estarán correctamente preestablecidos</strong> dependiendo de las características del documento que hemos elegido. En el caso de la impresión, es importante fijarse en las dos primeras, para no tener problemas en la visualización final y en la impresión. Por un lado, la primera, <strong>CMYK</strong>, es el valor preestablecido para la impresión, es decir cuatro tintas, que son con las que trabajan las impresoras (Cian, Magenta, Amarillo y Negro), color completo.<br /> Y por otro lado la resolución, que está <strong>preestablecida en 300pp</strong> (puntos por pulgada), óptima para una impresión con calidad.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2127" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/3.jpg?x92914" alt="Maquetación en Illustrator." width="500" height="273" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/3.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/3-300x164.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p><img loading="lazy" class="aligncenter size-full wp-image-2128" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/4.jpg?x92914" alt="" width="500" height="273" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/4.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/4-300x164.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;">3. Por fin… ¡Creamos el documento!</h3> <p style="text-align: justify;">Una vez que todos estos aspectos están establecidos, creamos el documento. Entonces se abrirá una gran mesa de trabajo que contendrá las<strong> distintas herramientas</strong> (normalmente colocadas de manera vertical en el lado izquierdo de la pantalla), los <strong>distintos submenús</strong>, para llevar a cabo <strong>distintas acciones</strong> (en la parte superior de la pantalla) y las <strong>distintas ventanas</strong> que se abren del submenú “ventana”, en las que normalmente aparecerá por defecto la de “capas” y “mesas de trabajo”.</p> <p style="text-align: justify;">Estas son las que tenemos que tener para llevar a cabo nuestro trabajo. Normalmente también aparece la <strong>ventana de muestras de color</strong> en la que se nos despliegan los distintos colores disponibles, así como los que podemos crear nosotros.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2129" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/5.jpg?x92914" alt="Maquetación en Illustrator." width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/5.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/5-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3>4. Comienza la maquetación en Illustrator.</h3> <p style="text-align: justify;">Una vez que ya tenemos abierto por completo nuestro documento, podemos empezar el diseño y la maquetación del mismo. Como ya se ha mencionado anteriormente, es muy importante <strong>tener un boceto previo</strong> para seguir en cuanto a la disposición de los objetos, para que el trabajo resulte más fácil y rápido, aunque es cierto que una vez que nos metemos en el diseño estas ideas previas pueden variar en ciertos aspectos, aunque siempre seguiremos la guía.</p> <h2 id="puntoseis">Ejemplo de Maquetación en Illustrator</h2> <p style="text-align: justify;">A continuación voy a mostrar un ejemplo de maquetación en cuanto a orden de elementos se refiere para que veamos un ejemplo de las posibilidades, así como de las herramientas que se pueden utilizar.</p> <h3 style="text-align: justify;">1. Establecer las guías necesarias.</h3> <p style="text-align: justify;">Primero hay que establecer las dos guías principales ya que hemos creado una mesa de trabajo que une dos páginas, es decir, <strong>hemos creado un pliego por cada mesa de trabajo</strong>. Esto es opcional, ya que podemos crear cada página en distintas mesas de trabajo si así nos resulta más cómodo, esto es totalmente al gusto del diseñador o dependiendo de los que nos pida la propia maquetación.</p> <p style="text-align: justify;">La guía principal vertical nos ayudará a marcar el centro del pliego y separar en este caso las dos páginas.<br /> La guía horizontal central <strong>nos marcará el centro de la página</strong>. Además para para marcar los centros de ambas páginas (para la disposición posterior de los elementos), podemos tirar dos guías verticales más en cada mitad de cada página resultante.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2130" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/6.jpg?x92914" alt="Maquetación en Illustrator" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/6.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/6-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;">2. Disposición de los elementos en el espacio.</h3> <p style="text-align: justify;">Una vez que ya está dividido el espacio, nos disponemos a incorporar los distintos elementos (imágenes, ilustraciones, textos…) de la manera en la que la pensamos con anterioridad.</p> <p style="text-align: justify;">Como podemos observar en las siguientes imágenes nos encontramo<strong>s dos disposiciones de páginas distintas</strong>, enfrentadas una a otra, en las que los recuadros con una cruz son las imágenes y las cajas con texto, representan la información.</p> <p style="text-align: justify;">En este caso hemos llevado a cabo una <strong>composición sencilla y limpia</strong> en la que los elementos visuales complementan la información, teniendo mucho cuidado con la armonía del espacio, así como con la composición de las imágenes y los textos en el espacio, jugando con los huecos y las masas blancas.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2131" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/7.jpg?x92914" alt="Maquetación en Illustrator." width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/7.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/7-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p><img loading="lazy" class="aligncenter size-full wp-image-2132" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/8.jpg?x92914" alt="Maquetación en Illustrator." width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/8.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/8-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <p><img loading="lazy" class="aligncenter size-full wp-image-2133" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/9.jpg?x92914" alt="Maquetación en Illustrator" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/9.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/9-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h2 id="puntoseis" style="text-align: justify;">¡Sumérgete en el mundo del Diseño Editorial!</h2> <p style="text-align: justify;">Sin embargo hay miles de posibilidades a la hora de maquetar una revista y lo mejor que podemos hacer es incrementar nuestra biblioteca visual, mirando muchas de ellas, de temáticas y formatos distintos para poder apreciar las distintas posibilidades.</p> <p>¿Eres un apasionado del mundo del diseño editorial? Entonces tienes que conocer la gran oferta formativa que posee INESM, algunas de estas acciones son:</p> <ul> <li><a href="https://www.inesem.es/Master-En-Diseno-Editorial" target="_blank" rel="noopener noreferrer">Master en Diseño Editorial.</a></li> <li><a href="https://www.inesem.es/Curso-Tipografia-Decorativa" target="_blank" rel="noopener noreferrer">Experto en Tipografía Decorativa.</a></li> </ul> <p style="text-align: justify;">Anímate y crea tu propia revista, sumérgete en el mundo del diseño y la maquetación y, saca a relucir tu lado más creativo.</p> <p style="text-align: justify;"> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2124" data-ulike-nonce="497e73e082" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2124"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+2"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/maquetacion-en-illustrator/">Maquetación en Illustrator: Crea tu propia revista de forma profesional.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/maquetacion-en-illustrator/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item> <title>¿Qué es el Lettering?: El Arte de Dibujar Letras.</title> <link>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/</link> <comments>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/#respond</comments> <dc:creator><![CDATA[África García García]]></dc:creator> <pubDate>Mon, 11 Mar 2019 11:07:55 +0000</pubDate> <category><![CDATA[Diseño Gráfico]]></category> <guid isPermaLink="false">https://www.inesem.es/revistadigital/diseno-y-artes-graficas/?p=2108</guid> <description><![CDATA[<p><img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/IMAGEN-RINCIPAL-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Descubre qué es el lettering." loading="lazy" style="float:left; margin:0 15px 15px 0;" />Seguro que lo has visto en cientos de sitios, aunque no sabías como llamarlo. Nos lo encontramos en comercios, en la restauración, mientras caminamos por la calle, en anuncios, en televisión e incluso en las redes sociales. Lo que de verdad importa no es lo que decimos, sino como lo decimos, y el principal exponente…</p> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/">¿Qué es el Lettering?: El Arte de Dibujar Letras.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></description> <content:encoded><![CDATA[<img width="345" height="180" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/IMAGEN-RINCIPAL-345x180.jpg?x92914" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Descubre qué es el lettering." loading="lazy" style="float:left; margin:0 15px 15px 0;" /><p style="text-align: justify;">Seguro que lo has visto en cientos de sitios, aunque no sabías como llamarlo. Nos lo encontramos en comercios, en la restauración, mientras caminamos por la calle, en marquesinas de autobús, anuncios, en televisión e incluso en las redes sociales.</p> <p style="text-align: justify;">Lo que de verdad importa no es lo que decimos, <strong>sino como lo decimos</strong>, y el principal exponente de esta afirmación es el <a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering" target="_blank" rel="noopener noreferrer">lettering</a><strong>,</strong> una disciplina en la que la línea entre el lenguaje y el arte se cruza, convirtiendo las letras y las palabras en creaciones artísticas de tipo ilustrativo y pictórico.</p> <h2 style="text-align: justify;">¿Es lo mismo lettering, caligrafía y tipografía?</h2> <p style="text-align: justify;">No efectivamente, lettering, caligrafía y tipografía no pueden considerarse lo mismo</p> <p style="text-align: justify;">Si bien es cierto que todas pertenecen al campo de la escritura, <strong>no tienen prácticamente nada en común</strong> entre ellas.</p> <h3 style="text-align: justify;">Caligrafía</h3> <p style="text-align: justify;">La caligrafía es una rama de la escritura considerada como el arte de escribir por lo que se requieren trazos muy precisos, un pulso muy firme horas y horas de práctica para poder dominarla correctamente.</p> <p style="text-align: justify;"><strong>¿Nunca te has planteado que cada persona tiene un tipo de letra distinto?</strong></p> <p style="text-align: justify;">Es posible que nunca te lo hayas planteado, pero la forma que tienes de escribir, es caligrafía.<br /> No obstante no hay que pensar que la caligrafía es sólo el hecho de escribir pues, actualmente se está convirtiendo, junto con el lettering, en una disciplina artística, en la que la técnica y los materiales empleados juegan un papel verdaderamente importante en los resultados finales, aportando una gran calidad artística.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2110" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/caligrafía.jpg?x92914" alt="Caligrafía en lettering." width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/caligrafía.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/caligrafía-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;">Tipografía</h3> <p style="text-align: justify;">Cuando te dispones a desarrollar cualquier tipo de documento escrito, en tu ordenador, ¿qué tipo de letra utilizas?. Si has leído bien, <strong>tipo de letra</strong>. Si te fijas un “tipo” es un tipo de letra, valga la redundancia, un estilo de letra con una forma, una altura, un tamaño y un grosor establecido.</p> <p style="text-align: justify;">Piensa entonces que cuando hablamos de tipografía nos estamos refiriendo a <strong>otra rama de la escritura</strong>, dedicada al diseño de letras o fuentes completas, en las que se incluyen mayúsculas y minúsculas, números y todo tipo de signos y símbolos.</p> <p style="text-align: justify;">A este conjunto tipográfico se lo conoce como <strong>fuente tipográfica</strong> y se ha creado con un estilo y características comunes que hacen que todas las letras de cada fuente tengan una coherencia de tamaño y estilo, para que, a la hora de su uso quede un texto equilibrado y ordenado, al contrario que pasa con la caligrafía y el lettering.</p> <p style="text-align: justify;">Como hemos comentado al principio de este tema, cuando redactas un documento, por ejemplo, en un word, sueles hacer uso de un tipo de fuente, de tipografía. Así sin habértelo planteado <strong>conoces una gran variedad de tipografías</strong> como pueden ser la helvética, Times New Roman, Arial, Calibri …</p> <p style="text-align: justify;">Sin embargo, la creación de tipografía también nos permite un cierto desarrollo artístico, en cuanto al diseño propio de la propia letra o tipo, aunque posteriormente haya que mantener el mismo tamaño o grosor de astas y la misma altura.<br /> Este tipo de creación puede ser muy interesante, como se muestra en la siguiente imagen.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2111" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Times-new-roman.jpg?x92914" alt="" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Times-new-roman.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Times-new-roman-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3 style="text-align: justify;">Lettering</h3> <p style="text-align: justify;">Y por fin, llegamos a nuestro punto de interés a desarrollar, el lettering.</p> <p style="text-align: justify;">Como ya hemos comentado anteriormente, el lettering se ha convertido en una <strong>disciplina puramente artística de la rama del diseño gráfico</strong> que tiene una gran variedad de aplicaciones este ámbito y en el de la comunicación.</p> <p style="text-align: justify;">Es un término algo contradictorio, ya que a pesar de estar dentro del ámbito de la escritura, no tiene nada que ver con esta en el estricto sentido de la palabra, pues como bien dice el título del artículo “es el arte de dibujar letras”, es decir, como <strong>llevar a cabo una ilustración a través de la escritura</strong>. Y, como pasa en cualquier técnica artística de carácter pictórico o ilustrativo. El lettering permite una amplia gama de materiales para su elaboración. Desde el más sencillo como es el lápiz o el bolígrafo, pasando por plumas, acuarelas, rotuladores, tizas o incluso pintura, como es el acrílico.</p> <p style="text-align: justify;">Es por ello por lo que el lettering <strong>no se utiliza para escribir grandes cuerpos de texto</strong>, si no para pequeños mensajes que no superen un número de palabras, ya que al ser totalmente manual y libre, en un trazo artístico su legibilidad se ve reducida. Sin embargo, <strong>su uso es muy llamativo</strong> para la realización de cabeceras o títulos puntuales, para llamar la atención sobre algún artículo, para nombres o letreros de comercios o productos, para invitaciones…</p> <h2 style="text-align: justify;">¿Qué materiales se usan para llevar a cabo distintos tipos de lettering?</h2> <p style="text-align: justify;">En primer lugar hay que tener en cuenta que el lettering no es una forma de escribir directamente sobre el papel como es nuestra propia escritura, por lo que previamente <strong>es necesario realizar un boceto</strong> lo más fiel posible a la composición final. Este boceto se utiliza para decidir cómo se distribuirán las letras en el espacio del papel. Y eso lo realizamos con lo que todos los diseñadores gráficos conocemos como el material princial, el lápiz. Eso sí, el lápiz de tener una <strong>cierta dureza</strong> para que no manche el papel y estar <strong>siempre afilado.</strong></p> <p style="text-align: justify;">Después de realizar el boceto a lápiz, podemos <strong>rotularlo con un bolígrafo de tinta del grosor que queramos</strong>, para posteriormente calcarlo en el diseño final, por lo que realmente no es necesario que tengamos una letra y un pulso excepcional.</p> <p style="text-align: justify;">Otro punto a tener en cuenta es utilizar un papel con una cierta calidad y <strong>el mejor papel para el lettering es el de puntos. </strong>Estos puntos nos sirven de guía, de manera que podremos situar las letras con exactitud y sin demasiada dificultad, para experimentar más con la forma y tamaños de las letras.</p> <p style="text-align: justify;">Además, también es importante<strong> la textura y el grosor del papel</strong>, para que el material que empleemos para dibujar la letra deslice bien por la superficie y para que la tinta no traspase.</p> <p style="text-align: justify;">Una vez que ya tienes los dos materiales principales, puedes experimentar con otros distintos, siempre teniendo en cuenta que sean adecuados para dibujar las letras de la manera más fácil posible.</p> <p style="text-align: justify;">Por ejemplo si queremos dibujar con bolígrafos, debemos tener en cuenta que la <strong>tinta de estos debe ser fluida</strong> para evitar que la punta se atasque en el papel, por los que los bolígrafos de tinta líquida y de gel serán la mejor opción. Además los hay en una gran gama de colores.</p> <h3>¡Solo para valientes!…</h3> <p style="text-align: justify;">También nos podemos aventurar a <strong>dibujar con rotuladores de pincel</strong> para un tipo de lettering conocido como <strong>Brush lettering</strong>, que comentaremos más adelante. Con este material podrás hacer importantes variaciones de tamaño y grosor, así como de textura de trazo, dependiendo del tipo de rotulador que se utilice, además de contar también con una amplia gama de colores. Con este material <strong>los dibujos serán mucho más dinámicos y artísticos.</strong></p> <p style="text-align: justify;">Y, si ya eres un valiente del lettering, puedes utilizar<strong> pinceles para dibujar con pintura acrílica, acuarela o tintas.</strong> Este tipo de materiales necesitarán de un soporte más resistente en cuanto a grosor. Un papel de dibujo grueso para soportar el peso del pigmento y el agua.<br /> Para crear trazos y texturas se podrán utilizar distintos tipos de pinceles para dar mayor o menor grosor, así como para dibujar un trazo más recto u otro más oblicuo.</p> <h2 style="text-align: justify;">¿Todo el lettering es igual?</h2> <p style="text-align: justify;">Pues no, el lettering tiene distintos tipos de letra o composición dependiendo de la forma de las mismas, los materiales utilizados, el tipo de trazo…</p> <h3>Caligrafía Profesional, Brush Lettering.</h3> <p style="text-align: justify;">El Brush Lettering, es el estilo que más se parece a la caligrafía profesional, con formas curvas y las letras ligadas entre sí, por lo que se realiza, como la caligrafía con un solo trazo, aunque más libre en cuanto a su precisión.<br /> Los materiales que se pueden utilizar para este tipo de lettering son aquellos cuya aplicación se realiza con pincel, como las acuarelas, las pinturas acrílicas y cualquier tipo de tinta, aunque también existen unos rotuladores de punta de pincel que hacen el mismo efecto que las tintas, aunque de resultado instantáneo al no tener que secar.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2113" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/brush-lettering.jpg?x92914" alt="" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/brush-lettering.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/brush-lettering-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3>Caligrafía Vintage, Chalk Lettering.</h3> <p style="text-align: justify;">El Chalk Lettering combina distintos tipos de letra, desde las más simples hasta las más complicadas, así como la utilización de distintos tamaños y grosores. Este tipo de diseño tiene un soporte muy especial, la pizarra, por lo que el material empleado para dibujarlo es la tiza o los rotuladores de tiza, por lo que es una técnica muy intuitiva y libre de ejecutar sin miedo a equivocarse, ya que se puede borrar sin problema y vuelta a empezar.<br /> Además, este tipo de lettering suele ir dibujado sobre banners y acompañado de dibujos florales.<br /> Los resultados de este tipo de lettering aportan un toque algo vintage, tanto por el tipo de trazo que se suele emplear como por la textura que aporta el soporte y el material.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2115" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Chalk-lettering.jpg?x92914" alt="" width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Chalk-lettering.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/Chalk-lettering-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h3>Caligrafía Atractiva, Hand Lettering.</h3> <p style="text-align: justify;">El Hand Lettering, del que podríamos decir que es la rama más artística y libre del lettering, hasta llegar a ser un poco caótico, aunque se obtienen <strong>resultados muy atractivos y llamativos</strong>, que llamarán descaradamente la atención del público.<br /> Técnicamente, este tipo de lettering, mezcla palabras formadas por letras mayúsculas y rectas, en una composición muy vertical, con palabras compuestas por letras minúsculas y cursivas, que le aportan dinamismo y dulzura a la dureza de las letras rectas. Además en este estilo, las letras no se realizan únicamente con relleno o trazo, si no que nos encontramos ambos juntos e incluso se duplican para crear composiciones con mayor profundidad y carga artística.<br /> Al igual que se juega con los tamaños, se juega también con el color, el tipo de trazo, la textura e incluso los materiales.</p> <p><img loading="lazy" class="aligncenter size-full wp-image-2116" src="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/hand-lettering.jpg?x92914" alt="Caligrafía atractiva, hand lettering." width="500" height="300" srcset="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/hand-lettering.jpg 500w, https://www.inesem.es/revistadigital/diseno-y-artes-graficas/files/2019/03/hand-lettering-300x180.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p> <h2>¿Ya acabamos?…</h2> <p style="text-align: justify;">Si te ha gustado lo que has leído no te cortes y ponte a ello, hay mil formas de empezar con el lettering, y cantidad de manuales para inspirarte. Y si quieres seguir profundizado en Diseño Gráfico desde Revista Digital, te proponemos algunos artículos que te resultarán muy interesantes:</p> <ul> <li><a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/wayfinding/" target="_blank" rel="noopener noreferrer">Wayfinding o Sistema de Orientación Espacial: ¿De qué se trata?</a></li> <li><a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/edicion-fotografica/" target="_blank" rel="noopener noreferrer">Edición fotográfica de bolsillo: salvavidas y estímulos creativos.</a></li> <li><a href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/decoracion-y-home-staging-el-low-cost-del-marketing-inmobiliario/" target="_blank" rel="noopener noreferrer">Decoración y Home Staging, el “low cost” del marketing inmobiliario.</a></li> </ul> <p style="text-align: justify;">¿No quieres quedarte aquí? Si deseas especializarte en esta temática, también contamos con Cursos y Máster que te permitirán convertirte en un referente en esta área:</p> <ul> <li><a href="https://www.inesem.es/Master-En-Diseno-Grafico-Online" target="_blank" rel="noopener noreferrer">Máster en Diseño Gráfico. </a></li> <li><a href="https://www.inesem.es/Master-En-Diseno-Editorial" target="_blank" rel="noopener noreferrer">Máster en Diseño Editorial.</a></li> <li><a href="https://www.inesem.es/Curso-Tipografia-Decorativa" target="_blank" rel="noopener noreferrer">Experto en Tipogragía Decorativa.</a></li> </ul> <div class="wpulike wpulike-default " ><div class="wp_ulike_general_class wp_ulike_is_not_liked"><button type="button" aria-label="Like Button" data-ulike-id="2108" data-ulike-nonce="3fffbbd73e" data-ulike-type="post" data-ulike-template="wpulike-default" data-ulike-display-likers="0" data-ulike-likers-style="popover" class="wp_ulike_btn wp_ulike_put_image wp_post_btn_2108"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="+5"></span> </div></div> <p>El artículo <a rel="nofollow" href="https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/">¿Qué es el Lettering?: El Arte de Dibujar Letras.</a> aparece primero en <a rel="nofollow" href="http://www.inesem.es/revistadigital/">Revista Digital INESEM</a></p> ]]></content:encoded> <wfw:commentRss>https://www.inesem.es/revistadigital/diseno-y-artes-graficas/lettering/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Caché de objetos 90/427 objetos usando disk Almacenamiento en caché de páginas con disk Served from: www.inesem.es @ 2024-09-08 02:00:49 by W3 Total Cache -->