# data[].attributes.body
FREE PICTURES

# data[].attributes.attachment_link.title
350+ Free Pictures [HD] | Download Free Images on Unsplash

# data[].attributes.attachment_link.description
Download the perfect free pictures. Find over 100+ of the best free free images. Free for commercial use ✓ No attribution required ✓ Copyright-free ✓

# data[].attributes.attachment_link.readable_text
Las fuentes presentadas en este sitio web son propiedad de sus autores, y son freeware, shareware, demos o dominio público. La licencia mencionada encima del botón de descarga es sólo una indicación. Por favor, mira en los ficheros "Readme" en los zip o comprueba lo que se indica en la web del autor para los detalles, y contacta con él/ella en caso de duda. Si no hay autor/licencia indicados, es porque no tenemos la información, lo que no significa que sea gratis.

# data[].attributes.attachment_link.description
Archivo de fuentes de descarga gratuita. Búsqueda por orden alfabético, por estilo, por autor o por popularidad.

# data[].attributes.body
Estereotipos

# data[].attributes.attachment_link.title
La visión de las mujeres en la publicidad

# data[].attributes.attachment_link.readable_text
Una noticia extraordinaria, la 'resurrección' de un gallego en 2014 que decía haber estado 35 años en coma, se convierte en un escándalo que compromete más al periodismo que al impostor

El escritor gallego Manel Monteagudo. Salvador Sas (EFE)

La vida de una noticia es caprichosa, sobre todo si no es noticia. El 28 de octubre a las 10.40 llegó un correo electrónico a las redacciones de los medios de comunicación de Pontevedra. Se trataba de una convocatoria de la presentación del poemario De mariño a poeta de Manel Monteagudo, seudónimo de José Manuel Blanco Castro. El acto tuvo lugar el día 29 en el espacio O Sanatorio, un espacio cultural cuyo nombre venía bien al caso, pues en la biografía aportada en el mensaje se explicaba que Monteagudo, tras un grave accidente en un buque en el que trabajaba de joven, había permanecido 35 años "prácticamente vegetal". Ese mismo día, pero por la mañana, lo entrevistó Radio Pontevedra a modo de previa de la presentación. Contó allí cómo su mujer, al despertarse él en 2014 tras quedar "en coma" en 1979, "se echaba encima de mí llorando y llorando, y yo no sabía ni quién era". Hechas las presentaciones, a Manel Monteagudo se le reservaba una sorpresa mayor: aparecieron en su cuarto dos hijas, una de ellas embarazada. Ese relato, el de un hombre que se despierta en 2014 de súbito tras 35 años en coma, y tiene una mujer y dos hijas, y no sabe lo que es internet y llora delante del espejo gritando "ese no soy yo, ese no soy yo", sin la declaración de un solo médico que hubiese tratado al paciente, ha ocupado esta semana televisiones, radios y periódicos nacionales. Primero como tragedia, luego como farsa.

El relato de Monteagudo no era nuevo. Circulaba intermitentemente por medios locales, pero más suavizado, cada vez que presentaba un libro. De tal manera que en algunas previas de sus presentaciones se despachaban sus 35 años en estado "prácticamente" vegetativo como aspecto secundario. Era un relato, eso sí, cambiante. La entrevista más antigua que permanece en internet es una realizada por La Voz de Galicia en 2019 en la que Monteagudo desmiente al Monteagudo de 2021: no estuvo 35 años en coma, sino 64 días, aunque después quedó maltrecho y con repetidos episodios de amnesia. En 2020, en la revista literaria Terra de Outes, Manel Monteagudo se extiende. Dice que, tras un coma de tres meses, pasó 14 meses más encamado "en un estado semicatatónico, hasta que, en un momento de lucidez, me casé con mi novia (...) Con el tiempo fui recuperando la movilidad y el habla, pero solo de forma episódica, pues los desmayos seguían provocándome frecuentes estados de inconsciencia que podían durar días y, lo que es peor, pérdida total de la memoria". El neurólogo que lo atendía, dijo en esa entrevista, se retiró y el nuevo le anuló la medicación (11 pastillas) que lo dejaban aturdido; en 2014 recuperó la autonomía, el habla fluida y la memoria. "Unos meses después me dieron de alta y desde ese momento leí y escribí nuevamente, a lo que mi esposa tuvo que volver a enseñarme", contaba en esa publicación.

En declaraciones al periodista Manuel Rey, del diario Galicia Ciencia, Xoán Mariño, amigo de la adolescencia de Monteagudo, cuenta cómo se lo encontró una vez en Outes (Noia, A Coruña) en 2001 o 2002 "y me habló de su accidente y de lo que aún sufría. No podía estar solo, porque en cualquier momento perdía el conocimiento y caía, se desmayaba y volvía al estado comatoso. Y así durante muchos años". Después, según ese testimonio de Mariño, "comenzó a recibir un trato que lo mantuvo como un zombi; estaba despierto, estaba de pie, pero era lo mismo que si no le hubieras hablado, que no sabía nada, hasta que le cambiaron la medicación y ese cambio le permitió recobrar la conciencia por completo. A partir de ese momento fue como si hubiera resucitado. Empezó a poder hablar con todos, a recordar, a comprender... ".

Hace dos meses, con motivo de su último poemario, La Voz de Galicia cubrió la presentación en Noia, donde anunció un contrato de 15 años (a poemario por año) con una editorial, Medulia, con la que este diario no ha podido ponerse en contacto. Pero fue la presentación de Pontevedra, semanas después, la que encendió una mecha imprevisible. De los medios locales de la ciudad gallega, Manel Monteagudo saltó a la TVG, la televisión autonómica. Y la pieza dedicada a él, colgada en las redes sociales, empezó a coger fuerza. El fenómeno local del hombre de los 35 años en coma se empezaba a disolver en una tormenta perfecta que tuvo su origen el 11 de noviembre en TVE, cuando Monteagudo contó su relato (sin matices: sin 64 días en coma, ni episodios catatónicos, ni breves estados de lucidez) en el programa La Hora de la 1. A partir de ahí, y empujada por las redes, la historia se trasladó a palo seco tal y como llegaba de un medio a otro, y de una televisión a otra hasta convertirse en la noticia del día e, instantáneamente, en un escándalo mayúsculo que comprometía más al periodismo que al falsario: ¿nadie había hecho siquiera las cuentas con los años que estuvo en coma y las edades de sus hijas?

Tras ser noticia durante 48 horas, y ver señaladas sus incongruencias en el relato, sobre todo científicas, el viernes Monteagudo se dirigió a los medios, que para entonces ya estaban dedicando el tiempo y los recursos en desmontar una historia publicada para la que no hubo tiempo y recursos en contrastar antes de publicar, y dijo desesperado que su mentira se había "salido de madre". "Admito y asumo toda la culpabilidad, acepto todo lo que me digan. El que lo dijo mal fui yo y ya está", comentó en referencia a su narración, que no era tan extraordinaria al principio, en 2019, y que con el tiempo fue creciendo hasta convertirse en un disparate del que no pudo salir, de tal manera que la noticia no era ya que estuviese 35 años en coma, sino que alguien se lo creyese, y tratase de hacérselo creer a los demás.

Sobre la firma

Más información

# data[].attributes.attachment_link.title
Tragedia y farsa del coma de Manel Monteagudo

# data[].attributes.attachment_link.description
Una noticia extraordinaria, la 'resurrección' de un gallego en 2014 que decía haber estado 35 años en coma, se convierte en un escándalo que compromete más al periodismo que al impostor La vida de una noticia es caprichosa, sobre todo si no es noticia.

# data[].attributes.attachment_link.description
Movistar se ha disculpado por algo que no ha ocurrido

# data[].attributes.attachment_link.title
StoryJumper: #1 rated site for creating story books

# data[].attributes.attachment_link.description
Easiest way to create, narrate, and publish your own hardcover and paperback books. Read and listen to books from our worldwide community.

# data[].attributes.attachment_link.title
Free Storyboarding Software — Online Storyboard Creator

# data[].attributes.attachment_link.description
Storyboard That: Easy online storyboard creation! Perfect for filmmakers, teachers, and students. Create storyboards and comics with Storyboard That today!

# data[].attributes.attachment_link.provider_name
Create Your Own Comic Strips Online with MakeBeliefsComix

# data[].attributes.attachment_link.title
Create Your Own Comic Strips Online with MakeBeliefsComix

# data[].attributes.attachment_link.description
EXHIBIT YOUR COMIX AND JOURNALING ART IN OUR GALLERY!

# data[].attributes.attachment_link.title
Pixton | Generador de cómics para colegios y ámbito educativo

# data[].attributes.attachment_link.description
Pixton es el generador de cómics y storyboards más popular del mundo para profesorado y alumnado. Crea una cuenta gratis y haz cómics para las clases de inglés, plástica, historia, sociales, matemáticas o ciencias.

# data[].attributes.body
Garbiñe Larralde

# data[].attributes.attachment_link.title
Jamendo Licensing: Música Libre de Derechos para Vídeos, Publicidad y Películas

# data[].attributes.attachment_link.description
Como OGI, Jamendo proporciona Licencias de Música Libre de Derechos para Vídeos, Publicidad, YouTube, Podcast, Películas y Cine, TV. Derechos de emisioón incluidos. 250.000+ canciones.

# data[].attributes.attachment_link.description
Freesound: collaborative database of creative-commons licensed sound for musicians and sound lovers. Have you freed your sound today?

# data[].attributes.body
Vídeos con licencia libre de uso

# data[].attributes.attachment_link.title
Video y motion graphics para todo el mundo.

# data[].attributes.attachment_link.description
¡Filmaciones en vídeo HD de stock gratis! - ¡Videezy es una comunidad de videógrafos que descargan y comparten vídeos HD de stock gratuitos!

# data[].attributes.attachment_link.readable_text
Please read carefully before submitting your image.

You agree to our Terms of Service. Upload only your own content. We only accept high quality images, minimum 400x400 pixels. They must be uploaded as PNG files, isolated on a transparent background

Only submit family-friendly mainstream content, no adult stuff please. Images that are inappropriate for young audiences or may be considered offensive will not be accepted.

Latest PNG galleries

Most popular images this week

StickPNG is a vibrant community of creative people sharing transparent PNG images which you can download for free and use in your personal non-commercial or educational projects. Browse our categories below to find clipart with no background or curated cut out photos.

Email updates

Brand new free PNGs delivered weekly to your inbox.

Stay connected

Join us on social media and stay in the loop.

# data[].attributes.attachment_link.title
StickPNG - Free Transparent PNGs, Stickers, Clipart & more!

# data[].attributes.attachment_link.description
StickPNG is a vibrant community of creative people sharing transparent PNG images which you can download for free and use in your personal non-commercial or educational projects.

# data[].attributes.body
TENED CUIDADO DE NO ABRIR O DESCARGAR LA PUBLICIDAD QUE OFRECEN. LEED BIEN

# data[].attributes.attachment_link.title
PNG gratis: descarga ilimitada de millones de PNG gratis imagen png - imagen transparente descarga gratuita

# data[].attributes.attachment_link.description
Freepng.es: descarga ilimitada de la mayor base de datos de archivos png gratuitos y transparentes

# data[].attributes.attachment_link.title
Noun Project: Free Icons & Stock Photos for Everything

# data[].attributes.attachment_link.description
Noun Project has the most diverse collection of free icons and stock photos. Download SVG and PNG. Over 5 million art-quality icons and free photos.

# data[].attributes.attachment_link.title
Free Icons and Stickers - Millions of images to download

# data[].attributes.attachment_link.description
Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats

# data[].attributes.attachment_link.description
Since launching in 2008 with the Library of Congress, the Flickr Commons has been sharing hidden treasures from the world’s photography archives, with over 100 members.

# data[].attributes.attachment_link.description
La Mediateca de EducaMadrid ofrece vídeos, imágenes y archivos de audio subidos por sus usuarios para que puedas utilizarlos. Sin publicidad.

# data[].attributes.attachment_link.title
Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado

# data[].attributes.attachment_link.description
From Wikimedia Commons, the free media repository

# data[].attributes.attachment_link.title
Canva España | Una herramienta de diseño todo en uno

# data[].attributes.attachment_link.description
Canva es una herramienta online de diseño gráfico de uso gratuito. Utilízala para crear publicaciones para redes sociales, presentaciones, carteles, vídeos, logos y mucho más.

# data[].attributes.attachment_link.title
Infographic Maker Trusted By 11 Million Users - Piktochart

# data[].attributes.attachment_link.description
With Piktochart AI, you can create stunning infographics, reports, presentations, and more in seconds. No design experience needed. Start for free.

# data[].attributes.body
En este artículo nos explican como los conocimientos neurológicos y psicológicos son usados em mejorar las ventas a través del diseño y la publicidad.

# data[].attributes.attachment_link.readable_text
Solo 50 milisegundos es el tiempo que necesita el cerebro para generar una primera impresión sobre una tienda web, sensación que determinará que un internauta continúe clicando en esa página o, automáticamente, prefiera abandonarla para buscar en otros sitios. Un dato, extraído de un estudio sobre la importancia del diseño web en los juicios de valor de los navegantes elaborado por Google, que también refleja cómo el subconsciente es el responsable de hasta el 95% de todas nuestras compras: colores (como el naranja) que nos impulsan a comprar más o emociones que solo percibimos cuando compramos ciertas marcas y provoca que nos volvamos fieles a ellas. Cuestiones que ahora, con el imparable crecimiento del e-commerce por la covid-19, se han colocado encima de la mesa de trabajo de los grandes y pequeños empresarios que venden por Internet. Conocer cómo funciona la mente de sus clientes se ha convertido en una estrategia esencial para la rentabilidad de su negocio.

Estas acciones, junto al desarrollo de la neurociencia, ha generado en los últimos años el concepto de neuromarketing, un conjunto de técnicas de marketing que, apoyadas en estudios y pruebas científicas, mide el comportamiento objetivo de los compradores y permite elaborar estrategias más efectivas en las que se apela a los sentimientos y a ciertas conductas del subconsciente para aumentar las ventas. Con la irrupción del comercio electrónico, estos conocimientos han tenido que adaptarse a nuevos hábitos de compra y a la relación que impera en ese nuevo ámbito entre vendedor y comprador: potenciar la imagen de una marca en la web, publicitarse en redes sociales e incluso, y muy importante, emocionar a los clientes con el packaging (embalaje, en inglés) y envío del producto. Un punto que, en el último año, los internautas más valoran cuando eligen una tienda web.

La mayoría de expertos recomienda que, antes de crear una empresa, es fundamental definir los sentimientos que queremos vender junto a nuestros productos o servicios. "Hoy en día, lo más importante antes de abrir un negocio con e-commerce es tener claro la imagen y las emociones que se quiere transmitir la marca en cuestión. Los clientes también comprarán por esa sensación que obtendrán cuando les llegue el paquete. Da igual el producto que sea", subraya el consultor José Ruiz, experto en neuromarketing. Para ello, es esencial buscar asesoramiento sobre cuáles son los conceptos que mejor se adaptan al negocio que se pondrá en marcha (no es lo mismo vender ropa infantil que artículos de deportes de riesgo), desde la elección del nombre y el logo hasta el tipo de embalaje o el lenguaje para promocionarse. No obstante, hay varios puntos comunes del neuromarketing que todo negocio con comercio electrónico debe cumplir.

El color blanco, el traje perfecto para el 'e-commerce'

Entre todos los sentimientos que más influyen en los compradores, la confianza es la más importante. De hecho, según apunta Ruiz, el primer motivo de abandono en las tiendas online está relacionado con la falta de confianza que determinados diseños web transmiten a los internautas, especialmente a aquellas personas que compran en Internet por primera vez. ¿Qué es lo que más influye? Primero, la combinación de colores. Cuánto más clara mejor. "El blanco es sinónimo de fiabilidad. A pesar de que ahora hay una moda de ponerlo todo en negro, los diseños claros y sencillos son los que transmiten una sensación de más seguridad", cuenta Ruiz. Elaborar una web que cumpla estas cuestiones es primordial.

Y segundo, la imagen del producto. Tiene que ser una foto medianamente profesional y clara, en la que se vea bien el objeto y sin fondo. Cuando la gente ve una foto que el vendedor ha realizado en la mesa de su casa, le influye negativamente. Tampoco conviene pasarse y utilizar fotografías del producto demasiado artificiales. Para transmitir emociones es mejor utilizar lo que envuelve la foto. "Hemos visto muchos casos en los que el cliente ha preferido comprar el mismo producto en una tienda más cara porque la foto no le transmitía confianza", comenta Ruiz.

Una ayuda para empezar bien

Que el cerebro no se canse

El uso de la palabra escrita también puede hacer que se ganen o pierdan clientes. A la hora de describir el producto lo mejor posible, es importante el uso de la brevedad y las palabras sencillas y positivas que apelen a emociones, pero que describan lo mejor posible el producto. Además, utilizar una lista de puntos con todas sus características (e incluso si carece de algunas: si las pilas no están incluidas, por ejemplo) hace que al cliente le llegue la información cuanto antes, ya que el cerebro, por instinto, siempre intentará ahorrar la máxima energía posible y cualquier grado de dificultad puede provocar que el comprador abandone la web.

La visibilidad y accesibilidad de los puntos del anterior gráfico generan confianza, especialmente aquellos que hacen referencia a las condiciones de envío y de devolución, lo que reducirá el miedo del cliente y aumentará las posibilidades de compra.

El envío, una herramienta para emocionar

Las compras por Internet han generado nuevos hábitos y demandas entre los consumidores. Si hace dos años las formas de pago era el trámite del e-commerce que más desconfianza generaba, la fiabilidad del envío (el tiempo, el embalaje y el estado del paquete en la recepción) se ha colocado en el primer puesto de las preocupaciones de los internautas. Ruiz afirma que el 90% de los abandonos de los procesos de compra de hoy están relacionados con este apartado. "Todos los compradores, especialmente aquellos que nunca han comprado [por Internet] y están empezando ahora, quieren tener la garantía de que les va a llegar. Sobre todo, cuándo y cómo les llega", cuenta el experto. Y es en el "cómo" donde las técnicas de neuromarketing pueden hacer que los clientes fidelicen con un determinado negocio.

El secreto está en el packaging, un paso al que, según Ruiz, muchas tiendas online no prestan suficiente atención. "Piensan que como el producto ya se ha vendido y solo falta enviarlo no es tan importante dedicarle esfuerzos al envoltorio, cuando la presentación es el mayor motivo de compra", explica el especialista en neuromarketing. Los compradores, continúa Ruiz, valoran que la forma en la que les llega el paquete forme parte de la experiencia de compra. Desde que el cartero se lo entregue hasta que finalmente lo ha desenvuelto. Es en ese proceso en el que una empresa puede marcar la diferencia utilizando en la caja una estética diferente e incluso personalizada para cada comprador: envolver con colores adecuados, destacar que utilizas materiales no contaminantes y el envío es sostenible (un punto que demandan muchos clientes) e incluso con cupones de descuento para compras futuras. "No es lo mismo que te llegue una caja de cartón golpeada por el transporte que una muy bien protegida y decorada. Siempre recordarás la personalizada y esa sensación te llevará a comprar de nuevo en esa tienda", comenta Ruiz. La memoria a largo plazo que genera estas sensaciones es un punto clave para que el cliente vuelva a comprar en esa tienda.

Definir una marca con emociones

El diseño de una tienda y la forma de empaquetar puede generar sensaciones de seguridad, cercanía e incluso aventura. Pero conseguir que los clientes asocien una marca con esos sentimientos va más allá de modificar esos parámetros. La forma en la que un negocio se publicite también incidirá en el subconsciente de los potenciales clientes para que reconozcan su empresa. Utilizar frases adecuadas para llamar la atención de un público concreto sobre un producto es importante. Otra calve es generar contenido que hable de la identidad de la empresa y de las sensaciones que los clientes pueden comprar en ella. Es decir, publicitar emociones para aumentar las ventas incluso sin nombrar un producto. Hay multitud de casos en los que esta técnica ha tenido mucho éxito. Un ejemplo es el anuncio ¿Te gusta conducir? de la empresa automovilística BMW, donde se vendía la sensación de paz y libertad que puede transmitir la conducción.

Sello de Correos en homenaje al día del Orgullo. Correos

Estas estrategias también pueden definir la posición del negocio ante diversos temas sociales y fomentar el sentimiento de comunidad entre los clientes. Un punto que, aunque pueda ser delicado para un pequeño negocio, reforzará la imagen su marca. Son conocidas algunas campañas de grandes empresas en este sentido, como la Correos en señal de apoyo al colectivo LGTBI+ durante el Día del Orgullo elaborando un sello con la bandera arcoíris o forrando algunos de sus buzones callejeros con los colores de esta. Iniciativas que pueden transmitir a los consumidores que no solo compran un producto, sino también una forma de vida.

# data[].attributes.attachment_link.title
'Neuromarketing' o cómo utilizar la ciencia para triunfar en el comercio electrónico

# data[].attributes.attachment_link.description
Solo 50 milisegundos es el tiempo que necesita el cerebro para generar una primera impresión sobre una tienda web, sensación que determinará que un internauta continúe clicando en esa página o, automáticamente, prefiera abandonarla para buscar en otros sitios.

# data[].attributes.body
Carteles, Marcas, embalajes, tipografía...

# data[].attributes.body
Señales, pictogramas, perpepción visual

# data[].attributes.body
Presentación muy completa en la que explican los orígenes de esta técnica y no del lenguaje artístico.

# data[].attributes.body
En este articulo nos explica muy bien que es el diseño web. Adriana Madrigal

# data[].attributes.attachment_link.readable_text
‍

El diseño web es un área enfocada a planificar, diseñar, mantener y crear interfaces digitales. En pocas palabras, como su nombre lo indica, el diseño web se refiere al proceso del diseño de sitios y páginas web.

Y por muy simple que se escuche, es uno de los elementos más importantes para la atracción de leads y posibles cierres de ventas.

Cuando comparamos el diseño web a medida vs WordPress puedes darte cuenta que el diseño web implica más trabajo pero a la vez más libertades.
Este proceso abarca muchas áreas, como por ejemplo el diseño de la interfaz, la optimización SEO, y el diseño del sitio web entre otras cosas.
A nivel general se considera diseño web como el diseño del sitio, es decir desde cuestiones como el color de fondo hasta la elección de la tipografía.
En el marketing digital es un elemento clave en la creación y ejecución de estrategias.
Y este diseño está muy relacionado a hacer más amigable la experiencia del usuario. En especial porque existen diferentes tipos de gustos y tendencias, las cuales pueden variar de acuerdo a las industrias en donde te desenvuelvas.

Hacer una página web es un trabajo en conjunto que requiere de una planeación previa, un diseño que considere la experiencia del usuario y que además tenga en cuenta la estética.

De la misma manera, diseñar sitios web que respondan a la experiencia del usuario se ha vuelto parte de la norma, aunque en un principio no todos lo consideraban así.

A continuación hablaremos más a fondo del diseño web en el marketing digital, su importancia y algunas reglas que debes tener en cuenta si quieres que tu sitio sea el número uno en su rubro.
En el diseño web, los elementos gráficos se mantienen, pero no necesariamente tienen que ser un formato estático.
¿Qué implica el diseño web?
Motion Graphics, ilustraciones, slides, audio y video, son algunos elementos que los diseñadores pueden integrar, lo que les da una mayor libertad para poder comunicar el mensaje y las intenciones del sitio con respecto al usuario.
Ya vimos en diferencia entre arte y diseño que el diseño gráfico se enfoca en la tipografía, colores y demás elementos visuales que en conjunto logran producir y comunicar un mensaje.

Una de sus ventajas es precisamente la capacidad de poder combinar elementos fijos o estáticos con elementos interactivos.
El diseño web implica muchas habilidades y conocimientos, las cuales dependen del diseñador.
Por ejemplo, si el sitio web tiene el objetivo de dar a conocer o presentar tus productos, incluir testimonios en forma de video puede ser más factible que presentarlos como texto.

¿Qué es un diseñador web y cuáles son sus funciones?

Los web developer y los web designers tienden a confundirse y pasar como uno solo, pero ambos perfiles cumplen diferentes funciones y son importantes para poder hacer que tu web funcione lo mejor posible destacándose del resto.

Contar con uno o varios en tu empresa garantiza que estén enfocados solo en tu proyecto -a diferencia de los freelancers- y que tengan una idea más clara de la imagen corporativa que deseas transmitir y así conseguir una web profesional.

Otra de las ventajas es que al tener mayor conocimiento sobre el producto o servicio que ofreces pueden conseguir que la eficiencia de los proyectos no solo sea a corto y mediano plazo, sino también enfocada a largo plazo.

Además, la necesidad de poder aplicar soluciones inmediatas a cualquier imprevisto que surja, está cubierta al tener un web developer de planta.

Te contamos un poco más a detalle las diferencias entre un web developer y un web designer.

Web developer

Un web developer -o desarrollador web- es el encargado de programar funciones y generar aplicaciones en línea para el sitio web.

Se centra en las características, los sistemas de gestión de contenidos y está más familiarizado con el lenguaje de programación que se pueda necesitar.
Tanto el diseño web como el desarrollo web son importantes y necesarios para que tu sitio sea efectivo y destaque del resto de las páginas en internet.
Como ya explicamos, la creación y diseño de sitios web es un proceso al que se le debe dedicar tiempo y planeación, por lo que puede participar más de una persona.
Web designer

El web designer -o diseñador web- se encarga de la apariencia del sitio y entre sus funciones está determinar el diseño, la gama de colores y estilo del sitio.
El principal papel de un diseñador web es encontrar el equilibrio perfecto entre la estética y la funcionalidad del sitio que está creando.
Lo anterior va a depender de si el proyecto tiene ciertos requerimientos que hacen necesaria la presencia de varias personas para desarrollar una parte del proyecto.

Utilizar programas como Photoshop o Sketch para poder diseñar el producto final de la web.

Crear el diseño en función del branding de la empresa, y tenerlo muy presente al momento de llevarlo a cabo.

Resolver problemas relacionados con la experiencia del usuario como los botones.

Generar los elementos gráficos que la web requiera, como el favicon y en algunos casos las ilustraciones o los motion graphics (aunque estos los pueden crear otros diseñadores o ilustradores. En este caso el web designer tiene que coordinar que el tamaño o peso de las imágenes sean las adecuadas).

Utiliza y está familiarizado con el lenguaje HTML, CSS y JavaScript.

Un diseñador web tiene la capacidad de poder encontrar el equilibrio entre la estética de la página web y la funcionalidad del sitio.

Sin embargo, hoy en día puedes encontrar diseñadores que se especializan en hacer todo este proceso. Ellos son los encargados de hacer que las ideas se materialicen.

Algunas de las habilidades y tareas que realizan los diseñadores web son:

Elementos del diseño web

Suena casi utópico, pero sí, con un sitio web optimizado y bien diseñado es posible generar más ventas. Recuerda que es la carta de presentación de tu empresa.

Y para hacerlo te recomendamos seguir estos consejos que forman parte también de las tendencias de diseño web: lo in y lo out.
Cuida el peso de las imágenes y las integraciones que realizas para que tu sitio vaya disminuyendo su tasa de rebote.
1. El tiempo de carga

Existiendo tantas opciones de dónde escoger, el obtener la atención de un lead es un gran logro, sin embargo de nada te va a servir si tu sitio está lento y tarda más de 30 segundos en abrir.

A nadie le gusta esperar y menos cuando tiene otras opciones a la mano. Así que una de las primeras cosas que debes considerar al momento de diseñar tu sitio es que el tiempo de carga sea menor.

2. Usabilidad
Una de los puntos más importantes del diseño web es que ante todo debe ser legible.
Aquí nos referimos a que sin importar quién acceda a tu sitio, el usuario pueda entender cómo está organizado y cómo funciona. Esto evitará que se frustre y lo abandone porque no encuentra lo que está buscando.

Por eso son muy importantes las A/B tests, pues te permitirán saber qué es lo que funciona y lo que no, para poder hacer optimizaciones oportunas y mejorar la experiencia de usuario.

3. Legibilidad

Con esto nos referimos a que los elementos que la conforman, por ejemplo los colores de las diferentes secciones deben ser amigables y no cansar la vista del lector. De lo contrario podría aumentar la tasa de abandono.

En los últimos años el minimalismo se ha apropiado de las tendencias de diseño web, en especial aquellas que lo utilizan como fondo para maximizar la legibilidad para el usuario y de las arañas de los motores de búsqueda.

En este aspecto la tipografía también es muy importante. Quizás el color de tu sitio y la estructura estén muy bien y sean fáciles de entender, pero si la tipografía es ilegible tampoco va a funcionar.

Además cuando se trata de una sección muy larga o de un contenido de blog, debes evitar párrafos muy largos porque puede parecer pesado y desanimar al usuario a terminar la lectura.

También piensa en los distintos tipos de dispositivos -celular, tablet, pc o laptop- desde los cuales pueden leerte y asegúrate que tu sitio sea funcional en todos.
Podríamos decir que el diseño web se concentra en el diseño sin considerar esta parte esencial de la interacción entre la tecnología y el usuario.
Diseño web vs UX design

UX design, o el diseño de la experiencia del usuario no es lo mismo que el diseño web y ha cobrado relevancia gracias a la evolución de los smartphones.

Hemos mencionado la importancia de considerar al usuario en el diseño de páginas web, pero es en la actualidad que se le da la importancia que merece.

Está más enfocado a la parte estética que ya hemos comentado: colores, que se siga el brandbook, la generación de botones, etc.

En cambio el diseño UX, se centra en mejorar la relación que tiene el usuario tanto con el sitio web como con los productos y los servicios de la empresa. Y este es un proceso que involucra A/B tests, apps móviles, sitemaps y esquemas de navegación.

No es que haya un tipo mejor o peor de diseño. Pero con la evolución del Internet y la tecnología (así como de las estrategias del inbound marketing), la experiencia del usuario se ha vuelto un elemento fundamental en la creación de páginas web.

Cada vez más diseñadores deciden estudiar y adentrarse al diseño UX para generar diseños más completos y poder trabajar aún más de cerca con el equipo de desarrollo.

Tipos de diseño web

Hablando del UX design podríamos decir que existen dos tipos de diseño web, a nivel general.
La principal característica del diseño adaptativo es que es"fijo", es decir, que se genera un diseño dependiendo de cada dispositivo.
El responsivo y el adaptativo. Los diseños responsive y el adaptive -por sus nombres en inglés- son diferentes entre sí, aunque muchas veces llegan a confundirse.

Ambas metodologías responden a la manera en la que hemos aprendido a interactuar con el internet y por eso han evolucionado respectivamente.

Diseño adaptativo
Al ser un diseño fijo, puede ser considerado como más sencillo ya que no se necesita de mucho código.
Hoy se sabe que no todos tienen las mismas necesidades al navegar en computadoras que en sus teléfonos, y también que son diferentes proporciones y tamaños.

Esto quiere decir que cada diseño es independiente entre sí. La disposición de cada elemento va a variar dependiendo del dispositivo para el cual se haya creado el diseño.
El objetivo de esta reestructuración es que todos los elementos puedan hacer que la experiencia del usuario sea la mejor, aprovechando los espacios y características del dispositivo para que el contenido del sitio sea accesible y legible.
Los formatos y los píxeles son fijos e incluso más fáciles de cargar (es decir que el tiempo de carga puede ser menor).

Diseño responsivo

El diseño responsivo, a diferencia de el diseño adaptativo, es uno sólo que se va reestructurando de acuerdo al tamaño de la pantalla.

El diseño responsivo, a diferencia del anterior, se adapta a cada dispositivo, es decir que es un mismo diseño que va reestructurándose de forma automática dependiendo del dispositivo en donde se acceda al sitio.

Por ser un poco más complejo, este tipo de diseño emplea diferentes hojas de estilos CSS, y puede requerir de un tiempo más largo de carga. Las medidas son proporcionales y van variando de acuerdo a la pantalla.
En los últimos años el surgimiento del inbound marketing ha cambiado la manera en la que las empresas realizan un seguimiento y estructuran sus estrategias de marketing.
Este diseño se ha convertido en casi una norma (aunque depende del presupuesto y las necesidades de cada uno) en la industria.

La importancia del diseño web en el inbound marketing

Ahora que tienes una idea de cómo es el diseño web en el 2020, es importante que hablemos del papel que juega en el inbound marketing y porqué es tan importante para tu empresa y la implementación y ejecución de estrategias.

En la era del Internet donde todos tenemos acceso a muchísimos canales, el principal objetivo es posicionarnos en la mente de los compradores, de apapacharlos y nutrirlos.
El blog además de generar contenido de valor, te ayudará a obtener un mejor posicionamiento SEO y parecer en los primeros resultados de búsqueda orgánica.
Así, el objetivo más importante es crear una relación con el usuario de tal forma que no se de cuenta que lo estás atrayendo hacia tu negocio.

En este caso, el diseño web cumple un papel muy importante. En 8 motivos para crear el blog de tu empresa abordamos la importancia de tener una sección de blog, y la necesidad de que este vaya estructurado con el fin de generar ventas.

Una buena administración de contenidos y un calendario de publicaciones ayudará a generar información de valor que nutra a tus clientes potenciales.
Recuerda que no solo se trata de vender, si solo te enfocas en eso, tu público meta puede cansarse y empezar a ignorar tus contenidos.

El inbound marketing se especializa en el posicionamiento en buscadores como parte de la estrategia.

Si deseas saber más sobre este tema te recomendamos leer nuestro artículo: posicionamiento y SEO, todo lo que debes saber.
Para que tu contenido pueda ayudarte a posicionar tu sitio es necesario que cuente con una plataforma que esté optimizada para que los crawlers de los motores de búsqueda (como las arañas de Google) los puedan leer y recomendar en las primeras páginas de sus buscadores.
Sin importar el rubro en el que te desenvuelvas, tener un sitio web debe de ser una de las prioridades de tu empresa antes de generar una campaña en las redes sociales o pensar en contratar un CRM.

Como te explicamos en 5 ejemplos de estrategias de marketing digital ganadoras en 2020, las redes sociales no son algo de lo que debas depender completamente, ya que no son algo propio y resultan menos confiables que un sitio personalizado.

Además, las herramientas de las redes sociales brindan mejores resultados utilizando una estrategia de pago por clic (PPC). En cambio, utilizarlas como complemento para llevar tráfico a tu sitio resultará más efectivo.

Otra de las razones es que en el pasado solo podíamos conectarnos a una computadora para poder realizar una búsqueda en internet y navegar por la web, hoy en día es posible hacerlo desde dispositivos móviles como smartphones o tablets.

Y estos dispositivos tienen otras necesidades. Por ejemplo, una de las 21 técnicas de posicionamiento en Google que veremos con más fuerza este 2020 es aprovechar que las búsquedas en móviles están empezando a ser utilizadas como micromomentos.
Es por esto que cada vez más empresas están tratando de invertir en sitios webs responsivos que funcionen de acuerdo a las necesidades del usuario.
¿De qué te sirve esto? A nivel local te ayudará a aparecer en los primeros lugares de búsqueda gracias a la ubicación en tiempo real que arrojará los negocios más cercanos a ellos.

Un sitio web debe ser parte muy importante de tu estrategia de marketing digital, ya que aquí podrás almacenar tus contenidos, generar leads, y en general es tu carta de presentación ante el mundo.

Por esto debes dedicar tiempo y optimizar tu dirección de Google Maps para que tu empresa sea la primera en aparecer cuando realicen una búsqueda cómo "doctores en Mérida" "Restaurantes de comida italiana", etc.
Podríamos decir que tu sitio web es la casa de tu empresa en el internet.
Si lo piensas, una de las razones por las que utilizamos las búsquedas en nuestros teléfonos es para encontrar algún lugar o empresa, o para resolver ciertas dudas.
Algunas empresas consideran que el diseño web no es indispensable, pero como ya te explicamos, tus estrategias de inbound y marketing digital no pueden depender de otras plataformas como las redes sociales que son perecederas y tienen un tiempo de vida limitado.
Un sitio web debe ser parte muy importante de tu estrategia de marketing digital, ya que aquí podrás almacenar tus contenidos, generar leads, y en general es tu carta de presentación ante el mundo.

El diseño web es una parte fundamental del marketing digital

A diferencia de los que unos creen, el diseño web no es un lujo. Si bien existen opciones como plantillas que pueden ayudarte a hacer tus sitios responsivos, que un diseñador haga el sitio pensando en las necesidades de tu empresa es algo que debes de considerar.

Tener un blog y un sitio web con un buen diseño responsivo no sólo le dará más seguridad y confianza a los usuarios, sino que también te servirá para poder resolver dudas comunes, y nutrir mejor a tus leads con campañas de email marketing -correos electrónicos con diseño a medida- para que se conviertan en una venta.

Además, el costo de un sitio web es mínimo comparado con todos los beneficios que te da.

Sin importar el rubro de tu empresa, haz que este 2020 tu sitio web lleve tu marca al siguiente nivel mejorando el diseño web del mismo, te aseguramos que será una inversión a largo plazo.

# data[].attributes.attachment_link.description
El diseño web es un elemento fundamental en las estrategias de marketing tanto tradicional como digital. Te decimos la importancia del diseño web para tu empresa, los tipos de diseño web que existen y cómo esto va de la mano con el inbound marketing.

# data[].attributes.body
Aqui podemos obsevar como hacen campaña los partidos politicos

# data[].attributes.attachment_link.readable_text
VALENCIA. A estas alturas no es nada nuevo afirmar que la imagen lo es todo en una campaña electoral. Los programas electorales han perdido validez, en ocasiones ni siquiera han sido publicados hasta el día antes de acudir a las urnas y poder incumplirlo sistemáticamente no repercute negativamente.

Aunque en menor medida que en otras ocasiones (será lo que tiene que esta campaña se financie legalmente), las calles ya están repletas de carteles pidiendo el voto a los indecisos. La comunicación afecta sobre el voto, y el diseño es el arma de la que se sirven los partidos para trasladar su mensaje final al electorado.

De la tipografía al mensaje

A NIVEL GRÁFICO ENCONTRAMOS QUE EL USO DE LETTERING Y LETRAS DIBUJADAS HA SIDO LA HERRAMIENTA TIPOGRÁFICA PARA INTENTAR HUMANIZAR LOS MENSAJES

En las pasadas elecciones autonómicas de mayo hablábamos de las intenciones en cuanto a diseño en los programas electorales, pero para estos comicios la Cultura no ha sido un tema de interés general en campaña (en el famoso Debate Definitivo ni siquiera se tocó) y por tanto sería en vano intentar depurar las desganadas políticas sobre diseño de los distintos candidatos. Pero a través del uso que hacen del diseño en sus propias campañas pueden entenderse algunas claves sobre la importancia que dan a este aspecto dentro de sus estrategias de comunicación.

Hoy día los esloganes han sido convertidos en hashtags, los mensajes han rebajado el tono hasta prácticamente poder ser intercambiables entre formaciones políticas, y tan sólo mantienen fieles sus colores, como si de un club de fútbol se tratasen, ya que saben que ahí radica el poder del voto ante un electorado habituado a votar por siglas o colores.

Siglas que ya no tienen sentido entre varias generaciones que no entienden de siglas. Este 2015 podrán votar quienes nacieron en 1997, año en el que se estrenaban Titanic (J ames Cameron) o Parque Jurásico 2 ( Steven Spielberg), South Park irrumpía en la tele, fue el verano del Devil came to me de Dover, sonaban también los Backstreet Boys y Enrique Bunbury lanzaba su primer álbum en solitario... Ya no había siglas por ninguna parte.

Ahora las formaciones responden a nombres comerciales, sin siglas a la vista, un hecho que comienza a ser lo habitual dentro de todo un engranaje que ha comprendido de esta nueva tendencia. Al igual que a nivel gráfico encontramos que el uso de lettering y letras dibujadas ha sido la herramienta tipográfica para intentar humanizar los mensajes, con un boom en las elecciones catalanas que perdura para estos comicios generales en los que recurrir a trazos manuales es el recurso para tratar de acercar el mensaje a la ciudadanía, muy acostumbrada a las tipografías de siempre.

PP: España en serio

Y hablando de las tipografías de siempre, una vez más la tipografía de campaña del PP es la Gotham. Este mismo año el partido de Mariano Rajoy rediseñaba su logo y recurrían al tipo de letra utilizado en sus previas campañas electorales, una decisión no muy arriesgada ni diferenciadora, teniendo en cuenta que la misma tipografía fue usada a la vez por PSOE y Podemos, siendo además la letra corporativa de los de Pablo Iglesias (además de otros elementos en común como el círculo o la similitud de caracteres y formas entre las palabras "populares" y "podemos").

En esta huída de las siglas ahora ya no aparece el Partido Popular, sino que apuestan por Populares como naming, para acompañar a un eslogan bastante diferenciador ( España en serio) y a una especie de diseño de monograma del 20D (fecha del día de elecciones) dentro del cuál hace aparición el nuevo logotipo del partido en un apaño bastante forzado y con un juego de gamas de azul que no permite terminar de entender cuál es el color azul del PP.

Han pretendido diseñar un cartel sobrio que aporte tranquilidad, sin grandes masas de color corporativo azul, a partir de buena fotografía y sin abusar de varias familias tipográficas para no llamar mucho la atención, y han dejado los juegos de letras y colores para el resto de acciones de campaña a las que no han dado tanta difusión en loas que han recurrido a las tendencias gráficas del momento con las series de los hipsters y el "Piensa sin prejuicios", los "30 días 30 respuestas" o el "Hablando en serio".

Desde la Comunidad Valenciana la campaña gráfica y de carteles ha sido la que venía dada desde la calle Génova, con la simple adaptación del eslogan a un desafortunado valenciano en el que los creadores del han traducido "España en serio" por "Espanya en sério" en una castellanización sin ningún sentido.

PSOE: Un futuro para la mayoría

Para el retrato de Sánchez se ha aplicado una especie de "Photoshop a la inversa", envejeciendo al candidato, quitándole su sonrisa y añadiéndole canas

Al igual que los Populares, el PSOE tampoco abusa ya de su rojo corporativo en los materiales de propaganda electoral, aunque es una característica gráfica que se ha ido consolidando desde antes, ya con la llegada de Pedro Sánchez a la secretaría general del partido. El rojo socialista está bien definido, tomando más presencia al utilizarlo de manera restrictiva, con un inamovible Pantone 485 desde que Cruz Novillo diseñó el puño y la rosa en 1977, un símbolo que el PSOE recupera para estas elecciones de 2015 tras desaparecer en la campaña de Rubalcaba de 2011.

También fieles a la tipografía Interstate en toda una declaración de intenciones de volver a sus orígenes, sin embargo con un tono general más sobrio, añadiendo una segunda tipografía ( Corporate) para enfatizar palabras clave y conceptos estratégicos como cambio o futuro, y otro tipo de letra más (Din Condensed), en mayúsculas y subrayada, para titulares, creando así una serie de marcas de campaña que, aunque de forma austera, al ir sumándolas a lo largo de las últimas semanas queda algo recargado.

El cartel de campaña, a medio camino entre portada de revista y el arquetipo de llamada al voto, recuerda aún al estilo Obama que tanto se ha imitado en general, aunque llama especialmente la atención que para el retrato de Sánchez se ha aplicado una especie de "Photoshop a la inversa", envejeciendo al candidato, quitándole su sonrisa a la que nos tiene habituados y añadiéndole canas. Una curiosa manera de transmitir experiencia y situarse así en la competencia con un candidato que le saca diecisiete años.

La campaña ha estado salpicada de otras acciones, marcas y eslóganes, desde "Gobernando con hechos" hasta la "Oficina de derechos perdidos", pero un gran rasgo diferenciador de la campaña gráfica del PSOE al entrar a la Comunitat Valenciana es que sí han generado recursos propios para Castellón, Valencia y Alicante. De esta manera aparecen aquí nuevos mensajes que juegan con el hecho de que su partido esté gobernando en la Generalitat Valenciana, y aparece así un "Completa el cambio" que continúa la campaña de redes sociales "Ha empezado el cambio" (ambas con sus respectivas versiones en valenciano). Esta independencia gráfica de Ferraz ya ocurrió en las elecciones autonómicas del 24M, donde en lugar de adaptar una campaña nacional, el PSPV generó su propio contenido y materiales.

La gráfica para este 20D, generada desde la Comunitat Valenciana, demuestra cierto interés no sólo por traducir un mensaje desde Madrid, sino por hacer política desde la Comunitat y para ello han necesitado de un diseño diferenciador, para lo que recurren a la letra dibujada con un tono entre la amabilidad y la llamada a la acción.

Ciudadanos: con ilusión

Su logotipo es de Rafael Celda, quien rediseñó el de CCOO y creó el de Equo

Los últimos partidos llegados a esta "nueva política", como marcas que son, tuvieron que escoger colores por descarte de la competencia, por diferenciación y por intentar asociar unos valores a su marca. De esta forma los de Albert Rivera son los conocidos como "la formación naranja" por su color corporativo Pantone 1585.

Su herramienta de calar en la sociedad en tan poco tiempo ha sido la reiteración inagotable de su color naranja y el uso repetitivo de la tipografía Europa Grotesk en cada uno de sus mensajes electorales, a partir de un logotipo diseñado por Rafael Celda (quien en su día rediseñó el de CCOO y también creó la marca de Equo), al que el estudio BOLD aplicó un restyling para crear el conocido acrónimo C's como símbolo.

Por lo general Ciudadanos ha utilizado gráficas bastante austeras, de muy pocos elementos, con un eslogan tan manido como intercambiable (Ese "Con ilusión" ya lo utilizó Artur Mas en 2010) y con una presencia destacada del retrato de Rivera como protagonista indiscutible de cada cartel, lona, folleto, chapa o anuncio de prensa. El líder.

Al igual que en las pasadas elecciones autonómicas, tampoco Ciudadanos ha generado una línea gráfica propia para hacer campaña en la Comunitat Valenciana, y ha recurrido a elementos tan trillados como el skyline vectorial de Valencia que tanto partido le sacó el PP en los últimos años de control de la cartelería valenciana. Otra declaración de intenciones más, la de no apostar por un lenguaje de comunicación propio, que añadida a las polémicas por el desprecio de la lengua valenciana dicen poco (y malo) de las políticas territoriales de la formación naranja.

Podemos: un país contigo

Podemos USA LA MISMA tipografía QUE el PP

Podemos pasará a la historia como la formación que hizo despertar a la política española del estancamiento bipartidista, y su gráfica siempre ha sido un reflejo de ese aire algo improvisado y rebelde con un logo que nació casi de manera casual y que poco a poco y de forma sutil fue transformando su endeble tipo de letra inicial en la Gotham actual (sí, la misma que ha escogido el PP para toda su campaña y nuevo logo).

Podemos nunca ha destacado por el buen diseño gráfico de sus acciones, transmitiendo como decía cierta improvisación y falta de definición, con tipografías que van y vienen según quién las utilice, con parches como el inexplicable recuadro blanco de la esquina inferior derecha del cartel electoral de Pablo Iglesias para este 20D, y sin especialmente buena fotografía. Pero todo eso, en conjunto, es parte del ADN de la formación y de su concepto de la parte más estética (aunque no les haría ningún mal a nivel comunicativo definir y concretar un poco su gráfica general). De hecho, en este cartel electoral desaparece su logo con los círculos.

Es su color morado corporativo, el Pantone 2622, el que unifica todas sus comunicaciones, y el que ha servido precisamente de llamada al elemento más interesante a nivel gráfico de estas elecciones, el colectivo Purple Rain, una acción ciudadana espontánea en la que ilustradores y diseñadores aportan sus propios carteles y banners para apoyar el mensaje de Podemos. Una plataforma "gráfica" ciudadana como las que ya surgieron en apoyo de Manuela Carmena (Madrid con Manuela) en Madrid o de Ada Colau (Movimiento de Liberación Gráfica) en Barcelona.

Mariscal ha donado el bloque de texto que acompaña a los carteles de Compromís-Podemos

Podemos ha confluido con los valencianos Compromís para ir juntos a las elecciones generales desde la Comunitat Valenciana, en la coalición És el moment, sin siglas y con hashtag, donde ya desde el nombre hacen hincapié en el momento decisivo que suponen estos comicios. Y la conclusión a nivel gráfico de esta unión es que hay también una línea gráfica propia para la comunicación en la Comunitat Valenciana, como en el caso del PSPV PSOE, quienes fueron además los dos partidos cuyas propuestas de comunicación y de diseño de campaña autonómica del 24M destacaron a nivel gráfico sobre el resto, en una apuesta por profesionales del diseño y de la comunicación valencianos.

Para esta gráfica valenciana, És el moment recupera el recurso de los fondos naranja degradados de Compromís, añadiéndoles, en menor medida, un toque de morado-Podemos dándole todo el protagonismo al nuevo logotipo de la formación, un bloque de texto diseñado por el inconfundible Mariscal, quien lo ha donado altruistamente justificando que lo hace en apoyo de la sociedad civil.

Unidad popular (Izquierda Unida): por un nuevo país

La coalición electoral en la que participa Izquierda Unida nace con el handicap de necesitar posicionarse a partir de un cartel. Por ello, al igual que Ciudadanos, han preferido la austeridad de elementos y así han compuesto un cartel con un logo, la foto del candidato y el breve eslogan.

Coinciden también con Ciudadanos (pese a ser el día y la noche, lo cuál refuerza esta idea de los mensajes intercambiables en la política española) en recurrir a un lettering amable, no agresivo ni tampoco tan personal como el del PSPV, así como en la alusión a la palabra "país" como hace Podemos. Su logotipo "UP", a partir del tipo de letra Trade Gothic, queda como un símbolo multicolor para transmitir el concepto de coalición.

En el caso de Vox su dIseño de logo ha quedado como, posiblemente, lo mejor del partido

Sin apenas recursos, y por tanto con escasa visibilidad, llegan UPyD y VOX a estas elecciones generales en las que, entre otros a nivel gráfico, dejan bastante que desear.

Los magentas presentaron hace apenas un par de meses su rediseño de logo de partido, tal vez no era el momento más adecuado, y la solución sin lugar a dudas no fue la mejor. En cuanto a sus carteles de campaña, siguen transmitiendo una total falta de profesionales detrás, con un batiburrillo tipográfico bastante mediocre. En cuanto a VOX, aunque contaban con una de las identidades de marca más interesantes del panorama actual (diseño de José Gil-Nogués), no han sabido desarrollarla. Así que su diseño de logo se ha quedado como, posiblemente, lo mejor del partido.

Hasta aquí el diseño. Pero es sólo diseño. ¿Quién dignificará la cultura? ¿Quién se moja al hablar de igualdad? ¿Quién apuesta realmente por un país mejor? Aunque decíamos que los programas electorales han perdido validez, hay que informarse de las políticas de cada partido que de una forma u otra nos afectarán en el día a día. Y decidir. Y votar este domingo.

# data[].attributes.attachment_link.title
Análisis de diseño: así es gráficamente la campaña electoral

# data[].attributes.attachment_link.description
VALENCIA. A estas alturas no es nada nuevo afirmar que la imagen lo es todo en una campaña electoral. Los programas electorales han perdido validez, en ocasiones ni siquiera han sido publicados hasta el día antes de acudir a las urnas y poder incumplirlo sistemáticamente no repercute negativamente.

# data[].attributes.body
Esta web aparte de explicarte las diferencias te explica la historia y la evolución.
Soraya Caballero

# data[].attributes.attachment_link.readable_text
El videoarte, surgido en Estados Unidos y Europa en la década de los 60. Se trata de un tipo de arte que se basa principalmente en imágenes en movimiento y que surgió debido a la consolidación de los medios de comunicación de masas. En comparación con el cine convencional, el videoarte apenas se ha dado a conocer.

Para comenzar, una de las diferencias entre ambos es que el videoarte apenas cumple con las convenciones del cine. Este formato no depende de diálogos, de actores o del tipo de narrativa que se emplea en el cine tradicional que todos conocemos. Por lo tanto, resulta ser una alternativa más económica y que rompe con las características del cine comercial. Aunque no por ello resulta ser de menos valor que este último.

Principalmente se basa en la producción de cortometrajes, o en otras prácticas como el videoclip, el video documental o el vídeo de ficción, intentando crear en todas ellas nuevas narrativas y parámetros que no estamos acostumbrados a ver en las pantallas.

En resumen, el objetivo que tiene esta tendencia artística es crear una ruptura con lo convencional o "visualmente correcto", lo que significa que los artistas de este formato pretenden indagar más en el cine convencional y evitar que solo nos parezca correcto la estructura que emplean. Innovar y crear nuevas formas que apenas o nunca se hayan visto, sin tener miedo y en ningún momento pensar que por ello se va a producir erróneamente la obra audiovisual.

A pesar de que se sigue produciendo, actualmente está representado por dos variedades: de un solo canal y la instalación. Las obras de un canal se encuentran mucho más cerca de la idea convencional de la televisión o pantalla de cine. En cambio, el vídeo de la instalación es la forma más común de videoarte en la actualidad, y a veces se combina con otros medios de comunicación.

# data[].attributes.attachment_link.title
Diferencias entre el videoarte y el cine - Miguel Giménez Ramos

# data[].attributes.attachment_link.description
El videoarte, surgido en Estados Unidos y Europa en la década de los 60. Se trata de un tipo de arte que se basa principalmente en imágenes en movimiento y que surgió debido a la consolidación de los medios de comunicación de masas. En comparación con el cine convencional, el videoarte apenas se ha dado a conocer.

# data[].attributes.body
Me ha parecido muy interesante  estos planos cinematográficos, os explican muy bien los distintos planos que hay.
Javier Durán García

# data[].attributes.attachment_link.readable_text
Presentamos una recopilación de todos los tipos de planos en el cine y lo exponemos de dos maneras:

A.- Lo tenemos como si fuese una presentación de clase, punto por punto, utilizando ejemplos mediante fragmentos de vídeo de películas famosas. Es más tedioso porque hay que ir haciendo "clicks" pero quizás es más fácil de entender porque se ve gráficamente.

B.- Y también tenemos el siguiente listado, que con un sólo vistazo se tienen todos los tipos de planos cinematográficos.

IMPORTANTE:
- En el listado que hay a continuación, si se hace clic en el título, se abre una página con un trocito del vídeo.
- En los ejemplos con tres o más fotogramas, si se hace un clic encima, se amplía la imagen.

Plano picado: La cámara graba a una altura ligeramente superior a los ojos (en caso de sujetos) o de la altura media (en caso de objetos), con la cámara ligeramente orientada hacia el suelo. Se utiliza para transmitir al observador que alguien es inferior, inocente, débil, frágil, inofensivo o incluso para ridiculizar. Un ejemplo sería el robot R2D2 al inicio de la película "Star Wars IV, Una nueva esperanza", especialmente en escenas un poco cómicas cuando discute con el robot C3PO.

Plano contrapicado: La cámara se sitúa enfrente y a una altura ligeramente inferior a los ojos del sujeto, o inferior de la altura media de un objeto. Con la cámara ligeramente orientada hacia el techo. Es el plano opuesto al plano picado. Sirve para ensalzar y magnificar al sujeto u objeto. Un ejemplo típico es Darth Vader en la película Star Wars, en todas las escenas la cámara lo graba en contrapicado para ensalzar su tenebrosidad. En los últimos tiempos también se utiliza este plano cuando los políticos graban sus mítines con circuitos cerrados propios y luego pasan las imágenes a los informativos, para "magnificar" a sus líderes.

Agradeceríamos de todo corazón que si os copiais este artículo, indicaseis de donde procede vuestra fuente (o sea, de nosotros, www.solosequenosenada.com ). Cuando podamos iremos mejorando algunos planos cinematográficos que no quedan claros.

Si veis fallos o algo que no sea correcto, por favor, escribidnos en los comentarios que hay más abajo.

Y para acabar por si os interesa, nos ha gustado mucho dos artículos que hablan sobre los tipos de planos cinematográficos que quizás os ayude: Plano (lenguaje audiovisual) en Wikipedia y Comunicación audiovisual en vagos.

# data[].attributes.attachment_link.title
Tipos de planos cinematográficos, ejemplos con fragmentos de películas

# data[].attributes.attachment_link.description
Presentamos una recopilación de todos los tipos de planos en el cine y lo exponemos de dos maneras: A.- Lo tenemos como si fuese una presentación de clase, punto por punto, utilizando ejemplos mediante fragmentos de vídeo de películas famosas. Es más tedioso porque hay que ir haciendo "clicks" pero quizás es más fácil de...

# data[].attributes.body
Me ha gustado la página que adjunto porque considero que está la información diferenciada y muy bien explicada, suficiente para que las personas que no sean expertas en el tema entiendan de qué se trata el diseño 3D y todos los aspectos que tratan.
Espero que os guste,
Sandra Cedenilla

# data[].attributes.attachment_link.readable_text
Diseñar en 3D siempre es algo que da bastante respeto, es algo que vemos más para ingenieros que para usuarios comunes.

Y esto es un gran error.

Actualmente el diseño 3d está adaptado a todas las edades y a todos los grados de conocimientos.

Obviamente, si tienes que diseñar una caja de cambios, necesitas saber diseño 3d avanzado (curvaturas, mecanismos, restricciones...) pero para diseñar cosas de la vida diaria no hace falta:

Replicar esa pieza rota de tu mesa de camping.

Un letrero con el nombre de tu hijo/a

Un sujeta-móviles personalizado para tu coche.

Te lo digo y te lo repetiré en of3lia una y otra vez: Los límites, solo los pones tú.

# data[].attributes.attachment_link.title
Diseño 3D para Principiantes y atrevidos que quieran Mejorar al Máximo

# data[].attributes.attachment_link.description
Diseñar en 3D siempre es algo que da bastante respeto, es algo que vemos más para ingenieros que para usuarios comunes. Y esto es un gran error. Actualmente el diseño 3d está adaptado a todas las edades y a todos los grados de conocimientos.

# data[].attributes.body
Él es un fotógrafo que personalmente considero muy bueno.En esta web da información sobre como hacer correctamente las foto

# data[].attributes.attachment_link.readable_text
No Es Magia, Es Energía te trae la firma invitada del fotógrafo y youtuber Marcos Alberca para hablar de la luz en distintos momentos del día y su importancia en la fotografía. ¡No te lo pierdas!

# data[].attributes.attachment_link.title
No Es Magia, Es Energía: Marcos Alberca nos habla de la fotografía nocturna

# data[].attributes.attachment_link.description
No Es Magia, Es Energía te trae la firma invitada del fotógrafo y youtuber Marcos Alberca para hablar de la luz en distintos momentos del día y su importancia en la fotografía. ¡No te lo pierdas!

# data[].attributes.headline
Consejos de diseño gráfico para principiantes

# data[].attributes.subject
Consejos de diseño gráfico para principiantes

# data[].attributes.body
Esta web me a parecido muy interesante, ya que te da muchos consejos sobre el diseño gráfico, y te lo explica muy bien, Paula Vicente.

# data[].attributes.attachment_link.readable_text
Quizás has tenido que crear algún diseño aunque no seas experto en esta área. Es algo que le puede pasar a SEOs, community managers, emprendedores y creadores de contenido. Pensando en ellos en Posicionamiento Web Salamanca te damos estos consejos de diseño gráfico para principiantes. Sigue leyendo.

La habilidad de diseñar

Hoy en día aprender lo básico sobre diseño gráfico puede ayudarte en muchos aspectos, tanto profesionales como personales.

Imagina que tienes que crear las invitaciones para el cumpleaños de tu hijo. O que eres experto en redes sociales y el diseñador falta ese día, tendrás que publicar y saber algo de diseño será de mucha ayuda.

Un emprendedor cuando está comenzando su negocio quizás no tiene presupuesto para pagarle a un profesional en diseño. Tendrá que crear sus propios volantes o anuncios, así que lo mejor es aprender sobre este tema.

El diseño gráfico se aplica en distintos aspectos, es muy versátil. Es una habilidad que cualquiera que trabaje en marketing debería aprender. Y con tantas herramientas online disponible es muy fácil crear un buen diseño que se vea profesional.

Lo primero que debes saber sobre diseño gráfico es que las tendencias cambian constantemente. Como en el marketing, hay cosas que se ponen de moda cada año. Así que cuando vayas a crear algo debes revisar qué está en tendencia. Así podrás crear algo que se adapte a lo popular y además podrás inspirarte viendo las creaciones de otros.

Programas de diseño online

Para diseñar no necesitas ser un experto en Photoshop o InDesign. Claro no serán creaciones profesionales, pero con las nociones básicas que explicaremos más adelante podrás tener unas buenas gráficas.

Algunas opciones de programas de diseño gráfico online gratis son:

1. Canva. Es quizás la web más conocida para este fin, además tiene una app y un plugin para WordPress. Es muy fácil de usar, tiene muchas opciones gratis y otras más de pago.

2. Piktochart. Es un software de diseño simple e intuitivo. Podrás crear infografías, presentaciones y diseños para imprimir como posters. Cuenta con cientos de plantillas, algunas gratis y otras de pago.

3. Snappa. Permite crear gráficos online de forma muy sencilla. Escoges las dimensiones, las plantillas y las editas. Tienen muchas imágenes gratis en stock.

4. PicMonkey. Te permite editar fotos y diseñar. Es muy fácil de usar para crear post para redes sociales y anuncios, entre otras cosas. Tiene siete días de prueba gratis y después tendrías que optar por alguno de los planes de pago.

5. Fotor. Es un editor de fotos y también sirve para hacer collages y distintos diseños.

Consejos de diseño gráfico para principiantes

Sigue estos tips para diseñar y podrás crear las mejores gráficas dependiendo de tus objetivos:

Limita la cantidad de fuentes

Al seleccionar las fuentes o letras de encabezados, subtítulos y texto usa unas que sean simples y efectivas. Es difícil para el ojo humano escanear varios tipos de fuentes, así que lo ideal es que selecciones solo dos, muchos usan variaciones de la misma familia.

Una fuente para los títulos y otra para el cuerpo del texto. Más de dos pueden verse como caóticas. Dificultan la legibilidad y hacen ver el diseño como muy informal.

Al momento de escoger la fuente considera la legibilidad. Una letra muy bonita puede ser muy difícil de leer y no servirá para tu diseño. Prefiere que no tengan ribetes ni adornos.

Aunque una muy buena opción es balancear una tipografía con estilo con una que sea legible. Las primeras debes usarlas con mucho cuidado.

Además, escoge letras que vayan de acuerdo al tono de tu marca. Si tu diseño es para una tienda de ropa no deberías usar la misma fuente que para una empresa de servicio de limpieza, por ejemplo.
Fuente infografía
Respeta los espacios en blanco

Los textos y gráficas concentran nuestra atención en cualquier diseño y a veces olvidamos las áreas que no tienen estos. Es importante dejar espacio para respirar, separar las partes del diseño.

El espacio en blanco es el área entre los elementos del diseño y alrededor de estos, que cabe destacar no es necesariamente de ese tono. La recomendación en este caso es no sobrecargar el diseño para que fluya bien y deje respirar.

El espacio alrededor de los elementos permite que el diseño sea fácil de leer y podrá atraer la atención.

Ordena con la alineación

Un buen diseño debe estar bien alineado. El software que uses para diseñar te ayudará en ese aspecto, pueden mostrar las líneas que te ayudarán a alinear.

La alineación ayuda con el balance y la composición. Podrías incluso usar una línea como parte del diseño y esta ayuda a que se vea mejor.

Las imágenes podrías alinearlas con marcos o una cuadrícula, así se ve más profesional.

Usa los colores de forma inteligente, considera su impacto

Si estás creando un diseño para una empresa este debe tener una paleta de color. Y esa debe seguir el tono de la marca, distintos tonos evocan distintos sentimientos. Por ejemplo:

Azul evoca confianza, seguridad y relajación.

Verde habla de riqueza, salud y refrescamiento.

Rojo es pasión y energía.

Negro se asocia a sofisticación, lujo y poder.

Otro de los consejos de diseño gráfico para principiantes es que uses la psicología del color al momento de crear tu logo y sitio web.

Para elegir un esquema de color para tu negocio considera que deben tener entre 1 y 3 colores primarios, y entre 1 y 3 secundarios que contrasten y complementen. Usa distintos tonos de un mismo color para conseguir consistencia, y ajusta el brillo y contraste.

Simpleza y claridad

El contraste se lograr ajustando el brillo de la imagen de fondo para que permita que los colores del texto se vean bien. Así consigues un diseño limpio y fácil de leer. La forma básica es blanco sobre negro o viceversa.

Los diseños deben ser simples, pero no básicos. Cada elemento debe estar en tu creación por una razón. Ten la cantidad mínima de fuentes, colores y formas.

Dejar elementos sueltos por todo el diseño distrae y dificulta que las personas se enfoquen en lo que estás tratando de mostrar.

Los contrastes mejoran tu diseño

Seguro has escuchado cientos de veces que los opuestos se atraen. Esto puede aplicarse al diseño gráfico. No uses tonos que se enfrenten, pero si puedes usar colores que aparecen opuestos en el espectro de colores.

También podrías usar fuentes y gráficas que contrasten. Utiliza filtros para las imágenes. Si tienes un color claro de fondo usa uno oscuro para la fuente.

Si necesitas ayuda, busca expertos en diseño web Salamanca. Recuerda que como principiantes debes conocer tus límites.

Jerarquiza el contenido

Al ver un diseño tu vista va primero a los elementos más grandes. Por tanto, la información más importante debe ir en la fuente más grande así las personas lo verán sin problema.

Y de ahí se usan fuentes más pequeñas para la información menos importante. Un buen diseño puede aumentar las conversiones.

Sigue o crea una guía de estilo del negocio

Si eres un emprendedor es importante que crees una guía de estilo de la marca. Así todos los que ven la web y las redes sociales de esta verán que hay una consistencia visual.

La guía de estilo debe incluir tipos de fuente, paleta de color (con sus códigos en CMYK y RGB), variaciones del logo de la marca, fotos y archivos que usan regularmente en los diseños. Así como instrucciones de cómo usar los colores, fuentes y tamaños.

Al seguir estos consejos de diseño gráfico para principiantes podrás crear mejores gráficas sin importar tus objetivos. Aunque si necesitas ayuda para creaciones mucho más complejas puedes contactarnos, tenemos un equipo de expertos.

[powerpress]

# data[].attributes.attachment_link.title
Consejos de diseño gráfico para principiantes - PWS

# data[].attributes.attachment_link.description
Quizás has tenido que crear algún diseño aunque no seas experto en esta área. Es algo que le puede pasar a SEOs, community managers, emprendedores y creadores de contenido. Pensando en ellos en Posicionamiento Web Salamanca te damos estos consejos de diseño gráfico para principiantes . Sigue leyendo.

# data[].attributes.body
Esta página web me ha parecido muy buena y que está  muy bien explicada,Lucía Seco

# data[].attributes.attachment_link.readable_text
El diseño gráfico es una palanca de diferenciación en las empresas y puede convertirse en una parte importante de su propuesta de valor. Así mismo, el diseño gráfico se puede utilizar en los procesos de innovación, siendo imprescindible en la creación de nuevos productos y servicios.

En nuestro estudio de diseño gráfico desarrollamos las siguientes productos:

- Diseño de packaging o envases.
- Diseño editorial.
- Señalética.
- Diseño de carteles.
- Folletos y brochures corporativos.
- Diseño de identidad corporativa.
- Branding.
- Diseño de aplicaciones de identidad corporativa.
- Diseño web.
- Presentaciones corporativas en PowerPoint.
- Infografías, imágenes virtuales en 3 dimensiones.
- Diseño multimedia, presentaciones en CD, interactivos, juegos y animaciones.
- Videos corporativos.

En el campo del diseño gráfico las áreas de aplicación son numerosas y transversales, a veces muchas de ellas se solapan y es difícil saber donde acaba una y donde empieza otra, hay que contar con un gran equipo multidisciplinar muy preparado en áreas diferentes.

Concebimos el diseño gráfico desde una perspectiva global, todo se puede diseñar y un buen diseño se puede y se debe aplicar casi a cualquier elemento mediante un controlado y reflexivo estudio y análisis, no todo vale y las aplicaciones de imagen que están en manos de profesionales marcan la diferencia y destacan con claridad sobre el resto.

Sería deseable que el diseño gráfico se dejara en manos de expertos y profesionales como sucede en la mayoría de profesiones pero sin embargo es un sector que se presta demasiado al intrusismo, muchas veces personas sin la preparación adecuada intervienen en el diseño de productos con resultados lamentables tanto desde el punto de vista estético como por entrar en conflicto con derechos de la propiedad intelectual, etc.

A veces nos preguntamos porqué las marcas más innovadoras están siempre por delante de la competencia y ofrecen constantemente productos y servicios de vanguardia captando nuevos consumidores o usuarios, por definición, son innovadores los que abordan la realidad desde la ruptura con lo habitual, el diseño gráfico es una herramienta que nos sirve para romper la inercia de lo normal y conseguir un resultado innovador aplicado en distintos tipos de soportes, productos y servicios. A través del diseño conseguimos la exclusividad y la innovación.

Es conocido que el diseño gráfico es un medio a través del cuál las empresas pueden innovar y transformar su modelo de negocio y es mejor la innovación que procede de recursos o equipos externos que la que se genera desde los propios recursos de la empresa. La mejor estrategia es la innovación "desde fuera" mediante la relación con socios estratégicos o proveedores de conocimiento. Si buscamos una innovación profunda en nuestra empresa es aconsejable la subcontratación de un equipo especialista en la generación de nuevos modelos de negocio pues tienen una base de conocimiento y experiencia en la materia que nosotros todavía no podemos alcanzar, es necesaria una visión multidisciplinar y transversal que observe a nuestra empresa desde otra perspectiva diferente a la habitual y es mucho mejor que nos aporten valor desde el exterior.

En nuestro estudio de diseño gráfico LN podemos colaborar en los procesos de innovación que tengan relación con el diseño gráfico de tu empresa.

Hoy en día el diseño es reconocido como un elemento imprescindible capaz de aportar innovación, conocimiento y competitividad a cualquier organización o empresa en su transformación hacia una economía sostenible.

En nuestro estudio de diseño LN estamos comprometidos con el cuidado del planeta y con conseguir un mundo mejor, por eso intentamos desarrollar proyectos de diseño, sostenibles, justos, solidarios, ecológicos y comprometidos. Hemos realizado proyectos de manera altruista total o parcialmente para varias organizaciones y fundaciones comprometidas con la ayuda al desarrollo, la protección de la infancia y la cultura.

Somos conscientes del papel que tiene el diseño como herramienta social, favorecedora de la organización de la sociedad y de las personas y como herramienta de difusión de cultura, educación y comunicación, también somos conscientes del poder de la imagen y del diseño gráfico como medio de sensibilización y de movilización de la sociedad. Promovemos un diseño responsable, inteligente, estable y llamativo que contribuya a mejorar la sociedad. Queremos aportar nuestro granito de arena y colaborar a mejorar el mundo a través del diseño gráfico, no es que ahora sea malo pero seguro que puede ser mucho mejor.

El trabajo del diseñador gráfico consiste en alcanzar el equilibrio entre la creatividad, la estética y la ética, por medio de la creatividad encontramos nuevos caminos y soluciones que funcionan pero siempre innovando, llegamos a resultados visualmente atractivos nunca antes vistos y que al mismo tiempo no deben significar manipulación o utilización de caminos alejados del servicio a los demás y de la responsabilidad que tenemos como ciudadanos.

En los trabajos de diseño gráfico que realizamos en nuestro estudio de diseño, aplicamos nuestra visión acerca de la comunicación, por medio de conceptos, iconos, símbolos y otros elementos graficos representamos los mensajes que necesitan transmitir las marcas para las cuales trabajamos.

Diseño de anuncio Allfunds Bank para revista financiera

Diseño de campaña de marketing verduRicas de Findus

Diseño de imagen corporativa, carteles publicitarios Ginmo

Diseño de Informe "Carbon Pricing" para el programa "Cluster de Cambio Climático de Forética

Diseño de Infografías para Informe Modelo español de RSE (Responsabilidad Social Empresarial)

Diseño gráfico, imagen corporativa consultoría Grafton Corporate Development

Diseño gráfico, catálogo Graditel Solar 2017

Diseño de página interior del brochure corporativo IKM Innovaciones Químicas

Proyecto de diseño gráfico e ilustración Inclusion Calvià. Diseño de campaña de divulgación, prevención VIH e ITS. Médicos del Mundo

Diseño de identidad corporativa White Room Studio

Diseño y maquetación de la guía "Vivir en Madrid - guía del Expatriado" para Madrid Emprende

Diseño de flyers de publicidad

Diseño de folleto díptico para TRANSLIMP

Diseño de flyer para TRANSLIMP

Diseño tríptico CSR Academy

Diseño leggings Skal Center

Diseño y desarrollo de marca Kirool, consultoría de Branding

Visita nuestra galería de trabajos de diseño gráfico, diseño de brochures corporativos, diseño de catálogos, diseño de folletos, trípticos, memorias de empresa, etc. en la plataforma de lectura de documentos Issuu:

¿Necesitas imágenes para tus proyectos de diseño gráfico?

Somos partners de Shutterstock y podemos ayudarte y asesorarte en la selección de recursos de diseño gráfico, si lo prefieres también puedes comprar las imágenes por ti mismo desde esta aplicación o desde el anuncio que encontrarás a continuación que te llevará directamente a la página de inicio de Shutterstock:

Evento referente internacional sobre Diseño gráfico, arte y creatividad en general que se celebra en Barcelona. La próxima edición del 2020 se celebrará los días 23, 24 y 25 de abril.
https://offf.barcelona

Desde hace varios años se lleva celebrando en Berlin este "playground for collaborative creation" en el que se da cita lo mejor del "character design" y la "animation".

https://conference.pictoplasma.com

Cultura digital. Nuevas tecnologías. Comunicación. 8 ª edición: Del 7 al 10 de mayo de 2020 Marketing. Creatividad. Contenidos. Comunicación. Multimedia. Branding. SocialMedia. Diseño. Creatividad. Networking...
https://formentera20.com/

36 days of type es un proyecto en el que se invita a Diseñadores gráficos, ilustradores y artistas gráficos en general a expresar su particular visión de las letras y números del alfabeto, el reto es que los Diseñadores tienen que diseñoar una letra o un número cada día.
www.36daysoftype.com

Web & Graphic Design Conference, may 4 -7 2020 | Boston, an event for creative professionals celebrates the 30th edition.
www.howdesignlive.com

Blanc Festival nació en el año 2009 y celebra este año 2020 su edición número 12, el 22, 23 y 24 de octubre en el Museu del Disseny de Barcelona. Un evento de tres días de duración, con conferencias y masterclasses nacionales e internacionales por el que han pasado ya numerosos nombres reconocidos. Recientemente ha ampliado sus sedes y se celebra otro evento en Madrid https://www.blanc-madrid.com y en Bilbao https://blanc-bilbao.com. https://blancfestival.com

Dentro del mes de la creación gráfica tiene lugar en Madrid el Brief Festival en el que se celebran talleres, exposiciones, circuitos y conferencias en las que profesionales y organizaciones relacionadas con el Diseño gráfico y la creatividad nos explican sus trabajos y proyectos, imprescindible cita para aprender directamente de la mano de los mejores creadores, comunicadores y programadores del planeta.
www.brieffestival.com

# data[].attributes.attachment_link.title
Diseño gráfico, estudio de diseño gráfico en Madrid, agencia de diseño gráfico, empresa diseño gráfico | LN

# data[].attributes.attachment_link.description
LN es un estudio de diseño gráfico de Madrid en España. Somos una empresa de diseño gráfico y una agencia de diseño gráfico y en nuestro estudio de diseño gráfico de Madrid creamos folletos de diseño, catálogos de empresas y todo tipo de productos y elementos de comunicación a los que aportamos valor por medio del diseño y este valor de nuestros diseños se traslada a tu empresa y tus clientes lo perciben.

# data[].attributes.headline
Tips de mejoras de herramientas de diseño

# data[].attributes.subject
Tips de mejoras de herramientas de diseño

# data[].attributes.body
Esta plataforma te da bastantes herramientas que puedes utilizar para mejorar el diseño de tu presencia online.

# data[].attributes.attachment_link.provider_name
Marketing 4 Ecommerce - Tu revista de marketing online para e-commerce

# data[].attributes.attachment_link.readable_text
El diseño es fundamental en cualquier estrategia digital. Nos encontramos en una era digital donde los estímulos visuales marcan la diferencia a la hora de que el usuario tome una decisión. Es necesario que ante una buena idea haya elementos creativos que nos diferencien de la competencia y atraigan a nuestra audiencia para cumplir los objetivos planteados. Y para ello es necesario que cuentes con las mejores herramientas de diseño.

Es importante que tu marca tenga un diseño propio que la identifique y que todo lo que se publique tenga una forma visual característica para que se reconozca la marca a simple vista. Esto se conseguirá con el diseño de un logotipo, con los colores corporativos y cuidando el diseño de los contenidos que se publican en nombre de la marca.

A continuación te mostraremos una recopilación de herramientas de diseño que te ayudarán en tu estrategia de marketing digital tengas o no conocimientos en esta disciplina.

+30 herramientas de diseño para destacar en tu estrategia de marketing digital

En este artículo te mostraremos las herramientas de diseño actuales que debes conocer para mejorar tu estrategia de marketing digital y describiremos brevemente sus funcionalidades para que seas un experto. ¿Preparado?

Las 40 mejores herramientas para Instagram (que deberías empezar a usar ya)

Nuestra primera herramienta de diseño, Adobe Color es una plataforma muy útil para definir colores y tonalidades de tu marca. Con esta herramienta gratuita podrás ver miles de combinaciones según reglas cromáticas realizadas por profesionales del sector y definir las tuyas propias.

Entre los programas informáticos de creación y edición digital de imágenes, los más populares en el mundo del diseño gráfico y la publicidad son Photoshop e Illustrator, dos herramientas de diseño imprescindibles, propiedad de la compañía estadounidense Adobe. Photoshop se utiliza para trabajar con imágenes, mientras que Illustrator está más encaminado al dibujo o la ilustración (uno trabaja con píxeles, el otro con vectores gráficos). Para contenidos audiovisuales lo último es After Effects, también de Adobe.

¿Cuál es su handicap principal? Que los tres softwares son de pago. Por lo que si no tienes medios para hacerte con estos programas ni eres un diseñador gráfico profesional, existen otras vías para crear contenidos multimedia que pueden serte útiles en tu estrategia online, y que te dejamos a continuación.

Es una herramienta de Adobe, que te permite crear fácilmente gráficos, páginas web y vídeos cortos para redes sociales. Con la suscripción a esta aplicación móvil dispondrás de plantillas de alta calidad, para poder combinar con tus fotografías, y a Adobe Fonts, pudiendo añadir el texto que consideres a tus creaciones.

Podrás acceder a esta aplicación con una suscripción independiente o con un plan de Adobe Creative Cloud.

Bancos de imágenes

Una herramienta muy importante para la creación de nuestros contenidos gráficos, son los bancos de imágenes, a través de los que podemos extraer fotografías con un mínimo de calidad. Si nos centramos en algunos bancos de imágenes gratuitos nos salen nombres como , Pexels Unsplash, Pixabay, Morguefile , Flickr o Free Images .

Evidentemente, también hay bancos de imágenes de pago: DepositPhotos o Shutterstock son dos de los más populares en todo el mundo.

Canva es una de las herramientas de diseño preferidas por usuarios que no son diseñadores profesionales, ya que gracias a su fácil manejo y versatilidad es de las soluciones más económicas (es un programa gratuito) para crear contenidos gráficos. Podría definirse algo así como un Photoshop online y optimizado, a través del que podrás crear carteles rápidamente.

Es una herramienta de diseño en línea con una interfaz bastante simple e intuitiva. Es ideal para realizar creaciones profesionales sin poseer habilidades de diseño.

En Crello encontrarás gran variedad de formatos y plantillas editables para crear animaciones y gráficos para redes sociales y web.

A la hora de crear carteles, imágenes con slogans o similares, es bueno tener una serie de fuentes tipográficas que se adecúen a nuestros mensajes en cada momento. En Dafont podemos encontrar una serie de ellas, todas de descarga gratuita.

También Font River nos permite descargar tipografías de distinto tipo. Y no podemos olvidarnos deSocialico , la fuente tipográfica que te permite tener los iconos sociales a mano.

Designrr es una plataforma que te permite transformar las publicaciones de tu blog, podcasts, videos y archivos PDF en ebook, es decir, libros electrónicos. Requiere una suscripción mensual desde 29 dólares mensuales. El proceso de creación de tu ebook incluirá:

Importar el contenido desde blogs, webs, redes sociales, audio o video.

Revisar el contenido que se genera en un borrador.

Elegir una plantilla y editarla a tu gusto.

Personalizar y finalizar el diseño añadiendo imágenes adicionales, portada y numeración.

Publicar el libro electrónico y descargarlo en tu dispositivo.

Desygner es una aplicación de diseño muy simple, intuitiva y gratuita. En la línea de Canva, esta herramienta te ayudará a personalizar multitud de plantillas y recursos gratuitos libres de derechos. También cuenta con una versión premium (de pago) que incluirá opciones como: la programación de publicaciones en redes sociales o la posibilidad de editar archivos PDF.

Es una herramienta muy útil para crear infografías sin necesidad de tener amplios conocimientos. En su versión gratuita, Easel.ly te ofrece un número limitado de imágenes que podrás usar para tus trabajos gráficos. También tiene una versión de pago con acceso a más de 1.000 imágenes y plantillas.

Es una herramienta de diseño online que cuenta con multitud de plantillas y recursos con las que podrás realizar multitud de diseños para las redes sociales de tu marca: carteles, papelería, currículums, logotipos, portadas...

Figma es otro programa de diseño en línea que tiene una peculiaridad: te permite colaborar con tus compañeros en la realización de esa creatividad que tenéis en mente. Figma vive en la nube así que olvídate de la necesidad de crear incontables archivos finales.

En el canal de youtube de Figma encontrarás multitud de tutoriales para manejar perfectamente la plataforma.

Además de bancos de imágenes, también hay en la red bancos de vectores si lo que necesitamos es acompañar nuestras imágenes o infografías con pequeños dibujos. Quizás una de las más conocidas, y gratuita es Freepik. También Pixabay ofrece algunos vectores interesantes, e Iconfinder te permite descargar iconos de todo tipo de forma también gratuita.

Genially es una herramienta, muy sencilla de usar, con la que podrás diseñar recursos interactivos como: presentaciones, infografías, dossiers, video-presentaciones, juegos, mapas, CVs, etc.

Esta plataforma cuenta con una versión gratuita, que te ofrece parte de sus plantillas y herramientas aunque sin poder descargar ni eliminar el logotipo de Genial.ly, y diversas versiones de pago que pueden ajustarse a tus necesidades.

Es un programa de retoque, composición y edición de imágenes en mapa de bits, tanto dibujos como fotografías. Es conocido como la versión gratuita de Photoshop por la similitud de prestaciones y herramientas del programa.

Es una aplicación gratuita y multiplataforma con la que podrás realizar: ilustración vectorial, diseño web y edición de fotografías, además cuenta con una versión online. Es una herramienta muy sencilla, intuitiva y flexible que se adapta a tus necesidades.

Se trata de una base de tipografías gratuitas en la que podrás encontrar fuentes de cualquier estilo para crear tu marca y su material corporativo: manual de estilo, papelería, página web y todo lo necesario para identificarla.

Infogr.am es una potente herramienta online que te permite crear diseños, importar datos y generar gráficos para tu propia infografía.

Las infografías son elementos visuales muy potentes a la hora de mostrar información, si no posees conocimientos de diseño gráfico instrumentos como Infogr.am pueden ayudarte a crear dichas publicaciones.

Inkscape es un editor libre de gráficos vectoriales multiplataforma. Con esta herramienta podrás crear y editar gráficos, iconos, logotipos e ilustraciones complejas.

Te será útil tanto si eres un profesional como si eres aficionado. El programa contiene las herramientas típicas de un programa de este tipo, así como la posibilidad de trabajar con capas.

No podemos olvidarnos de una parte muy importante de nuestra estrategia online: el e-mailing. Si no tienes los conocimientos adecuados de programación no temas, Mailchimp te permite crear, enviar y monitorizar los mails que envías a un grupo de usuarios concretos. Contiene distintas plantillas predeterminadas que puedes transformar a tu gusto y necesidades.

Una forma sencilla de crear imágenes para nuestras redes sociales es Notegraphy. Se trata de una aplicación sencilla y gratuita disponible para web y dispositivos móviles. Eliges un estilo, colocas tu frase o tu texto y en pocos pasos tienes tu imagen creada.

Pues sí. Aunque es el gran olvidado, lo cierto es que aún hay gente que utiliza el familiar Paint para realizar cosas... serias. Bueno, o tendencias minimal, o darle a sus diseños cierto aire pueril 😉

Además de la aplicación gratuita descargable ahora cuenta con un servicio en línea de la herramienta.

Si lo que necesitas es un editor de fotografías online: Phixr es una buena opción. Lo único que debes hacer es subir la imagen que quieras editar, posteriormente contarás con multitud de herramientas para conseguir el resultado buscado: recortar, conversión a blanco y negro, reducción de ruido, control de nitidez, combinación con otras imágenes, añadir textos y filtros, etc.

Aunque está más enfocado a la edición de imagen fotográfica, PicMonkey también te permite crear con colores y tipografía. Aunque la mayoría de sus herramientas son gratuitas, para utilizar algunos filtros debes crear una cuenta previamente.

¡Otra herramienta de diseño gráfico online! Con esta plataforma podrás crear informes, presentaciones, infografías y gráficos para redes sociales. Te ofrece plantillas predefinidas a las que puedes agregar y editar texto y contenidos multimedia.

Su versión gratuita es limitada pero muy útil si empiezas desde cero con la creatividad. La versión de pago es cara, pero te da acceso a todos las plantillas, recursos y herramientas.

Placeit es la herramienta que necesitas si estás buscando un generador de diseños en línea asequible. Esta herramienta te permitirá diseñar todos los materiales que necesita tu marca directamente desde tu navegador. Contiene mockups, logotipos, vídeos y maquetas de alta calidad que podrás personalizar en línea y descargar justo después.

Es un servicio de pago cuya suscripción puede ser mensual o anual.

Al igual que Canva, Snappa es una buena alternativa si lo tuyo no es el diseño gráfico. Es una de las herramientas gratuitas más completas que hay por gran variedad de imágenes, plantillas editables e iconos que ofrece.

Además de las bibliotecas de imágenes y fuentes tipográficas también existen los bancos de iconos, elementos que sirven como apoyo visual en el diseño de páginas web, publicaciones para redes sociales, presentaciones o infografías.

En un banco de iconos podrás encontrar los símbolos que necesitas buscándolos por palabras clave. Algunos de los más conocidos son: T henounproject, flaticon o iconfinder.

¿Estás empezando en esto del diseño y buscas una herramienta gratuita para principiantes? Vectr es ideal si estás empezando a trabajar con gráficos vectoriales. Es muy fácil e intuitiva, todas las herramientas que incluye esta programa multiplataforma están centradas en crear diseños atractivos para que puedas convertirte en un profesional en esta disciplina.

Crea infografías, presentaciones y gráficas atractivas en Visme, uno de los programas de diseño en línea más de moda. Es una herramienta gratuita aunque alguno de los mejores diseños y plantillas solo están disponibles en la versión premium.

Después de ver todas estas opciones, debes saber cuáles son tus necesidades y quedarte con las herramientas que te puedan ayudar a mejorar la comunicación de tu marca. ¿Se te ocurre alguna otra plataforma que no hayamos mencionado? No dudes en compartirla con nosotros. 😉🤗

Mantente informado de las noticias más relevantes en nuestro canal de Telegram

# data[].attributes.attachment_link.title
Las 30 mejores herramientas de diseño para potenciar tu presencia online - Marketing 4 Ecommerce - Tu revista de marketing online para e-commerce

# data[].attributes.attachment_link.description
El diseño es fundamental en cualquier estrategia digital. Nos encontramos en una era digital donde los estímulos visuales marcan la diferencia a la hora de que el usuario tome una decisión. Es necesario que ante una buena idea haya elementos creativos que nos diferencien de la competencia y atraigan a nuestra audiencia para cumplir los objetivos planteados.

# data[].attributes.body
En los equipos de desarrollo de juegos, el diseñador gráfico ocupa un rubro que en la industria se denomina «Arte 2D», que comprende todo el trabajo visual que sea en dos dimensiones.
Diego Ocaña.

# data[].attributes.attachment_link.readable_text
Hay una industria naciente que ha ido creciendo rápidamente en nuestro país, que es el desarrollo de videojuegos. Es una actividad multidisciplinaria, que involucra profesionales de la programación, el diseño gráfico, la animación, el sonido, la música, la actuación, etcétera.
En particular voy a referirme al papel que juega el diseñador gráfico dentro de esta lista de profesionales que se involucran en este hermoso proceso de construir un videojuego.

El diseñador gráfico puede resolver muchos aspectos del producto: la marca gráfica del juego, el packaging, en el caso de que se venda como producto físico, el árbol de navegación, el sistema de uso de la interfaz y el material de promoción (afiches, pósters, avisos publicitarios, etc.).
En los equipos de desarrollo de juegos, el diseñador gráfico ocupa un rubro que en la industria se denomina "Arte 2D", que comprende todo el trabajo visual que sea en dos dimensiones. Comparte este rubro con el ilustrador. Pero también puede ocupar el rol de director de arte, cargo en el que es responsable de consensuar un estilo visual y mantenerlo coherente a través de todo el proyecto, teniendo en cuenta las características del juego, el género al que, el mercado al cual está dirigido y principalmente el contenido.

Todas estas aportaciones que brinda el diseño de videojuegos requerirán varias aptitudes del diseñador gráfico ya que existen varios "problemas" a resolver en esta industria.

Así pues queda demostrada la importancia que puede tener un diseñador gráfico a la hora de trabajar en el mundo de los videojuegos.

# data[].attributes.attachment_link.title
Diseño gráfico y la industria de los videojuegos - Agencia CHAN!

# data[].attributes.attachment_link.description
Hay una industria naciente que ha ido creciendo rápidamente en nuestro país, que es el desarrollo de videojuegos. Es una actividad multidisciplinaria, que involucra profesionales de la programación, el diseño gráfico, la animación, el sonido, la música, la actuación, etcétera. En particular voy a referirme al papel que juega el diseñador gráfico dentro de esta...

# data[].attributes.body
ESTILOS Y GÉNEROS
En esta web se explica los estilos y los géneros que se emplean en la fotografía y me parece muy interesante.

# data[].attributes.attachment_link.readable_text
Published on

1. 1. FOTOGRAFÍA ESTILOS Y GENEROS.

2. 2. ESTILOS FOTOGRÁFICOS <ul><li>El fotógrafo se expresa mediante la fotografía, y su obra reflejará, posiblemente sus ideas y pensamientos, es decir, su actitud ante lo que observa y capta con cámara. </li></ul><ul><li>Fotografía realista </li></ul><ul><li>fotografía creativa. </li></ul>

3. 3. La fotografía realista <ul><li>Se da cuando el fotógrafo plasma lo que ve en forma objetiva. Dentro de la fotografía realista es importante la fotografía documento , que encontramos a diario en la prensa, transmitiendo las noticias visualmente </li></ul>

4. 5. La fotografía creativa. <ul><li>Se da cuando el fotógrafo se expresa con toda libertad artística, libre de convencionalismos, abierto a otros aspectos estéticos y a la posibilidad de manipulaciones técnicas. </li></ul>

5. 8. Los géneros fotográficos. <ul><li>La fotografía de igual manera que el cine y la televisión, se especializa en una serie de campos determinados que podríamos resumir en tres: </li></ul><ul><li>la fotografía científica </li></ul><ul><li>la fotografía publicitaria </li></ul><ul><li>la fotografía periodística. </li></ul>

6. 9. Fotografía científica. <ul><li>La fotografía se ha convertido en una herramienta de trabajo muy valiosa para la ciencia, puesto que permite captar imágenes que el ojo humano no puede percibir, desde las imágenes microscópicas de microorganismos, hasta las macroimágenes tomadas desde satélites pasando por la fotografía naturista y subacuática. </li></ul>

7. 11. Fotografía publicitaria. <ul><li>La fotografía publicitaria ocupa un amplio campo de aplicación, se cuida todos los detalles, la iluminación, los colores, la puesta en escena, todo adaptado a la idea del publicista. </li></ul>

8. 13. Fotografía periodística. <ul><li>Es un elemento de apoyo para la noticia o artículo. </li></ul><ul><li>El fotógrafo debe captar la actualidad y tener una imagen disponible al cierre de la edición. </li></ul><ul><li>Fotografía reportaje. </li></ul>

9. 15. Fotografía artística. <ul><li>El fotógrafo crea mensajes estéticos, que muchas veces, están llenos de intencionalidad y nos sugieren todo tipo de ideas. </li></ul><ul><li>Critica y denuncia social. </li></ul><ul><li>Estética </li></ul>

10. 18. Trabajo práctico (visión personal) <ul><li>Realizar un álbum fotográfico con imágenes que ejemplifiquen los estilos y géneros. </li></ul><ul><li>Trabajo individual y de visión personal. </li></ul><ul><li>Dos ejemplos por estilos y géneros. </li></ul><ul><li>Soporte: álbum tradicional. </li></ul><ul><li>Materiales: cartulinas, papeles, tijeras, pegamento, revistas, diarios, fotografías etc. </li></ul><ul><li>Debe presentar: portada, identificando el tema, e introducción; cada ejemplo debe ir acompañado de una breve descripción de la imagen y el por que de su elección. </li></ul>

11. 19. Análisis de una imagen (general) <ul><li>ANALISIS PLÁSTICO </li></ul><ul><li>Forma </li></ul><ul><li>Composición </li></ul><ul><li>Colores </li></ul><ul><li>Textura. </li></ul><ul><li>Descripción del CONTEXTO, lugar y situación del medio de la imagen. </li></ul><ul><li>DESCRIPCIÓN de la imagen misma. </li></ul><ul><li>EL ENCUADRE </li></ul><ul><li>ANGULO DE TOMA (y técnica fotográfica) </li></ul>

12. 20. D. Lang "Migrant Mother" La "Madre migrante" es una de las fotos más conocidas del s. XX. Representa una época (la de la Depresión en Estados Unidos) y, también, representa la apertura de una nueva era en el reportaje fotográfico de carácter social. El éxito de la foto tiene que ver con su contexto histórico y su utilización, pero, también, con su indudable calidad artística. En cuanto a composición y contenido, la imagen es paralela a la de las Vírgenes renacentista; sólo que ahora la Virgen es sustituida por una madre sufriente con tres niños. Estilo : realista documental

# data[].attributes.attachment_link.description
Published on 1. FOTOGRAFÍA ESTILOS Y GENEROS. 2. ESTILOS FOTOGRÁFICOS El fotógrafo se expresa mediante la fotografía, y su obra reflejará, posiblemente sus ideas y pensamientos, es decir, su actitud ante lo que observa y capta con cámara. Fotografía realista fotografía creativa. 3.

# data[].attributes.body
Artículo tal y tal

# data[].attributes.body
ESTEREOTIPOS DE LA PUBLICIDAD
en esta web explican como los anuncios relacionan a las personas con objetos por ejemplo a la mujer la relacionan con las tareas de la casa,...

# data[].attributes.body
Es un tipo de periodismo que busca transmitir, comunicar y representar acontecimientos y noticias a través de imágenes y fotografías. Así, los reporteros o profesionales que se dedican a este ámbito del periodismo fotográfico son fotoperiodistas o periodistas gráficos.
Raúl Parra Hernández

# data[].attributes.attachment_link.readable_text
Si has llegado hasta nuestro post es que estás buscando un poco de información sobre qué es fotoperiodismo. ¡Genial! Quédate con nosotros, hoy te hablamos sobre esta rama de la comunicación y el periodismo y te damos sus 5 principales claves para que puedas entenderlo a la perfección. Además, recuerda que en nuestro centro podrás formarte en este sector con el Máster en Periodismo Fotográfico .

Qué es fotoperiodismo

¿Qué es fotoperiodismo? Es un tipo de periodismo que busca transmitir, comunicar y representar acontecimientos y noticias a través de imágenes y fotografías. Así, los reporteros o profesionales que se dedican a este ámbito del periodismo fotográfico son fotoperiodistas o periodistas gráficos.

Este ámbito, aunque pueda parecer poco importante es justamente uno de los sectores más importantes del periodismo actual. Y es que, hoy en día, vivimos en una era de cultura visual. Las fotografías están presentes en todos los lugares: carteles, publicidad, redes sociales, televisión. ¿Qué haríamos hoy en día si una noticia no estuviera acompañada de una foto? Seguramente, no le prestaríamos la misma atención.

Las claves del fotoperiodismo

Así como una buena entrevista periodística precisa de una preparación claves para su éxito, cuando hablamos de qué es fotoperiodismo, también hablamos de algunos puntos sin los que no podría existir. Veamos a continuación cuáles son los aspectos clave para entender el periodismo fotográfico.

1-. Una noticia, muchas imágenes

En el fotoperiodismo, la objetividad es prácticamente imposible. Y es que si te sigues preguntando qué es el fotoperiodismo, podríamos decir que es la manera de explicar las noticias del fotoreportero a través de su cámara. Podemos encontrar muchas fotos de un mismo acontecimiento, pero todas seguirán hablando del mismo.

2-. Géneros o propósitos del fotoperiodismo

Tal como ocurre fuera del periodismo fotográfico, en el fotoperiodismo también podemos encontrar géneros o, mejor dicho, propósitos. A través de las fotografías podemos canalizar la información que queremos transmitir. Por ejemplo, podemos enfocar solo la noticia o el acontecimiento en sí o incluir a los transeúntes que miraban la escena.

3-. La edición

En el mundo del fotoperiodismo, cuando hablamos de edición de fotografías hablamos sobre el color, el enfoque, el encuadre... Son características de las imágenes que pueden transformar completamente el mensaje final de la imagen.

4-. Ética y compañerismo

En el ámbito del fotoperiodismo, junto a la era de la información instantánea, la competencia puede resultar salvaje. Quien consigue la primera imagen de un acontecimiento, suele copar la mitad de los medios de comunicación. Sin embargo, el reportero gráfico debe basar su trabajo en la ética profesional y en el compañerismo. Gracias a estos dos factores, si alguna vez nos falta algo o nos falla el equipo fotográfico, podremos tener manos amigas.

5-. La técnica, básica

Aunque podemos disponer de los programas de edición fotográfica, la técnica de fotografía es básica para obtener un buen trabajo fotoperiodístico. Por ello, estaremos atentos a los factores que pueden influenciar en el resultado de una imagen: luz, encuadre, enfoque...

# data[].attributes.attachment_link.title
Qué es fotoperiodismo: claves para entenderlo - IE Periodismo

# data[].attributes.attachment_link.description
Si has llegado hasta nuestro post es que estás buscando un poco de información sobre qué es fotoperiodismo. ¡Genial! Quédate con nosotros, hoy te hablamos sobre esta rama de la comunicación y el periodismo y te damos sus 5 principales claves para que puedas entenderlo a la perfección.

# data[].attributes.attachment_link.readable_text
Un patrón de diseño web es una forma determinada de distribuir los elementos visuales de una página web y optimizar la relación entre ellos. Aunque los elementos se pueden distribuir como uno quiera, seguir un patrón de diseño web ayuda a transmitir mejor el mensaje de la página web y a mejorar su usabilidad.

Por decirlo llanamente, un buen patrón de diseño web puede ayudar a que el usuario preste atención primero a lo más importante de una página web y luego a otras secciones por orden de importancia.

Cómo elegir un patrón de diseño web

Cuando se acerca el momento de elegir el patrón del diseño de una página web, existen dos factores que hay que tener en cuenta:

Ajustar tu contenido: el diseño web de una página debe apoyar el mensaje que deseas transmitir. Algunos patrones son mejores para mostrar productos, mientras que otros son preferibles para transmitir información rápida y eficazmente (un blog o un portal de noticias). El patrón de diseño web que elijas debe ajustarse a tu tipo de contenido.

Usar patrones estándar: aunque admiten cierta creatividad, estos patrones de diseño web son generalmente la mejor opción porque han demostrado una y mil veces que funcionan. Como son muy comunes, cumplen las expectativas del usuario que ya está acostumbrado a ellos: son más intuitivos y fáciles de usar.

Los 10 mejores patrones de diseño web

1. Diseño web con patrón Z

Una página web con patrón Z se sirve de nuestro hábito de lectura rápida para distribuir la información más importante en forma de Z. El logotipo se suele colocar generalmente en la esquina superior izquierda para que sea lo primero que perciba el usuario. En frente, a la derecha, se suele colocar el menú de navegación junto a un llamado a la acción que destaque.

La diagonal que se extiende a lo ancho de la página, de arriba a abajo, es donde se coloca la información que más nos interesa que capte la atención. Esto se consigue usando imágenes seductoras acompañadas de un breve texto que explique de qué trata la página web.

2. Diseño web con patrón F

Al igual que el patrón Z, este patrón de diseño web se basa en otro tipo de hábito de lectura. En las páginas web con mucho contenido escrito, tendemos a "escanear" el texto siguiendo un patrón de lectura en forma de F. Es decir, la sección superior horizontal de la página recibe gran parte de nuestra atención y, a continuación, dejamos caer nuestra mirada verticalmente hacia la izquierda que se convierte en nuestro punto de referencia.

Si decides usar este patrón de diseño, invierte lo mejor de tus recursos en la sección superior de tu página donde tus visitantes probablemente permanezcan más tiempo. Escribe en esa franja horizontal un contenido que sintetice de forma convincente de qué trata tu página. En la parte superior de la F se suele incluir un encabezado, un subtítulo y una imagen.

La línea vertical de la F del lado izquierdo tiene como propósito apoyar y hacer más atractiva la sección horizontal. Puedes conseguirlo usando todo tipo de imágenes e o con otros elementos como una lista de puntos o numeración.

3. Diseño web con imagen a pantalla completa

Este patrón de diseño web incluye poco texto sobre una imagen que suele ser grande u ocupar toda la pantalla. Colocar un elemento visual como protagonista en la pantalla consigue captar formidablemente la atención de los usuarios y generar una poderosa experiencia visual en la página de inicio. Además, también ayuda a comunicar tu mensaje de forma inmediata y eficaz.

Un apunte: este patrón de diseño web funciona estupendamente en su versión para móviles.

4. Diseño web con pantalla dividida

El diseño con pantalla dividida es una de las principales tendencias en diseño web . Dividiendo verticalmente la pantalla por la mitad se logra un equilibrio simétrico perfecto - un importante . La división en dos partes permite que cada sección exprese dos ideas de forma completamente diferente o una misma idea pero desde un ángulo distinto.

El diseño web de la plantilla que indicamos en este ejemplo presenta una experiencia culinaria mediante una imagen a la izquierda para captar la atención, y mediante texto y a la derecha. El diseño permite que ambas mitades se complementen en lugar de competir entre ellas. Este diseño también funciona bien cuando se le pide al usuario elegir entre dos opciones opuestas como las categorías de 'Hombre' y 'Mujer' de una de moda.

Ideal para: páginas web que ofrecen contenido distinto de forma significativa, o páginas web que combinan contenido visual y escrito a partes iguales. Las tiendas web que segmentan a sus usuarios por sexo o edad también encajan con este patrón de diseño web.

5. Diseño web asimétrico

Al igual que el diseño de pantalla dividida, este diseño web también divide la pantalla en dos partes, solo que difieren en tamaño y densidad de contenido. La asimetría de ambas partes genera tensión visual en la pantalla añadiendo dinamismo a la página. Se trata de un diseño llamativo que sirve de herramienta para generar - y retener - el engagement del usuario.

Gracias a la desigual distribución de la escala, color y anchura de la página, se puede atraer la atención del usuario en algunos elementos antes que en otros. Para lograrlo, basta con darle más protagonismo a ciertos elementos visuales para convertirlos en puntos de atracción.

Ideal para: páginas web que buscan un look innovador y contemporáneo y están interesadas en generar engagement en el usuario. Una página web para negocios o el portafolio de una agencia de diseño son buenos ejemplos.

6. Diseño web de columna única

Este patrón de diseño web presenta todo su contenido en una columna vertical. Es un diseño sencillo y directo (de hecho, es el que usa esta página).

La navegación aquí es fácil de entender, basta con hacer scroll hacia abajo para obtener más información. Sin embargo, en este tipo de diseño hay un consejo sobre que conviene seguir: agregar siempre un botón o un fijo para ayudar al usuario a explorar mejor la página.

Cuando utilices el diseño web de columna única para una página con bastante texto, procura fragmentarlo intercalando imágenes, títulos o subtítulos.

Ideal para: páginas web con contenido de gran formato o páginas que presentan su contenido de forma cronológica. Idóneo tanto para blogs como para los feeds de redes sociales.

El diseño web en bloques combina muchas piezas de contenido en un solo diseño geométrico. Gracias a la hábil distribución de la información en cada bloque, los elementos no se solapan entre ellos, sino que contribuyen a dar uniformidad al look general del diseño. En este patrón, cada bloque conduce a una página interior distinta donde el usuario puede acceder a más información sobre el tema que más le interese.

Al igual que el anterior, el diseño web en mosaico también se sirve de bloques y receptáculos rectangulares para mostrar contenido variado. Este diseño web no es jerárquico, es decir, ningún bloque recibe más protagonismo que otro. Toda la información se trata por igual.

Ideal para: páginas web con mucho contenido. Este patrón de diseño web es idóneo para un vlog o una tienda online.

9. Diseño web estilo revista

Inspirado en la prensa escrita, este patrón de diseño web consiste en distribuir el contenido en varias columnas de estilo periodístico creando una compleja jerarquía visual. Insertando columnas que se pueden modificar individualmente, el diseño web de estilo revista te permite priorizar los principales titulares o encabezados sobre los artículos más pequeños.

Esto se puede conseguir a través del tamaño (las imágenes y los títulos de mayor tamaño son los primeros en captar la atención), la distribución de los elementos (el artículo superior será el primero en leerse), o con el nivel de elaboración del diseño (un artículo acompañado de imágenes atrae más la atención que uno con únicamente texto).

Ideal para: páginas web con mucho contenido como portales de noticias y blogs.

10. Diseño en franjas horizontales

Este patrón de diseño web divide el largo . Cada franja actúa a modo de pantalla completa (o casi) y convierte su contenido en una sorpresa para el usuario cada vez que hace scroll de una página en scroll.

Para diferenciar cada franja de la anterior, procura variar el estilo entre una y otra. Puedes hacerlo usando para cada franja un color distinto de tu , o incluyendo texto en una franja e imágenes en otra. Además, si agregas a cada franja, le dotarás al diseño de un sutil efecto de movimiento y profundidad.

Publicado por equipo Wix

# data[].attributes.attachment_link.title
10 Patrones de diseño web para comunicar tu mensaje con éxito

# data[].attributes.attachment_link.description
Un patrón de diseño web es una forma determinada de distribuir los elementos visuales de una página web y optimizar la relación entre ellos. Aunque los elementos se pueden distribuir como uno quiera, seguir un patrón de diseño web ayuda a transmitir mejor el mensaje de la página web y a mejorar su usabilidad.

# data[].attributes.body
Historia de la contrapublicidad

# data[].attributes.body
Ejemplos ADBUSTERS

# data[].attributes.attachment_link.description
The Détournment of the right sign, in the right place at the right time, could spark a mass reversal of perspective.

# data[].attributes.body
Presentación para crear la vuestra

# data[].attributes.attachment_link.readable_text
, TEACHER at IES Carmen Conde

Published on

Anuncios que critican e ironizan con aquellos cuya estética imitan.

1. 1. ADBUSTERS Contrapublicidad

2. 2. MODA Contrapublicidad

3. 3. Sigue a la manadaGAP: Vacío, hueco

4. 4. Sigue al rebaño

5. 5. Calvin Klein

6. 6. Calvin Klein

7. 7. Calvin Klein

8. 8. Calvin Klein

9. 9. Calvin Klein

10. 10. Moda Los verdaderos colores de Benetton

11. 11. BP: British Petroleum

12. 12. Corres porque quieres un aumento, para ser todo lo que puedes ser, pero no es fácil cuando trabajas sesenta horas a la semana en una fábrica de Indonesia y tus amigos desaparecen cuando piden un aumento. Piensa globalmente antes de decidir si mola tanto vestir NIKE.

13. 13. TABACO Contrapublicidad

14. 14. Tabaco

15. 15. Tabaco

16. 16. Tabaco

17. 17. Tabaco Echo de menos mi pulmón, Bob.

18. 18. Tabaco

19. 19. Tabaco Las autoridades sanitarias advierten que fumar produce hipotermia así como una muerte prematura.

20. 20. ALCOHOL Contrapublicidad

21. 21. Alcohol

22. 22. Alcohol Hangover: Resaca

23. 23. Alcohol AA: Alcohólicos Anónimos

24. 24. Alcohol

25. 25. Alcohol

26. 26. ALIMENTACION Contrapublicidad

27. 27. Alimentacion Grasa

28. 28. Alimentacion

29. 29. Alimentacion Come rápido, muere joven

30. 30. Alimentacion

31. 31. Alimentacion Hay un poco de Mc Donald´s en todos

32. 32. Alimentacion

33. 33. Alimentacion

34. 34. MEDIO AMBIENTE Contrapublicidad

35. 35. Medioambiente Menos coches, más mundo. Se buscan ríos. (DRIVERS: conductores, RIVERS: ríos)

36. 36. Medioambiente Si contaminaste el aire durante los 80, aquí está tu oportunidad de redimirte. Se buscan ciclistas.

37. 37. Medioambiente ¿Qué ha sido esa sacudida (golpe)?

Recommended

# data[].attributes.attachment_link.description
TEACHER at IES Carmen Conde Published on Anuncios que critican e ironizan con aquellos cuya estética imitan. 1. ADBUSTERS Contrapublicidad 2. MODA Contrapublicidad 3. Sigue a la manadaGAP: Vacío, hueco 4. Sigue al rebaño 5. Calvin Klein 6. Calvin Klein 7. Calvin Klein 8. Calvin Klein 9. Calvin Klein 10.

# data[].attributes.body
Esta pagina sirve para eliminar el fondo y dejarlo en png de cualquier foto
Naiara Cano

# data[].attributes.attachment_link.readable_text
Remove Image Background 100% Automatically and Free

Remove backgrounds 100% automatically in 5 seconds with one click

Thanks to remove.bg's clever AI, you can slash editing time - and have more fun!

No matter if you want to make a background transparent (PNG), add a white background to a photo, extract or isolate the subject, or get the cutout of a photo - you can do all this and more with remove.bg, the AI background remover for professionals.

Integrates with your Software Workflow

We've built tools and plugins for some of the most popular design programs, eCommerce sites and computer environments. To bring more digital efficiency to your own workflow, use our API!

All Plugins & Downloads API Documentation
Ramp up the creativity - and efficiency!

Whether you want to make a mind-blowing greetings card for your bestie or to power through thousands of car photos in next to no time, remove.bg makes it happen.

{:class=>"text-typo w-9 h-9"}Magic Brush {:class=>"text-typo w-9 h-9"}for Individuals {:class=>"text-typo w-9 h-9"}for Photographers for Marketing {:class=>"text-typo w-9 h-9"}for Developers {:class=>"text-typo w-9 h-9"}for Ecommerce {:class=>"text-typo w-9 h-9"}for Media {:class=>"text-typo w-9 h-9"}for Car Dealerships {:class=>"text-typo w-9 h-9"}for Enterprise

Jun 28, 2024
The Future of Photography: Embracing AI for Professional Success
Jun 20, 2024
More Realistic Images with the New AI Shadow Feature
Jun 14, 2024
How to Remove the Background from your Signature

Learn more

Magic Brush

Individuals

Photographers

Marketing

Developers

Ecommerce

Media

Car Dealerships

Enterprise

Success stories

Tools & API

API Documentation

Integrations, tools & apps

Photoshop Extension

Windows / Mac / Linux

Android App

Design Templates

Support

Help & FAQs

Contact us

Refunds

Platform Status

Company

Blog

Affiliate Program

Create automatic designs

Video Background Removal

Careers

About us

Press

© remove.bg, a Canva Austria GmbH brand

Terms of Service

General Terms and Conditions

Privacy Policy

Cookie Policy

Imprint

Thanks for your feedback!

Want to help us improve? (optional)

Contribute this image & help us make remove.bg better

Teach the Artificial Intelligence

Get better results for similar images in the future

Yes, contribute image

Choose if you want us to use this image for quality improvements.

No, don't contribute

Choose if you do NOT want us to use this image for quality improvements.

Your image will be used for future improvements of remove.bg.

Close

Your image will NOT be used for future improvements of remove.bg.

Close

# data[].attributes.attachment_link.title
Remove Background from Image for Free - remove.bg

# data[].attributes.attachment_link.description
Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.

# data[].attributes.body
Este articulo me parece muy bueno ya que nos habla de los fallos y las ventajas que tiene el fotoperiodismo  y nos lo explica para aprovecharlo lo mejor posible
Aarón García Santos

# data[].attributes.attachment_link.readable_text
La mirada de los fotoperiodistas sigue cumpliendo, en un momento de sobreexposición de imágenes, una labor fundamental: la inclusión en el relato informativo de realidades que, de otra manera, quedarían fuera de nuestra agenda. En este sentido, la elección de temas y enfoques nunca es casual, y responde a un sentido que, en muchas ocasiones, viene acompañado por un espíritu de denuncia y de poner a la luz lo que la gran mayoría preferiría seguir desconociendo.

Esa intencionalidad en la elección de los temas ha estado siempre ahí, desde el nacimiento del fotoperiodismo en la segunda mitad del siglo XIX. Pero, claro, entonces los motivos eran bien distintos. Y si no, basta con fijarse en uno de los primeros grandes fotorreporteros de la historia, Félix (o Felice) Beato (nacido alrededor de 1832, quizá en Venecia o en Corfú, y muerto hacia 1909, quizá en Florencia, aunque de nacionalidad británica), quien, desde muy pronto, comprendió que el enorme interés despertado en Occidente por los lugares más exóticos, especialmente Asia, le abría un mercado que, por entonces, estaba por explotar.

Así, no es extraño que terminara convirtiéndose, además, en uno de los primeros fotógrafos de guerra. En su condición de lo que hoy llamaríamos reportero "empotrado", acompañó a las tropas británicas en la guerra de Crimea y en la represión de la rebelión de la India en 1857. Beato fue todo un innovador: adoptó el panorama (llegó a realizar algunos que empalmaban numerosas instantáneas, hasta alcanzar varios metros de longitud) y buscó el dramatismo y la expresividad hasta límites nunca vistos.

De hecho, se afirma que la primera fotografía en la que se pueden observar cadáveres la habría realizado en 1857, donde inmortalizó las consecuencias del asalto de las tropas británicas en Secundra Bagh (Lukow), donde los espeluznados observadores podían distinguir cómo el suelo aparecía sembrado de esqueletos. Algunos testigos acusaron a Beato de haberlos colocado allí ex profeso para aumentar el dramatismo de la escena. En todo caso, parece que ése se convirtió en un auténtico modus operandi para él, como ocurriría en la Segunda Guerra del Opio, en China (1856-1860): en muchas ocasiones tiraba de sus contactos en el ejército para retrasar la retirada de los cadáveres, como en el caso del asalto a los fuertes de Taku, que documentó paso a paso. Eso sí, siempre eran cadáveres de enemigos, nunca de soldados occidentales. En este caso, el mensaje no buscaba denunciar ninguna injusticia, sino demostrar la profunda superioridad europea, y especialmente británica, frente a los extraños y bárbaros que osaban no estar de acuerdo con subyugarse ante potencias extranjeras.

Sin embargo, su gran éxito empresarial vendría ligado a un registro muy diferente, ajeno a lo bélico. Hacia 1863 se trasladó a Yokohama, en Japón, donde creó con el historietista Charles Wirgman la sociedad Beato & Wirgman, Artists and Photographers. En el país nipón permanecería hasta 1884, y allí logró una libertad de movimiento sin precedentes. A lo largo de todos esos años no sólo retrató las ciudades principales, sino que también logró adentrarse en zonas rurales donde no sólo fue la primera vez que llegaba un fotógrafo sino que, en muchos casos, era directamente el primer occidental que veían sus habitantes.

Su obra, en ocasiones coloreada a mano, es un registro de enorme importancia por cuanto documenta la variada, contradictoria y, en muchos casos, medieval sociedad japonesa, en un momento en el que sus élites se debatían entre mantener las esencias o adoptar determinados aspectos de la cultura occidental. Sus fotos causaron sensación en Europa, y para multiplicar el beneficio, Beato desarrolló una técnica no muy refinada pero sí eficaz que le permitía sacar muchos negativos, mediante la fotografía directa del original (de hecho, es posible ver los alfileres que sujetaban la instantánea en varias de sus imágenes). Sus álbumes alcanzaron precios astronómicos.

El dinero ganado por sus fotografías le convirtió en un auténtico potentado, con diversas inversiones inmobiliarias y empresariales en Yokohama, pero finalmente terminó perdiéndolo todo. Volvió a acompañar a las tropas en Sudán y Birmania y ejerció como profesor en Inglaterra pero, a partir de 1899, se pierde su pista. Sólo se sabe que, en 1907, liquidó su empresa, F. Beato Ltd., y que debió morir poco después. Hoy, sus fotografías transmiten toda la fuerza visual y estética de un momento en el que Occidente quería extenderse por todo el mundo; pero, sobre todo, sus instantáneas japonesas parecen, como trozos de ámbar, encapsular un momento perdido para siempre.

# data[].attributes.attachment_link.title
El horror y la belleza en el fotoperiodismo de Félix Beato

# data[].attributes.attachment_link.description
La mirada de los fotoperiodistas sigue cumpliendo, en un momento de sobreexposición de imágenes, una labor fundamental: la inclusión en el relato informativo de realidades que, de otra manera, quedarían fuera de nuestra agenda.

# data[].attributes.body
Es una herramienta muy parecida a photoshop pero en este caso photopea es completamente gratuito y no hace falta instalarlo en el ordenador

# data[].attributes.attachment_link.description
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!

# data[].attributes.body
Es una página web en la que te puedes descargar gratuitamente fotografías de alta calidad,que puede venir bien para trabajos de edición de fotos

# data[].attributes.body
EDICIÓN DE IMAGEN Software para PC. Licencia Libre

# data[].attributes.attachment_link.readable_text
The Free & Open Source Image Editor

This is the official website of the GNU Image Manipulation Program (GIMP).

GIMP is a cross-platform image editor available for GNU/Linux, macOS, Windows and more operating systems. It is free software, you can change its source code and distribute your changes.

Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.

High Quality Photo Manipulation

GIMP provides the tools needed for high quality image manipulation. From retouching to restoring to creative composites, the only limit is your imagination.

Original Artwork Creation

GIMP gives artists the power and flexibility to transform images into truly unique creations.

Graphic Design Elements

GIMP is used for producing icons, graphical design elements, and art for user interface components and mockups.

Programming Algorithms

GIMP is a high quality framework for scripted image manipulation, with multi-language support such as C, C++, Perl, Python, Scheme, and more!

Key Component in a Desktop Publishing Workflow

GIMP provides top-notch color management features to ensure high-fidelity color reproduction across digital and printed media. It is best used in workflows involving other free software such as Scribus and Inkscape.

Extensibility & Flexibility

GIMP provides extensibility through integration with many programming languages including Scheme, Python, Perl, and more.

The result is a high level of customization as demonstrated by the large number of scripts and plug-ins created by the community.

High Quality Photo Manipulation background image by Pat David ( cba )

# data[].attributes.attachment_link.description
GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor

# data[].attributes.body
Edición online

# data[].attributes.attachment_link.provider_name
Editor fotográfico Pixlr.com - editor de imágenes gratuito online

# data[].attributes.attachment_link.readable_text
Bienvenido al editor de fotos avanzado y gratuito de Pixlr. Empieza a editar haciendo clic en el botón de abrir foto, arrastrando y soltando un archivo, pegando desde el portapapeles (ctrl+v) o seleccionando una de nuestras plantillas prediseñadas de abajo.

Últimos proyectosVer todo

Desde la caché temporal local, para guardar un proyecto a largo plazo guárdalo como pxd o expórtalo como pxz.

Plantillas recomendadasVer más

Plantillas de moda y de alta calidad seleccionadas por nuestro equipo.

# data[].attributes.attachment_link.title
Editor fotográfico Pixlr.com - editor de imágenes gratuito online

# data[].attributes.attachment_link.description
¿Estás buscando un editor de fotos para utilizarlo directamente en tu ordenador? Tenemos la herramienta ideal con Pixlr E . No necesitas instalarlo ni registrarte. Úsalo gratis en tabletas , teléfonos mobiles y ordenadores.

# data[].attributes.body
Está muy bien para imprimir diseños que ha creado otra gente gratitamente.

# data[].attributes.attachment_link.title
Thingiverse - Digital Designs for Physical Objects

# data[].attributes.attachment_link.description
Download files and build them with your 3D printer, laser cutter, or CNC. Thingiverse is a universe of things.

# data[].attributes.body
Crea gráficos sociales, páginas web y vídeos breves

# data[].attributes.body
Es la cuenta de una persona que yo conozco y es muy  bonita.
Miruna Alexandra Baicu.

# data[].attributes.attachment_link.readable_text
Soy Martha María García Medina y esta semana junto a mi grupo de trabajo Patricia Aís Carmona, Marta Barrero López, Alexandra Benítez López y María Villergas Castaño hemos decidido analizar diferentes anuncios de publicidad actuales , en los cuales se pone de manifiesto la existencia de mitos del amor romántico, los cuales predicen tanto el sexismo como la violencia de género.

En la actualidad el papel de la publicidad se basa en generar diferentes emociones de forma rápida y precisa dependiendo del cometido (Tellis y Redondo., 2000). Los mensajes transmitidos por las campañas publicitarias presentan una connotación afectiva para que el espectador empatice con ellos, dependiendo del contenido de éstos. Cabe destacar que el sentimiento más recurrente en las campañas de publicidad es el del amor romántico(Segura y Martínez., 2010) vinculado a la búsqueda del amor eterno y la pareja como fin .

A día de hoy siguen apareciendo en los medios de publicidad estereotipos machistas y sexistas (Saiz Echezarreta y Alvarado., 2013), como por ejemplo los mitos mencionados que serán mencionados a continuación en nuestro trabajo.

https://www.youtube.com/watch?v=fwdfsZXGSeQ&feature=youtu.be
A continuación se describirán los mitos de amor romántico encontrados en el presente anuncio:

Mito del matrimonio: Creencia de que el amor romántico y pasional debe conducir a la unión estable y por lo tanto durará toda la vida. Este mito se ve reflejado al comienzo de la escena, dado que antes de dar ese gran paso el cual dan por hecho que les unirá de por vida, deben comunicarse el uno al otro antes varios aspectos importantes.

Falacia del cambio por amor: Se traduciría en creer que las personas cambian por amor a partir de la premisa errónea de que "el amor lo puede todo". Esta idea puede llevar a aceptar y tolerar comportamientos de la pareja ofensivos, asumiendo que habrá un cambio de actitud por parte del otro por amor. En este caso, se aprecian comportamientos no verbales por parte de ambos miembros de la pareja, que dan a entender que no están del todo de acuerdo en tolerar ciertos compromisos impuestos por el otro, como por ejemplo cuando ella le exige el ticket regalo de cada obsequio que reciba. En el caso de él, le comunica a su pareja que el fútbol es sagrado y debe de respetarlo.

Mito de la omnipotencia del amor: Se da por hecho que con el amor basta para superar todos los obstáculos que surjan en una relación. Este mito se ejemplifica en el momento en el cual ambos asumen que deben de aceptarse el uno al otro ,así como sus diferencias para que su matrimonio funcione.

Normalización del conflicto: Creencia de que todo lo que suceda en las primeras fases de la relación (tenga la gravedad que tenga y a pesar de los desacuerdos que existan), forma parte del proceso de adaptación y del rodaje normal. Esta conversación de pareja ejemplifica lo que será su matrimonio en un futuro próximo ante momentos de desacuerdo.

Renuncia a la intimidad: Creencia de que no pueden existir secretos entre la pareja. Desde el principio ambos se comprometen a exponer sus condiciones y exigencias necesarias para evitar futuros malentendidos relacionados con éstas.
https://www.youtube.com/watch?v=J87qcOQjRCE&feature=youtu.be En el segundo anuncio analizado aparecen los siguientes mitos del amor romántico:
Perdurabilidad o pasión eterna: El amor pasional de los primeros meses de relación amorosa debe continuar siempre. En este caso, la protagonista da por hecho que con el tiempo que llevaban con la relación, ésta duraría para siempre.

Mito de complementariedad: Íntimamente relacionado con el anterior y entendido como la necesidad del amor de pareja para sentirse completo/a en la vida. Este mito se ejemplifica con la escena en la cual la protagonista afirma que no saldrá nunca más de su habitación, reflejando que su vida no tiene sentido sin su pareja.

Creencia de que sólo hay un amor "verdadero" en la vida; es decir, creer que "sólo se quiere de verdad una vez y, si se deja pasar nunca más se volverá a encontrar". Esta creencia queda latente cuando la hija le comunica a su padre que ha roto con ella , el amor de su vida.

Falacia del emparejamiento y conversión del amor de pareja en el centro y la referencia de la existencia personal, relegando todo lo demás en la vida y entendiendo que sólo se puede ser feliz en la vida si se tiene pareja. Podemos observar esta ejemplificación de este mito cuando la chica le dice a su padre que no entiende el por qué de la ruptura si ella considera que estaban bien y eran felices juntos.

Creencia de que el amor "verdadero" lo perdona/aguanta todo: Creencia que se da en ocasiones al permitir argumentos manipuladores impuestos a la pareja "si no me perdonas, es que no me amas de verdad". En esta secuencia queda representada esta creencia dado que se perdonan y aguantan todo tipo de desplantes y faltas de respeto de forma extrema.

Mito de la compatibilidad del amor y el maltrato: Considerar que amar es compatible con dañar o agredir. Se puede observar este mito en todo el transcurso del anuncio visualizado, puesto que se agreden constantemente y de forma mutua, a pesar de que son un matrimonio que aparentemente es feliz como se comprueba al principio de la secuencia .

Normalización del conflicto: Todo lo que ocurra a inicios de la relación independientemente de la gravedad y los desacuerdos, forma parte de la vida cotidiana de una pareja. Se puede concluir que estos conflictos forman parte de su vida rutinaria, ya que los llevan a cabo a diario para conseguir lo que quieren sin pensar en el otro.
https://www.youtube.com/watch?v=d9dfuU2CRT0&feature=youtu.be
Mito de celos o creencia de que los celos son una muestra de amor, los celos son un requisito indispensable de verdadero amor, estrechamente ligado a la concepción del amor como posesión y desequilibrio de poder en las relaciones de pareja. Este anuncio transmite que la forma de él de expresar que la quiere es a través del control del móvil de su pareja.

Mito de la omnipotencia del amor: Creencia de que el amor es suficiente para superar todos los obstáculos que surjan en una relación. Su aceptación puede generar dificultades al usarse como una excusa para no modificar determinados comportamientos . Este mito se ejemplifica puesto que ella asume los malos comportamientos que tiene su novio con ella , los cuales están justificados por el amor que le tiene.

Normalización del conflicto: Todo lo que suceda en las primeras fases de la relación independientemente de la gravedad y desacuerdos, es propio del proceso de adaptación y forma parte de la normalidad. En la secuencia queda representada esta idea ya que estos desacuerdos presentes en la relación se consideran normales y habituales para ella.

Mito de la compatibilidad del amor y el maltrato: El acto de amar es compatible con dañar o agredir. En este caso, la chica vincula el sentimiento de amor con el hecho de ser dañada psicológicamente por su pareja.

Creencia de que el amor "verdadero" lo perdona/aguanta todo, permitir argumentos basados en el chantaje que pretenden manipular a la pareja a través de la imposición de criterios como: "si no me perdonas, es que no me amas de verdad". En este caso, vinculado con lo mencionado anteriormente en el resto de mitos ya que está siendo manipulada todo el rato que están juntos por él.

Creencia de que si se ama se debe renunciar a la intimidad, no pueden existir secretos entre la pareja. A pesar de que esta creencia no sea mutua, ella sí renuncia a su intimidad puesto que le proporciona su móvil, sintiéndose incómoda y resignada al respecto.

Este vídeo es una reivindicación relacionada con el sexismo, dado que pone de manifiesto la idea de que las labores del hogar no son obligación de un solo género sino que la cooperación entre ambos sexos sería lo óptimo. A continuación , se presentarán los mitos y creencias del amor romántico contra los que se pretende luchar en la pieza analizada, así como ejemplos extraídos del vídeo.
https://www.youtube.com/watch?v=g_5xr0Iosnk&feature=youtu.be
Falacia de la entrega total. Idea de "fusión con el otro", olvido de la propia vida, dependencia de la otra persona y adaptación a ella, sacrificando lo propio sin esperar reciprocidad ni gratitud. En este caso se produce una rotura de la dependencia en el momento , en el cual ellas deciden establecer unos límites a sus maridos dado que están hartas de no recibir reciprocidad y participación a la hora de ayudar por parte de ellos.

Creencia de entender el amor como despersonalización: Este proceso de despersonalización que implica sacrificar el yo para identificarse con el otro/a, olvidando la propia identidad y vida. Esta creencia se pone de manifiesto cuando las mujeres destacan que tiene una vida fuera de la casa y no les conceden a ellos el derecho de que se las desvalorice , teniendo una vida ajena a ellos y a su familia.

Mito de la omnipotencia del amor: El amor es el medio para superar todos los obstáculos que surjan en una relación. A pesar de que las mujeres presentes en el anuncio quieren a sus respectivos maridos, no utilizan es amor como excusa o único argumento de peso para afrontar los problemas y discusiones de pareja.

Finalmente me gustaría añadir que si has llegado hasta aquí, nos encantaría conocer tu opinión con respecto a este tema o si hay algún mito distinto a los ya expuestos que hayas identificado . Además la segunda parte de esta publicación estará en el perfil de mi compañera Patricia Aís Carmona , dónde analizamos más ejemplos de anuncios publicitarios con mitos diferentes.

Un saludo

# data[].attributes.attachment_link.title
Los mitos del amor romántico predicen la violencia sexista en la publicidad (Parte I)

# data[].attributes.attachment_link.description
Soy Martha María García Medina y esta semana junto a mi grupo de trabajo Patricia Aís Carmona, Marta Barrero López, Alexandra Benítez López y María Villergas Castaño hemos decidido analizar diferentes anuncios de publicidad actuales , en los cuales se pone de manifiesto la existencia de mitos del amor romántico, los cuales predicen tanto el sexismo como la violencia de género.

# data[].attributes.attachment_link.readable_text
Publicidad "Amorosa"

No sabemos si será que se acerca la primavera (y los corazones altera) o que es San Valentín, pero nos hemos puesto tontorrones (y algo envidiosos). Hoy encontraremos las redes sociales y la comunicación de numerosas marcas recurriendo al amor y la relación de pareja y amistad para atrapar a los consumidores. Y es que son pocas las personas que se pueden resistir a un anuncio emotivo o a una música melancólica con imágenes de los momentos más románticos.

Para no ser los únicos que murmuren un "oooooooh" en la oficina, hemos querido mostrarte algunos de ellos.

¡Dale al play y disfruta!

Will you - Tiffany&Co

Si hay algo que caracterice a la marca es su color corporativo turquesa, especialmente en sus cajitas de joyas. En la película "Desayuno con diamantes" pudimos ver numerosas veces como Audrey Hepburn iba cada mañana a ver el escaparate de Tiffany.

Esta conocida marca dedicada al sector de la joyería de lujo se centró en la promoción de sus anillos de compromiso, indagando en la esencia de ese momento tan especial.

El paso final para construir una vida juntos comienza con una simple pregunta: " Will you marry me?", deseando con todas nuestras fuerzas un SÍ por respuesta.

Romeo y Julio, una historia de amor - Uber

Uber nació para poder solicitar transporte desde nuestro móvil con un sencillo gesto. Ahora nos invitan a conocer la historia de Romeo y Julio, una pareja de sevillanos que se han atrevido a dar el paso y casarse. Sin embargo, les queda otro obstáculo que superar: comunicárselo a sus familias. ¿El problema? Estas difieren en sus ideales.

¿Habrá final feliz o se darán por vencidos? ¡Descúbrelo!

Give extra, get extra - Extra Gum

Unos amigos y un chicle. ¿Qué podría ocurrir?

La marca Extra de chicles nos ha querido mostrar todos los momentos que nos puede ofrecer un simple chicle: la excusa para conocerse, para dar un primer beso, estar en instantes clave de nuestra vida, para reconciliarse, estar en despedidas o reencuentros, ...

No todo es tan sencillo como parece, y un chicle puede dar más de lo que crees. Dale al play y déjate sorprender.

Tender Stories - Tous

El amor no tiene porqué ser entre una pareja. La relación entre hermanos, con los padres o los amigos también son una muestra de amor, aunque diferente. Esta es la línea que movió a Tous, la conocida marca de joyería, para lanzar diferentes anuncios que mostraron la vida de diferentes personas.

Lo que comienza como anécdotas divertidas, termina con una bonita reflexión. Si todavía no lo has visto, ¿a qué esperas?

Después de este "chute de amor" sólo te queda disfrutar de la compañía de quien prefieras y gritar.. ¡Qué viva el amor!

# data[].attributes.attachment_link.description
No sabemos si será que se acerca la primavera (y los corazones altera) o que es San Valentín, pero nos hemos puesto tontorrones (y algo envidiosos). Hoy encontraremos las redes sociales y la comunicación de numerosas marcas recurriendo al amor y la relación de pareja...

# data[].attributes.body
Hola, esta es una página de tipografía y diseño web que me parece muy interesante, espero que os guste.
Adrián Fernández

# data[].attributes.attachment_link.readable_text
Qué debemos de tener en cuenta para el uso de tipografías en diseño en general y en diseño web en particular. Qué es una paleta de tipografías y qué tipografías son seguras para usar en la web.

En una composición gráfica o página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final. Es por ello que estamos profundizando bastante acerca de las tipografías dentro del Manual de diseño web. En esta ocasión hablaremos del uso correcto de las tipografías, pero no solo de los tipos de letra que podamos elegir, sino también de las características de nuestros bloques de textos. En la segunda parte abordaremos este mismo asunto, pero bajo el prisma del diseño web.

En este entorno, la tipografía la materia que intermedia entre el receptor y la información. Los caracteres matizan las palabras y le aportan o refuerzan el sentido. La mala selección de esas formas pueden interferir negativamente en la comunicación. Junto con el color, la tipografía puede alterar por completo el significado que asociamos a un diseño. El texto puede decir una cosa; las letras, otra muy diferente.

Para conseguir una tipografía adecuada a la obra es necesario considerar diferentes aspectos de la misma, entre los que destacan los siguientes:

Elección de la paleta de fuentes

Todo diseñador debe tener la habilidad de analizar, explorar y reconocer las características conceptuales, formales, históricas y técnicas de los diferentes tipos de letras. Cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, unas más fuertes y otras más sutiles, unas más refinadas y otras más toscas, unas más geométricas y otras más orgánicas, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un amplio sentido de la responsabilidad.

Para lograr una composición tipográfica adecuada, es necesaria una correcta selección de las familias tipográficas a utilizar, teniendo en cuenta su legibilidad, sus proporciones, el contraste entre los trazos gruesos y delgados, la existencia del remate o su falta, su inclinación y su forma.

La elección del tipo más adecuado depende en gran medida del tipo de mensaje al que va enfocada la composición. En algunos casos necesitaremos un tipo de letra refinada, elegante o delicada, mientras que en otros necesitaremos letras sobrias, macizas y sin ningún tipo de remilgos.

En general, las familias de origen romano, con serifas de pie, funcionan mejor como tipo de lectura en imprenta. Por el contrario, las de palo seco o sin serifas, dan mejor resultado en monitores y pantallas, sobre todo cuando hablamos de resoluciones bajas.

El factor más determinante sobre la elección de una fuente debe ser su legibilidad, propiedad derivada del diseño mismo de los tipos de letra, especialmente importante para textos largos. Para bloques de texto más cortos tenemos mayor libertad de elección, y para los títulos podemos emplear la fuente que queramos, en función del espíritu del documento y la sensación que nos interese crear.

Deberemos escoger fuentes cuyos caracteres sean abiertos y bien proporcionados, con regularidad en los tipos y con remates clásicos. Los caracteres que contienen afectaciones estilísticas o irregularidades son menos legibles, por lo que son menos recomendables utilizarlos en bloques de textos y más adecuados para textos cortos o titulares.

Para la pantalla, algunas fuentes sans como Verdana o Tahoma ofrecen óptima legibilidad. Las fuentes ornamentales o caligráficas no deben emplearse más allá de unas pocas líneas, puesto que serían causa inmediata de fatiga visual.

Un concepto relacionado con la legibilidad, pero independiente del mismo, es el de la comprensión de un contenido textual, las capacidad del mismo de ser o no interpretado. Por ejemplo, un texto compuesto todo en mayúsculas, puede ser legible pero tener muy baja comprensión (en el idioma inglés se utilizan los términos 'legibility' y 'readability').

Hay una diferencia importante entre legibilidad y comprensión. Mientras que la legibilidad se refiere a la facilidad con la que los lectores pueden decodificar la información en un documento, la comprensión se refiere al contenido del mismo. Las dos tienen un efecto importante en el éxito o fracaso de la lectura del documento; la comprensión no puede ser adquirida sin la legibilidad.

Una vez elegida la tipografía con la que trabajaremos para hacer legible el trabajo, tendremos que tener en cuenta otros aspectos como el cuerpo con el que trabajaremos, la longitud de la línea o el interlineado. Cuando conseguimos que éstos tres elementos armonicen (tipografía y su tamaño, longitud e interlineado) se producirá una mayor facilidad de lectura, será más natural nuestro recorrido visual sobre el texto. Cuando variamos uno de estos aspectos en la tipografía, deberemos ajustar los otros para que la armonía se siga produciendo.

Otro factor a tener en cuenta es la asociación temporal o geográfica de una fuente dada. Hay fuentes asociadas a épocas concretas, otras a lugares determinados, por lo que la elección de una fuente acorde con el mensaje a trasnmitir es esencial para conseguir el ambiente comunicativo adecuado. Las etiquetas y carteles de cervezas, por ejemplo, suelen utilizar tipos de letras de inspiración gótica, al estar este producto asociado a las abadías de monjes que lo producían es esa época.

Una buena estrategia de trabajo es preparar una paleta de fuentes con una letra serif para el texto, una letra sans para los títulos y subtítulos, con tamaños mayores, otra para los pies de foto, resúmenes, citas y notas,de menor tamaño, y tal vez, una letra especial para el título principal. Es una fórmula que es simple y efectiva, que evita la mezcla de diferentes fuentes de palo seco juntas o diferentes letras serif juntas, combinaciones que raramente funcionan.

Algunas tipografías tienen versión sans y versión serif y suelen formar una perfecta combinación: por ejemplo, la forma serif para el texto y la sans para el resto. Con fuentes diferentes, es cuestión de probar.

La fuente elegida para el texto puede incluir, naturalmente, la variante cursiva y en negrilla. Ambas deben emplearse sólo para enfatizar partes del documento, no en fragmentos extensos.

Conviene evitar lo que ya está muy visto. Una fuente que todo el mundo usa hace que nuestros documentos sean indistinguibles, un producto clónico de los demás. Fuentes como Arial (Helvetica), Courier y Times New Roman son tan frecuentes que convierten un documento en algo anodino, sin impacto visual. Como alternativa hay fuentes que, siendo básicamente del mismo tipo, sacarán del anonimato y aburrimiento a los textos que preparemos.

Variantes de una fuente

Generalmente, cada familia tipográfica dispone de una serie de variantes de sus letras, que pueden ser utilizadas para proporcionar variedad al texto y para particularizar en el mismo ciertas palabras.

Estas variantes se obtienen por modificación de alguna de las siguientes propiedades:

Grosor del trazo: La pesadez o ligereza de los trazos que componen los tipos efectan a su legibilidad. Según el grosor del trazo, una letra puede clasificarse en "extrafina", "fina", "redonda", "negra" y "supernegra". En los tipos demasiado pesados los ojales se llenan y desaparecen, mientras que la tipografía demasiado fina puede no distinguirse fácilmente del fondo. Por lo tanto el diseñador tendrá que utilizar para textos extensos un grosor adecuado o normal de tipografía y hacer uso de distintos grosores en momentos puntuales. Por ejemplo, utilizar un grosor contrastado sirve para destacar un párrafo dentro del texto.

Proporción entre ejes vertical y horizontal: según sus valores relativos obtenemos las variantes redonda (cuando son iguales), estrecha (cuando el horizontal es menor que el vertical), y expandida (cuando el horizontal es mayor). Las tipografías estrechas son efectivas cuando hay abundancia de texto y debe ahorrarse espacio. Pero se disminuye la legibilidad cuando las letras son demasiado estrechas (condensadas) o demasiado anchas (expandidas). La condensación es adecuada cuando debemos utilizar columnas estrechas.

Inclinación del eje vertical:nos proporciona la variante itálica o cursiva de una fuente. sirve para resaltar una parte del texto, más que para formar bloques de texto, y debe usarse con prudencia, porque una gran cantidad de caracteres inclinados en el texto dificulta la lectura.

Tamaño de la caja : aumentando el tamaño respecto a la caja baja obtenemos las mayúsculas. Todo el texto escrito en letras mayúsculas no sólo consume más espacio, sino que también hace más lenta la lectura. La minúscula o caja baja llena el texto de señales creadas por la abundancia de las formas de la letras, trazos ascendentes y descendentes y formas irregulares, sin embargo el mismo texto en mayúscula pierde estas señales, tan útiles para facilitar la lectura.

Como norma general, las letras redondas y minúsculas suelen ser dentro de una familia las más legibles, más que las cursivas, negritas, mayúsculas y estrechas.

Las negritas (bold) llaman poderosamente la atención dentro de un texto e incluso distraen seriamente, por lo que nunca se debe abusar de ellas o emplearlas de modo puramente decorativo. Deben quedar reservadas para enfatizar algunas palabras, siempre de manera muy restringida, y nunca en frases completas. Si son utilizadas adecuadamente ayudan a ojear rápidamente el texto y facilitan la rápida comprensión de la información.

Las mayúsculas son mucho más difíciles de leer que las minúsculas, por ello no son recomendadas para textos largos sino para palabras sueltas. Su capacidad de resaltar dentro de un texto le hacen un recurso muy valioso para captar atención sobre un elemento de información.

Una opción interesante para publicidad la constituyen las combinaciones de mayúsculas y minúsculas en una misma palabra. Esta combinación presenta una muy difícil lectura lo que requiere mayor procesamiento y por tanto puede producir un mayor recuerdo, si bien esto última hipótesis no ha sido comprobada empíricamente.

Las itálicas o cursivas son muy poco legibles y son poco recomendables, solo deben ser utilizadas con fuentes de tamaño suficientemente grande.

Tamaño de las fuentes

El tamaño de la letra debe elegirse teniendo en cuenta la naturaleza de la composición y la distancia a la que se va a leer.

Para pequeños formatos como informes, libros, folletos, manuales o páginas web, conviene utilizar fuentes entre 8 y 12 puntos para cuerpos de texto. El cuerpo promedio de 11 puntos funciona a la perfección con impresoras de 300 dpi.

Elementos textuales menos importantes en la composición, como notas de pie, pueden ir a tamaños de 7-8 puntos, siempre y cuando resulten legibles en la fuente elegida.

En lo que respecta a grandes formatos, para un cartel que será observado a 10 metros, la altura de la letra debe ser, al menos, de 2,5 cm, mientras que para una valla publicitaria que deba leerse a 60 metros, la altura de la letra deberá ser, al menos, de 15 cm.

Espaciado entre caracteres

La legibilidad de un texto va a depender del correcto espaciado entre letras y palabras que lo forman. Los principales aspectos a considerar serán el tipo de letra utilizado (familia tipográfica), el cuerpo (tamaño de letra) con el que trabajemos y el grosor de la letra. Una combinación adecuada de estos tres elementos (set) nos proporciona una textura homogénea del texto, lo lo que aumentará su legibilidad.

Dos importantes conceptos que debemos estudiar y utilizar para modificar el espaciado entre letras son el track y el kern.

El track o tracking ajusta el espacio entre caracteres, abriéndolo cuando se trata de cuerpos pequeños y cerrándolo cuando se trata de cuerpos grandes, con lo que se consigue alterar la densidad visual del texto. El track actúa globalmente sobre todo el texto y depende del tamaño de los caracteres. Como regla general, cuanto más grande sea el cuerpo más apretado debe ser el track.

El kern o kerning se utiliza para ajustar el espacio entre entre las letras de una misma palabra o en algunos pares de caracteres determinados que llaman la atención por estar demasiado juntos o separados, normalmente en cuerpos grandes. El kern es estrictamente proporcional, ya que el espacio eme (la unidad en la que se basa) tiene el mismo tamaño en puntos que el cuerpo de los caracteres, es decir que el espacio eme para un texto de 12 puntos mide 12 puntos.

Tanto el track como el kern se miden en unidades relativas al tamaño en puntos de los caracteres.

Cada carácter de una fuente concreta está rodeado por una cierta cantidad de espacio lateral, establecida por su diseñador. La anchura de un carácter comprende no sólo el carácter en sí, sino también este espacio lateral. El kern y el track modifican también la anchura de los caracteres, al modificar su espacio lateral. Un conjunto adecuado de estos valores proporciona un color homogéneo de texto, consiguiendo que las letras fluyan de forma natural y rítmica en las palabras, y las palabras en las líneas.

Las palabras parecen de un tono más luminoso si las letras están más separadas. Del mismo modo, si se incrementa el espaciado que hay entre palabras y líneas, el tipo parece adquirir un valor más brillante.

El espacio que pone la barra espaciadora entre una palabra y otra forma parte del diseño de la fuente, como un carácter más. Las líneas demasiado sueltas producen discontinuidad en la lectura, mientras que las demasiado apretadas hacen que sea complicado distinguir las mínimas unidades significativas (las palabras).

Como norma general, la separación entre letras y palabras debe realizarse de forma coherente, para que sea fácil de leer, teniendo en cuenta especialmente las mayúsculas y sobre todo en rotulación. No es la misma separación la que deben tener las letras D y O que la M, la I o la N en una palabra como DOMINO.

El ajuste varía según las combinaciones de letras que van juntas, por ejemplo en la silaba "To" la "o" debe entrar unos pocos píxels debajo de la "T".

Ancho de línea

Otro factor decisivo en la facilidad de lectura de un texto y en su poder comunicativo es el ancho de línea.

Es conocido por todos que a una menor longitud de línea, mayor velocidad de lectura, razón por la cual los periódicos tienen columnas muy estrechas. Sin embargo, líneas demasiado cortas dificultan la lectura por el ritmo visual al que obliga con el cambio constante de línea.

Una mayor longitud de línea requiere de un salto de mayor longitud de un punto de fijación ocular (el extremo derecho final de una línea) al siguiente (el inicio izquierdo de la siguiente). A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura.

Como regla, podemos tomar para una línea más de 40 caracteres y menos de 70.

En líneas muy cortas, es importante la correcta distribución de las unidades de significado, procurando siempre que cada línea ofrezca al lector una entidad significativa propia, lo que hace el texto mucho más fácil de leer y más comprensible.

Interlineado

El interlineado (leading), espacio vertical entre las líneas de texto, es un factor importante para que el lector pueda seguir correctamente la lectura sin equivocarse de línea o cansar la vista, además de ser uno de los responsables de la sensación de color que toma un bloque de texto.

Como regla general, conviene darle al interlineado uno o dos puntos más que el valor del cuerpo de la fuente, o sea, que si tenemos un texto en cuerpo 10, un interlineado de 12 da un blanco apropiado en la interlinea. Si se utilizan valores de interlineado menores al cuerpo de texto las líneas pueden comerse unas a otras o volverse difícil leer.

A mayor espacio entre líneas, mayor facilidad de lectura. Se recomienda un interlineado óptimo de un ancho de línea de 1,5.

Alineación de los textos

El texto puede alinearse de cinco formas distintas: alineado a la izquierda, alineado a la derecha, justificado, centrado o asimétrico.

El texto alineado a la izquierda es el más natural y recomendable para textos largos. Crea una letra y un espacio entre palabras muy uniforme, y dado que las líneas terminan en diferentes puntos, el lector es capaz de localizar fácilmente cada nueva línea. Esta es posiblemente la forma de alineación de textos que resulta más legible.

En cuanto a legibilidad los estudios en papel impreso no han encontrado diferencias entre el texto justificado o el alineado a la izquierda, aunque si han demostrado que los "malos" lectores (lo que puede incluir a algunos tipos de discapacitados) leen mejor texto alineado a la izquierda que el justificado.

Por el contrario, la alineación a la derecha va en contra del lector, porque es dificil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso, pero no para grandes bloques.

El texto justificado (alineado a derecha e izquierda) puede ser muy legible si el diseñador asegura que el espacio entre letras y palabras sea uniforme y los molestos huecos entre palabras, denominados "ríos", no interrumpan el curso del texto. En caso contrario, los textos resultan menos legibles y provoca que algunas palabras con mayor espacio entre caracteres sean involuntariamente enfatizadas. Resulta adecuado en columnas estrechas o bloques de texto de poca extensión, ya que resulta monótono y cansa al lector.

Las alineaciones centradas dan al texto una apariencia muy formal y son adeucadas cuando se usan mínimamente. Pero debe evitarse configurar textos demasiado largos con este modelo.

Las alineaciones asimétricas se usan cuando el diseñador desea romper el texto en unidades de pensamiento lógicas, o para dar a la página un aspecto más expresivo. Obviamente la configuración de grandes cantidades de texto de esta manera acaba por cansar al lector.

Color de los textos

El color, aplicado discretamente a algunas partes del texto, puede mejorar mucho su legibilidad, darle un mayor peso visual e incluso crear la impresión de mayor variedad de fuentes. Un ligero toque de color en los subtítulos, o remarcando una cita, es un recurso muy útil y elegante, pero hacer un collage de colores en una página de texto que pretende ser serio o informativo pone en evidencia un mal gusto y un escaso sentido común.

Cuando tenemos que buscar un color para asociar a un tipo, lo primero que deberemos de examinar son los objetivos del trabajo que tenemos que realizar y el público al que va dirigido. No es lo mismo un cartel destinado a anunciar el último disco de un grupo musical que un folleto sobre planes de pensiones de un banco. Ambos temas son totalmente diferentes y están destinados a públicos con preferencias y necesidades distintas.

Uno de los factores más importante de los textos, que influye sobremanera en la legibilidad de los mismos, es el contraste entre estos y el fondo sobre el que se situan. Un contraste adecuado hace que los textos se lean bien y que su lectura no canse al lector, condición muy importante en obras de contenido textual importante. Si el tipo se disminuye en tamaño, debe incrementarse la fuerza de contraste de color.

Estamos acostumbrados a ver tipos negros sobre papel blanco, y tradicionalmente esta combinación es la más legible. Además muchos tipos se han diseñado para ser leidos como letras negras sobre fondo blanco y ofrecen una optima legibilidad impresos de este modo.

En el momento en que se añade color al tipo o al fondo, se altera la legibilidad del texto. En consecuencia, la tarea del diseñador es combinar las propiedades del tipo y el color para multiplicar su potencial comunicativo. Estos dos elementos pueden dar vida a un texto que, de otro modo, fracasaría en su vertiente comunicativa.

Para alcanzar la óptima legibilidad cuando se diseña con tipos y color se han de sopesar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste apropiado entre las letras y su fondo. Podemos usar contrastes de tono (cálidos y fríos), contrates de valor (luminosos y oscuros) o contrastes de saturación (vivos y apagados).

Los colores azul y naranja, complementarios totalmente saturados, ofrecen un contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras tienden a oscilar y complica la lectura del texto. Esto ocurre porque ambos colores poseen un brillo que rivaliza entre sí y que reclaman atención propia. La solución es suavizar o acentuar uno de los tonos haciendo que su valor pase a ser claro u oscuro.

Un texto de color amarillo sobre fondo blanco perdería importancia, ya que, no resaltaría al ser los dos colores claros, sin embargo, si el color de fondo es negro, el amarillo cobraría fuerza. Según algunos estudios, la letra más legible es la negra sobre fondo amarillo.

Por otra parte, si dos colores análogos están demasiado cerca en el círculo cromático y no aportan suficiente contrate de tono o valor, deberían reajustarse para agudizar dicho contraste. Un buen principio es coger colores que no estén directamente enfrentados ni estén demasiado próximos en el círculo cromático. Deben buscarse colores compatibles, pero tambiÈn colores que difieran en valor e intensidad.

Tendremos que tener también en cuenta las cualidades y características de cada tipo, ya que un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o ilegibles si los tonos son muy similares o si los valores están demasiado próximos. Por lo tanto, debe de existir el contraste suficiente para proteger la fidelidad de las letras.

Si el contraste de colores no basta por sí solo para destacar el tipo sobre el fondo, pueden añadirse perfiles y sombras. De todas formas no es recomendable utilizar estos efectos en los bloques de texto, pues en terminos de legibilidad sería más perjudicial que beneficioso. Los mejores resultados se consiguen con tipos grandes o en titulares.

Otra solución, cuando el contraste de color es escaso o cuando debe imprimirse en color un gran fragmento textual, es configurar correctamente los espaciados, pues favorecen la legibilidad.

Empleando tramas podemos enriquecer la variedad cromática de un texto sin tener que añadir colores adicionales. Las tramas resultan especialmente útiles en trabajos de impresión con uno o dos colores.

Otras recomendaciones

Además de todas los conceptos anteriores, existen otras reglas básicas de composición que siempre dan buenos resultados:

Los comienzos de párrafo deben ser fácilmente reconocibles, pudiendo usar para este fin los indentados, los estilos o la separación de párrafos con un retorno (uno, nunca dos).

Hay que evitar en lo posible el texto subrayado, en especial títulos y subtítulos, ya que las líneas los separan del texto al que pertenecen. En caso de necesitar destacar estos elementos, es mejor utilizar itálicas en lugar de subrayados.

Es una buena idea dejar un espacio mayor por encima de los títulos y subtítulos que por debajo, así como evitar ponerlos todos en mayúsculas.

Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc.

Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio.

Tipografía en la web

Ahora abordamos las tipografías bajo el prisma del diseño web, un conocimiento general que toda persona que quiera hacer un sitio web debe poseer. Al final de este texto colocaremos también algunas referencias importantes para actualizar el contenido visto en este artículo.

Las familias tipográficas disponibles en cada sistema operativo son diferentes. Aunque las versiones actuales de Internet Explorer instalan un conjunto de fuentes similar en Windows y Mac Os, hay que tener en cuenta que existen otros navegadores y otros sistemas operativos, por lo que es importante asegurarnos de que los contenidos textuales tendrán el mismo aspecto (oel más parecido posible) sea cual sea la pareja SO-navegador de cada usuario.
Puesto que un 97% de los usuarios de Internet utilizan PC+Windows o Mac+Mac Os, parece lógico diseñar nuestras páginas web buscando la mayor compatibilidad tipográfica entre ambos sistemas.
Las fuentes instaladas por defecto en Windows y Mac OS (fuentes seguras) son:

En cuanto a Linux, el número de fuentes instaladas por defecto depende de la versión, aunque suelen ser pocas.

Estas fuentes por defecto se van ampliando según las aplicaciones instaladas posteriormente. Las aplicaciones de ofimática suelen instalar fuentes propias, así como los navegadores web, especialmente Internet Explorer.

Por otra parte, Microsoft, Apple y las distintas empresas involucradas en Linux ofrecen a sus usuarios paquetes gratuitos de fuentes, por lo que el número de ellas presentes en una máquina puede aumentar considerablemente. Un ejemplo de estos paquetes es Windows Font Pack, que facilita fuentes tanto para entornos PC y Mac.

Buscando siempre la máxima compatibilidad entre plataformas, en el diseño de páginas web deberemos usar tan solo fuentes seguras, prescindiendo de las adicionales que hayan podido instalar en los ordenadores aplicaciones complementarias o los propios usuarios.

Equivalencia entre fuentes Windows y Mac OS

Como las fuentes instaladas por defecto son diferentes en el caso de un PC con Windows y un Mac, puede darse el caso de que una página web no se visualice de forma correcta si utilizamos fuentes incompatibles.

Las fuentes equivalentes en los sistemas PC y Mac son las siguientes:

Para asegurarnos de la correcta visualización en ambos sistemas habrá que utilizar siempre Hojas de Estilos en Cascada (CSS), asignando a los elementos textuales dos fuentes equivalentes, una para PC y otra para Mac. Si además queremos estar seguros de una visualización similar en otros sistemas (Linux, por ejemplo), podemos asignar también una familia tipográfica genérica, como serif, sans-serif, cursive, etc.).

Ejemplo:

<style type="text/css">
.titular{font-size:16px;font-family:Arial, Helvetica,sans-serif;}
</style>
...
<p class="titular">Esto es un titular</p>

Generalmente los usuarios de Mac disponen de las fuentes incluidas en Windows Font Pack, ya que éste se instala automáticamente desde que Mac Os viene por defecto con Internet Explorer, pero nunca estaremos seguros de qué versión tiene el usuario final, así que la regla de declarar fuentes alternativas mediante CSS deberemos aplicarla siempre.

Tamaño de las fuentes

Un Mac trabaja por defecto a una resolución de 72 ppp (pixels por pulgada), por lo que en él existe una equivalencia exacta entre punto y píxel, cosa que no ocurre en un PC con Windows, cuya resolución de trabajo por defecto es de 96 ppp.

Mac: 12 pt ---------- 12 px
PC: 12 pt ----------- 16 px

Como consecuencia, el tamaño de una fuente definida en puntos es diferente en ambos sistemas, por lo que los usuarios de Mac verán las fuentes más pequeñas que los de PC.

La siguiente imagen muestra la equivalencia entre puntos y píxeles, así como la visualización de los diferentes tamaños en fuente Verdana.

Como se puede apreciar en la imagen, los tamaños inferiores a 9 píxeles (7 puntos) no se visualizan correctamente, ya que las letras se hacen demasiado pequeñas a esos tamaños. Por el contrario, a tamaños superiores a 16 píxeles (12 puntos), las letras comienzan a escalarse, produciéndose un efecto de dientes de sierra en sus contornos, sobre todo en las zonas inclinadas y curvas de las mismas.

Por estos motivos, el tamaño de los contenidos textuales para la web debe oscilar entre 9 y 15 píxeles (7 y 11 puntos), ya que con estos valores los caracteres resultan legibles y sin escalado.

Si necesitamos incluir textos de mayor o menos tamaño en una página, la alternativa pasa por hacerlo como fichero gráfico, en formato GIF o PNG, teniendo en cuenta entonces la imposibilidad de modificar dichos textos "en el aire", por lo que no es viable este sistema para contenidos que deban cambiar con el idioma, por ejemplo (habría que crear versiones de la imagen para cada opción posible).

Una consideración adicional referente a los tamaños de las fuentes, válida tanto para puntos como para píxeles, es que conforme se aumenta la resolución de pantalla disminuye el tamaño relativo de las fuentes, es decir, su tamaño de visualización final.

Esto obliga a tener especial cuidado al usar textos de pequeño tamaño a resolución 800x600, ya que para los usuarios que visualicen la página web a 1024x768 pueden resultar ilegibles.

Caso de ser necesario incluir textos en estas condiciones, una buena solución es crear dos ficheros de estilos CSS, uno para cada resolución, asignando un fichero u otro a la página mediante JavaScript según la resolución empleada por cada usuario.

Ventajas e inconvenientes de usar medidas en píxeles

La especificación de tamaños de fuente en píxeles ofrece la ventaja de permitirnos controlar en todo momento la visualización final de los contenidos textuales, ya que nos asegura la máxima compatibilidad entre sistemas operativos y la inmutabilidad del tamaño de los textos frente a posibles configuraciones personalizadas de los navegadores web (Ver > Tamaño de la fuente > Grande, por ejemplo).

Sin embargo, con su uso pueden producirse problemas de accesibilidad, ya que impide la personalización por parte de los usuarios con problemas de visión de mayores tamaños para las fuentes.

Como norma general, y si las especificaciones del proyecto no nos marcan condiciones específicas sobre accesibilidad, usaremos siempre como unidad de medida en trabajos web el píxel.

<style type="text/css" madia="screen"> Fuentes a usar en las páginas web

A la hora de seleccionar las fuentes que vamos a usar en una página, deberemos tener en cuenta que existe algunas especialmente diseñadas para su visualización en la pantalla de un monitor, por lo que suelen resultar las más apropiadas para la web.

Estas fuentes suelen ser sans serif, destacando entre ellas Verdana, Arial y Helvetica, pudiendo especificarse también el tipo genérico sans-serif, con lo que el navegador usará la fuente sans serif que por defecto tenga instalada la máquina del usuario.

En caso de facilitar a los usuarios de la web documentos o páginas para impresión, es conveniente sustituir las fuentes anteriores por alguna tipo serif (con remates en sus extremos), ya que son más legibles en documentos impresos y menos monótonas.

Entre ellas podemos destacar Times New Roman, Courier y Courier New, pudiendo especificarse también el tipo genérico serif, con lo que el navegador usará la fuente serif que por defecto tenga instalada la máquina del usuario.

Es posible asignar a una página web mediante CSS dos conjuntos de fuentes diferentes, uno para su visualización en pantalla y otro para su impresión. Basta con declarar los dos bloques de estilos separadamente, especificando en el atributo media de la etiqueta style el tipo de medio en el que será válido cada uno.

Ejemplo:

.contenidos{font-size:12px;font-family:Verdana,Helvetica,sans-serif;}
</style>
<style type="text/css" madia="print">
.contenidos{font-size:10px;font-family:Times New Roman,Times,serif;}
</style>

Conclusiones

A la hora de trabajar con textos en nuestras páginas web deberemos siempre especificar el tamaño de las fuentes y las familias mediante estilos CSS.

Los tamaños se especificarán normalmente en píxeles, considerando valores válidos aquellos comprendidos entre 9 y 16 píxeles.

Si debemos usar el tamaño 8 píxeles en resolución 800x600, se deberá comprobar su correcta visualización en resolución 1024x768, implementando un fichero de estilos para cada resolución caso de ser necesario. En ningún caso se usarán tamaños inferiores a 8 píxeles.

Si debemos usar tamaños superiores a 16 píxeles, es conveniente sustituir el texto afectado por una imagen en la que figure el mismo, evitándose con ello el escalado.

Las fuentes a usar serán aquellas que tengan un equivalente en PC y Mac, declarando ambas en estilos CSS.

Se elegirán preferentemente las fuentes Verdana, Helvetica y Arial para la presentación de textos en pantalla, añadiendo además la fuente genérica sans-serif, en aras de la correcta visualización en todos los casos.

Si ofrecemos páginas alternativas para la impresión, se usarán en ellas preferentemente las fuentes Times New Roman y Times, añadiendo la fuente genérica serif.

Uso de tipografía en la web actual (2015)

Antes de acabar este artículo sobre tipografías es importante mencionar que en la actualidad y gracias a algunas de las características más usadas de CSS, es posible representar cualquier familia tipográfica en una página web. Simplemente tenemos que usar el archivo de la fuente que queramos representar entre los recursos de la web, igual que hacemos con imágenes o scripts.

En numerosos artículos de desarrolloweb explicamos estas técnicas y sus variantes así que, para no repetirnos, te recomendamos leer el artículo de font-face.

# data[].attributes.attachment_link.description
Qué debemos de tener en cuenta para el uso de tipografías en diseño en general y en diseño web en particular. Qué es una paleta de tipografías y qué tipografías son seguras para usar en la web. En una composición gráfica o página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final.

# data[].attributes.attachment_link.description
Iconos gratis para tu proyecto, encuentra el icono que estas buscando en nuestra increible colección de iconos, disponibles en formato svg, png, ico o icns.

# data[].attributes.attachment_link.readable_text
The World Press Photo Foundation is pleased to announce the nominees for the 2021 Photo Contest.

In an unprecedented year marked by the COVID-19 pandemic and social justice protests around the globe, the nominees share a diversity of interpretations and perspectives to these and other urgent issues such as the climate crisis, transgender people's rights, and territorial conflicts.

The 2021 World Press Photo Contest nominees are 45 photographers from 28 countries: Argentina, Armenia, Australia, Bangladesh, Belarus, Brazil, Canada, Denmark, France, Greece, India, Indonesia, Italy, Iran, Ireland, Mexico, Myanmar, Peru, Philippines, Poland, Portugal, Russia, Slovenia, Spain, Sweden, Switzerland, The Netherlands, United States.

2021 Photo Contest entries

The World Press Photo Contest recognizes the best visual journalism of the last year, rewarding images and stories in eight categories. This year, 4,315 photographers from 130 countries have entered 74,470 images. This is an increase from 2020, when 4,282 photographers from 125 countries entered 73,996 images.

Rodrigo Orrantia, curator and 2021 Photo Contest jury member, said about this year's entries: "I think what stood out the most was the variety of approaches to visual storytelling. Photographers in general, but specifically photojournalists and press photographers, are discovering new ways of telling stories visually. Some entries stood out because their visual language was really sophisticated, which is a very exciting change from the classic press photography tradition."

Due to the COVID-19 pandemic, the judging of the 2021 Photo Contest took place entirely online. The judging process for the 2021 Photo Contest involved seven specialized juries and a general jury. The judging process involves several rounds over a six-week period, from 16 January to 23 February 2021. Seven independent specialist juries first shortlisted entries in eight categories. An independent General Jury, a different set of jurors consisting of the 2021 Photo Contest jury chair and six other members, then shortlisted the nominees. Meet the 2021 Photo Contest jury.

Winners announced on 15 April

The winners of the 2021 Photo Contest and the 2021 Digital Storytelling Contest will be announced on 15 April during an online awards ceremony. Both the World Press Photo of the Year and the World Press Photo Story of the Year awards carry a cash prize of 5,000 euros.

The nominees in each category are published in the World Press Photo's online collection and promoted on World Press Photo's platforms. They are also included in the annual World Press Photo Exhibition tour and featured in the World Press Photo yearbook. In addition, nominees are invited to the World Press Photo Festival 2021 (which will take place online in April 2021).

# data[].attributes.attachment_link.description
The World Press Photo Foundation is pleased to announce the nominees for the 2021 Photo Contest. In an unprecedented year marked by the COVID-19 pandemic and social justice protests around the globe, the nominees share a diversity of interpretations and perspectives to these and other urgent issues such as the climate crisis, transgender people's rights, and territorial conflicts.

# data[].attributes.body
Hola soy Alejandro y os presento el arte o diseño grafico. Presentan dibujos o esculturas que se pueden tratar de muchos aspectos

# data[].attributes.body
Me parece muy interesante y creo que puede ayudar a las personas que están empezando en el mundo de la fotografía para hacer fotos más impresionantes.

# data[].attributes.attachment_link.readable_text
La composición fotográfica son 11 reglas fundamentales para distinguir una buena o una mala foto.

1 Identificar el centro de interés.

Es importante que la persona que observe la fotografía sepa de que trata la foto. Algo importante es que así se llame centro de interés el objeto no tiene que estar en el centro de la imagen y el que ocupa la mayor parte de la imagen.

La mayoría de las veces fallamos aplicando esta regla, si queremos contar algo mediante una foto debemos de ocupar el mayor espacio posible con ese algo y así esta seguros que sera el centro de atención y de esta manera expulsaremos todo lo que pueda provocar distracción.

# data[].attributes.attachment_link.description
La composición fotográfica son 11 reglas fundamentales para distinguir una buena o una mala foto. 1 Identificar el centro de interés. Es importante que la persona que observe la fotografía sepa de que trata la foto.

# data[].attributes.attachment_link.readable_text
Introducción Factores clave del encabezado de web Tamaño de las cabeceras web en WordPress Cómo encontrar cualquier tamaño de imagen para el banner de un header No todas las imágenes de la cabecera web de un banner tienen el mismo tamaño ¿Cuál es el mejor tamaño de encabezado de web para tu página web? Conclusión
Introducción

Dicen que las primeras impresiones son muy importantes; y es totalmente cierto. Tu encabezado de web o header es lo primero que ven las internautas cuando llegan a tu sitio. Diferentes estudios basados en el seguimiento ocular han demostrado que las personas comienzan a revisar las pantallas de los ordenadores y teléfonos móviles comenzando en la parte superior y bajando en zig-zag hacia abajo. La función principal de las cabeceras web es facilitar la navegación. Pero también tienen un papel fundamental a la hora de transmitir el estilo y la apariencia de tu sitio. En esta guía te vamos a mostrar todo lo que necesitas saber sobre las cabeceras web (header) para que sepas cuál es el tamaño ideal del encabezado de web de un sitio.

Factores clave del encabezado de web

Comienza creando una imagen, gráfico u otro concepto visual que muestre la esencia de tu producto o servicio. El gráfico debe mostrar la marca de tu empresa y contar con un logotipo. Un encabezado artístico debe tener unos colores y estilo que se adapte a tu página web para inspirar a tus visitantes.
Grande, atrevido, poco convencional: Atlassian
El header de Atlassian es grande y atrevido. Posiblemente sea un guiño a Atlas, el titánico dios griego que "sostuvo el mundo sobre sus hombros". El azul de Atlassian aparece en los hipervínculos, los botones de llamada a la acción (CTA) y las imágenes.
Minimalista, silencioso: Apple
Pocas compañías pueden alcanzar la sensación minimalista que tiene Apple. Para una organización que opera en tantos sectores y con más de 130,000 empleados en todo el mundo, destaca en simplificar y comunicar todo lo relacionado con su marca de una manera muy visual y precisa.
Fomentando la acción: Oxfam
La ONG Oxfam utiliza un encabezado de web que fomenta la acción más importante: las donaciones. La ubicación, el tamaño, el color y el relieve de la "barra de acción", no solo sirve como herramienta de navegación, sino que también es una manera de comunicar su propósito. Pero lo más importante, incita a la acción.
Buscar al frente y al centro: Shutterstock
En el sitio de imágenes Shutterstock, todo gira alrededor de las imágenes. La barra de búsqueda es relevante y combina perfectamente con la fuente, el color y la iconografía de la compañía.

En las tiendas online que venden productos, las cabeceras web o header son una herramienta muy útil para mostrar los productos y las promociones más populares. Los carruseles o controles deslizantes se utilizan frecuentemente para rotar los productos o secciones destacadas que sirven como punto de partida hacia las secciones más importantes de la página web.

El encabezado web de Zara sirve casi como un obstáculo, destacando un carrusel de colecciones. Los indicadores del carrusel (puntos) se muestran de manera vertical en la parte inferior derecha, mientras que el header llena el 100% de la pantalla con la navegación superpuesta en la parte superior. Una imagen muy impactante.

Internet.org es otro ejemplo de un encabezado de web de fotograma completo con navegación superior silenciada. Pero en lugar de un carrusel, usa el lado izquierdo del encabezado como un área de navegación y contenido dual. Cuando el usuario hace una selección, la página se desliza hacia la izquierda, moviendo la imagen principal hacia el lado izquierdo y mostrando el contenido del cuerpo en el lado derecho.

En esta variación de ancho completo de Virgin Galactic, el header parece un heroico elemento de navegación con un vídeo de fondo que incluye imágenes impresionantes.

Todos los elementos de tu encabezado web deben funcionar en conjunto. La ubicación y el tamaño de cada objeto en el header, ofrece a los usuarios pistas visuales sobre cómo navegar y usar tu página web nada más acceder a ella. El color de un botón, el espaciado, el relleno alrededor de los elementos o el tamaño de fuente de un título, pueden marcar la diferencia entre que el usuario realice la acción deseada o no.
Carrusel de imágenes
Usualmente el carrusel de imágenes se usa en los encabezados de páginas web porque son capaces de:

Comunicar una a una cada pieza de contenido para evitar cualquier confusión.

Mejorar en gran medida la comunicación visual. La cual es mejor porque generalmente las personas simplemente 'escanean' el contenido, en vez de leerlo completamente.

Ofrecer relevancia al contenido más importante.

Actuar como navegación previa. Lo que permite al internauta explorar diferentes contenidos sin salir de la página principal.

Hacer que la página web resulte familiar para que los usuarios sepan cómo usarla e interactuar con ella. Por ejemplo, deslizando o presionando los puntos para que las diapositivas vayan avanzando.

El header de HTC tiene tres diapositivas que destacan cinco tecnologías nuevas:
Llamada a la acción - Call to Action (CTA)
A veces solo quieres que el usuario realice una acción. En este caso, el objetivo del sitio The Information es obtener la dirección de correo electrónico del visitante. Al eliminar todos los demás elementos y centrarse al 100% en la llamada a la acción, The Information se ha optimizado para la acción deseada:
El estilo Editorial
BMW ha reinventado su página web como si fuera una editorial y ofrece a sus usuarios historias y artículos, comenzando con el artículo principal en el encabezado sobre la historia del logotipo M y sus colores:
El estilo Catálogo
La página web de Target emula su catálogo físico con el encabezado que usa para mostrar las novedades para mujeres, seguido de los otros departamentos dentro de la tienda, que combinan colecciones, promociones, productos individuales e información.

Tamaño de las cabeceras web en WordPress

El mejor lugar para comenzar, consiste en revisar la "Configuración de medios" en la pestaña "Apariencia" del Administrador de WordPress.

Saber el mejor ancho de imagen para una imagen en una publicación del blog (por ejemplo, 1024px para el tema Showcase Pro).

Conocer qué tamaño de imagen funcionará mejor en la barra lateral del tema (300).

Sin embargo, esta sección no te ofrecerá las mejores dimensiones de la imagen para tu página de inicio, imagen de encabezado web o banners de la página.

Dependiendo de tu tema, WordPress debe listar los tamaños de imagen óptimos para tu página de inicio/imagen de encabezado web en Apariencia -> Personalizar -> Imagen de encabezado de página principal. La mayoría de los tamaños que se muestran aquí tienen alrededor de 1600 px por 1050 px.

Cómo encontrar cualquier tamaño de imagen para el banner de un header

Introduce la URL de tu página web en el navegador Chrome y presiona Inspeccionar para obtener el tamaño exacto de la imagen siguiendo los pasos siguientes:

1. Clic derecho + clic / Control + clic (Mac) en la página web.

2. Clic Inspeccionar.

3. Clic en el menú de 3 puntos para ver los Elementos en la parte inferior para que la vista de la página no responda.

No todas las imágenes de la cabecera web de un banner tienen el mismo tamaño

Si el encabezado de Inicio (1600px x 1050px) no tiene el mismo tamaño que el encabezado del banner del Blog (1080px x 960px), usa imágenes que se vean bien en espacios largos y estrechos.
Tamaño de imagen de header recomendado para una página web
Aunque cada vez son más grandes las pantallas, el ancho de encabezado de 1024 px sigue siendo el tamaño más popular. Las páginas web están diseñadas para una resolución de 1024px por 768px.

Si quieres utilizar un encabezado de más de 1000 píxeles, utiliza uno de estos tamaños de encabezado:

Son tamaños de resolución alta que se pueden ajustar sin ningún problema con resoluciones de más de 1920.

¿Cuál es el mejor tamaño de encabezado de web para tu página web?
Los tamaños de header de página web más populares:
Conclusión

Lo primero que debes hacer es pensar qué quieres que hagan tus visitantes cuando lleguen a tu página web y optimizar tu header según tu objetivo. Asegúrate que las imágenes no superan los 72 ppp y que usan el formato de color RGB.

Cuantos menos elementos tenga tu encabezado de web, más enfocada estará la acción que se desea. Por el contrario, cuantos más elementos tengan las cabeceras web, se le pedirá más al usuario para que explore el contenido e interprete lo que le resulte más relevante.

No hay prácticas positivas o negativas, todo depende de tu audiencia y la acción que quieres que los usuarios lleven a cabo. Recuerda que cuanto más contenidos visuales tenga tu encabezado de web, mayor será el tiempo de carga y mayor será el tamaño de tu página web.

Siempre verifica la velocidad de carga de tu página web con SEOptimer para estar seguro de conseguir un buen balance entre una experiencia óptima de los usuarios y una velocidad de carga ideal.

# data[].attributes.attachment_link.title
¿Cuál es el tamaño adecuado de la cabecera web (header)? - SEOptimer

# data[].attributes.attachment_link.description
Índice Introducción Factores clave del encabezado de web 1. Logotipo 2. Tamaño 3. Contenido Tamaño de las cabeceras web en WordPress Cómo encontrar cualquier tamaño de imagen para el banner de un header No todas las imágenes de la cabecera web de un banner tienen el mismo tamaño ¿Cuál es el mejor tamaño de encabezado de web para tu página web?

# data[].attributes.attachment_link.readable_text
Introducción

Ya seas un desarrollador que quieres comenzar con un proyecto de diseño de sitio web nuevo para un cliente, o una empresa que necesita construir un sitio nuevo, un esquema web te será muy útil para que tu trabajo sea más fácil, claro y organizado. Cualquier persona que quiera crear una página web, primero debería pensar en la planificación. Como por ejemplo: saber cómo dirigirse a los clientes de la manera adecuada, comprender sus necesidades, saber cuántas páginas necesitas, qué precisa el desarrollador para crear el sitio, etc. En esta guía explicamos qué debe incluir el esquema web teniendo en cuenta tu clasificación SEO al diseñar tu página.

Qué incluir
Estructura web
Diseña la estructura web de tu página antes de incluirla en el esquema web de tu sitio. Mantenla simple. Dibújala en papel, en tu bloc/cuaderno de notas o incluso en una pizarra. Puedes usar de manera alternativa estas herramientas: Microsoft Visio, whiteboard, Excel, OmniGiraffe y las Hojas de Cálculo de Google.

Este es un ejemplo de una estructura sencilla:

Esto es lo que tienes que tener en cuenta al añadir la estructura de tu sitio a tu esquema web:

Categorización - Categoriza tus páginas web. Agrupa las características y elementos que son iguales. Al categorizar, ten entre 2 y 7 categorías. Equilibra las subcategorías. Si cada categoría tiene 5 subcategorías, asegúrate de que todas tus categorías tengan 5 subcategorías.

Niveles/profundidad de página - Sigue una profundidad de página reducida. Tres niveles son ideales. Sin embargo, si tu sitio necesita más de tres niveles, como las tiendas online, hazlo. Cuanto menor sea la profundidad de los niveles de la página, más fácil será la navegación de tu sitio.

Ten una categoría global - Es la única categoría adicional que necesitas además de las 7. Aquí es donde se incluyen elementos como políticas de privacidad, inicios de sesión y funcionalidades de búsqueda. Los elementos se incluyen como parte de tu encabezado o pie de página.
Por qué el esquema web es tan importante
El esquema web de su sitio determina la experiencia de los usuarios, el rastreo, los enlaces de sitio (sitelinks) que probablemente obtendrás y los enlaces internos que tendrá tu página.

Un sitio con un buen esquema web tiene como resultado mejores experiencias para los usuarios, lo que origina tasas de rebote más bajas. Todas estas señales le dicen a Google que tu sitio es de calidad alta, lo que contribuye a que tu página web tenga una clasificación más alta en los resultados de los motores de búsqueda.

Los robots de los motores de búsqueda rastrean el esquema web de tu sitio para indexar tu página web. La estructura completa de tu sitio debe resumirse y enviarse a Google Search Console. Esto se hace usando un mapa del sitio XML.

Sin la estructura adecuada del sitio, hay páginas y URL que los robots de los motores de búsqueda nunca descubrirán.

La estructura adecuada del sitio ayuda a que la página web tenga enlaces de sitio en las páginas de resultados de los motores de búsqueda, como nuestro ejemplo:

Los enlaces de sitio hacen que sea más fácil para los usuarios elegir la página que podría ser más relevante. Esto incrementa tu CTR (tasa de clics), la tasa de conversión e incluso las ventas. También es probable que tu página tenga una clasificación más alta que la de tu competencia.

Esto es lo que Google dice sobre los enlaces de sitio:

"Solo mostramos enlaces de sitio para obtener resultados cuando creemos que serán útiles para el usuario. Si la estructura de tu página no permite que nuestros algoritmos encuentren buenos enlaces a sitios, o no creemos que los enlaces a sitios de tu página son relevantes para la consulta del usuario, no los mostraremos".

Un sitio con una buena estructura da como resultado la creación de enlaces internos que ayudan con la navegación del usuario. También facilita que los motores de búsqueda identifiquen las páginas relacionadas, disminuye la profundidad del sitio y ayuda a pasar la equidad de los enlaces a otras páginas.

Diseño de la página web

La estructura de tu página ofrece un esquema web de tu sitio. Por ejemplo, te ayuda a saber la cantidad de columnas que necesitas. Ahora tienes que hacer una lista con los elementos que formarán el diseño de tu sitio. Comienza con tu página de inicio, ya que probablemente será el primer lugar que visiten los visitantes de tu plataforma.
Página de inicio
La página de inicio o destino es lo que usan los usuarios para decidir si necesitan pasar más tiempo en tu página web o no. Tienes que tener en cuenta que el diseño ayudará mucho a facilitar la navegación del usuario.

Al diseñar tu página de inicio, piensa en lo que se encuentra en la mitad superior de la página y en la mitad inferior de la página. Esto significa lo que va antes del desplazamiento (parte superior de la página) y lo que sigue después del desplazamiento (parte inferior de la página).

A continuación, puedes ver una imagen que te ayudará a diferenciar entre la mitad superior de la página y la mitad inferior de la página:

Parte superior de la página

La parte superior de la pagina debería incluir:

Logo

Título

Subtítulo

Barra de navegación

Llamada a la acción (Call To Action)

Subcategoriza estos elementos. Por ejemplo, categoriza el logotipo debajo de la barra de navegación. Añade imágenes o incluye un vídeo según tu sector.

Parte inferior de la página

La parte inferior de la pagina debería incluir:

Eventos

Artículos del blog

Tendencias del sector

Indicadores de confianza

Cobertura de prensa

Información de ubicación

Ventajas y/o características

Dependiendo de tu sector, puedes seguir agrupando los elementos anteriores. Por ejemplo, puedes poner la información de ubicación debajo del pie de página.

Características

Enumera las características que quieres tener en tu página web. Piensa en cuáles son las funciones imprescindibles de tu sitio, y cómo ayudar a tus clientes a obtener la información que necesitan y actuar en consecuencia. Toda la UI/UX, SEO, etc. Se incluye:

Llamada a la acción - CTA

Blog

Preguntas Frecuentes

Foro

Galería

Seguridad

Newsletter

Comentarios

Testimonios

Lead magnet

Registro/Inicio de sesión

Carrito de compra

Procesamiento de pago

Botones/enlaces compartir en redes sociales

Posiblemente no sepas dónde colocar exactamente estas características. Esto quedará más claro cuando crees tu wireframe (que es una representación visual del esquema web. Muestra el diseño, la navegación y el contenido de tu sitio. En este artículo puedes conocer más información sobre los wireframes).

A continuación puedes ver un ejemplo de wireframe:

Guía de estilo

Las guías y patrones de estilo son esenciales para ayudar al diseñador web a mantener la estructura y crear experiencias para la audiencia en varios dispositivos.

Los beneficios de las guías de estilo son muchas: crean un lenguaje común, facilitan las pruebas, ahorran tiempo y esfuerzo y crean una referencia útil a la que volver. Éstas incluyen:

Listas

Botones

Títulos

Párrafos

Capacidad de respuesta

Enlaces: activo/inactivo/flotante

Fondo: blanco/negro/colores de la marca

Enumera los colores que quieres usar. Deben estar en consonancia con los colores de tu marca.

En tu esquema web, coloca entre paréntesis los estilos relacionados para cada elemento.

Recursos

Los recursos se basan en lo que puedes hacer con ellos, lo que has hecho hasta ahora, por qué deberían elegirte a ti y cómo puedes ayudar. Junto con la guía de estilo, debes crear estos mensajes usando diferentes métodos que atraigan mejor a tu audiencia.
Enumera los recursos que necesitarás para lograr la funcionalidad que buscas, incluyendo:

Iconos

Fuentes

Vídeos

Testimonios / Comentarios

Imágenes y gráficos

Material de marketing - Informes técnicos, comunicados de prensa

Imágenes y sus fuentes - Fotografías de la empresa/stock

En tu esquema web, coloca entre paréntesis los estilos relacionados para cada elemento.

Navegación

Decide la navegación que prefieres según la estructura de tu sitio, el diseño de la página y las características (tanto en la parte superior como en la parte inferior de la página). Puede ser superior, inferior, lateral o central. También puede ser fija (estática) en la que no cambia de posición con el desplazamiento, o 'sticky' (cuando se mueve a medida que el usuario se desplaza).

Estas son algunas opciones de navegación:
Navegación superior
Este es un menú 'hamburguesa' que probablemente encontrarás en dispositivos móviles:
Navegación superior fija
Esta navegación no cambia de posición según el usuario se va desplazando:
Navegación estática de la barra lateral
La siguiente captura de pantalla muestra la navegación en el lado derecho y permanece en el mismo lugar incluso cuando el usuario se desplaza:
Navegación inferior estática
Aquí, el pie de página se usa como navegación principal. Abajo puedes ver una captura de pantalla:

Consejo

Debes crear un esquema para cada página. Cada página de tu sitio es diferente. Aunque las características como el encabezado y el pie de página seguirán siendo las mismas, tu página de inicio y el resto de las páginas deben ser diferentes, aunque tengan la misma apariencia para darle consistencia.

Plantilla

A continuación puedes ver una plantilla que resume todos los detalles que hemos comentado. Reemplaza las descripciones entre corchetes con la información de tu propia empresa.

Conclusión

Al crear un esquema web, no hace falta profundizar con mucho detalle. El esquema es una guía que te ayuda a mantener el diseño de tu página web en el buen camino, estructurado y claro. Deja espacio para la adaptación y la creatividad.

# data[].attributes.attachment_link.title
Qué incluir en un esquema web (con Plantilla Gratis) - SEOptimer

# data[].attributes.attachment_link.description
Índice Introducción Qué incluir Diseño de la página web Características Guía de estilo Recursos Navegación Consejo Plantilla Conclusión Introducción Ya seas un desarrollador que quieres comenzar con un proyecto de diseño de sitio web nuevo para un cliente, o una empresa que necesita construir un sitio nuevo, un esquema web te será muy útil para que tu trabajo sea más fácil, claro y organizado.

# data[].attributes.attachment_link.title
Genially, la herramienta online para crear contenido interactivo

# data[].attributes.attachment_link.description
Crea con Genially contenidos interactivos y animados alucinantes de forma muy fácil: presentaciones, infografías, gamificaciones y más.