Panoraview https://panoraview.com Panóptico de Actualidad Gráfica y Visual Mon, 18 Mar 2024 19:17:48 +0000 es hourly 1 https://wordpress.org/?v=6.4.3 Diseño web responsivo: 9 conceptos básicos que debes tener en cuenta https://www.creativosonline.org/diseno-web-responsivo-9-conceptos-basicos-que-debes-tener-en-cuenta.html Mon, 18 Mar 2024 19:17:48 +0000 https://panoraview.com/diseno-web-responsivo-9-conceptos-basicos-que-debes-tener-en-cuenta Diseño web responsivo: 9 conceptos básicos que debes tener en cuenta

Como sabes, el diseño web responsivo es una de las claves en el posicionamiento de las páginas y cada vez le da más importancia Google a este aspecto. Pero, ¿sabes cuáles son los nueve conceptos básicos que debes tener en cuenta

Si no sabes a ciencia cierta qué es el diseño web responsivo y los conceptos más importantes que tiene, te recomendamos que sigas leyendo este artículo donde te vas a enterar de todo. ¿Empezamos?

Qué es el diseño web responsivo

mujer trabajando en portatil

El diseño web responsivo, también conocido como responsive, es una de las mejores soluciones para el diseño web. Y es que, antes, cuando se construía una web, tenías el problema de que se veía diferente según el móvil, una tablet o incluso en distintas resoluciones web. Sin embargo, con esta opción tienes la posibilidad de que sea la web la que se adapte al dispositivo. Aquí no hablamos ya de páginas fijas, de centímetros, tamaños, etc. sino que se construye sabiendo que después, al cambiar los distintos dispositivos, esta se va a adaptar (por supuesto, a veces hay que hacer algunos cambios mínimos).

Dicho de otro modo, hablamos de un formato de programación. Con él, podemos hacer que una web se ajuste de manera automática, al dispositivo del usuario, ya sea este en el móvil, tablet o en un ordenador con una resolución diferente a la que se ha diseñado.

De esta manera se permite que la web se vea bien en todos los aspectos.

Principios básicos

hombre diseño web

Ahora que te ha quedado más claro qué es el diseño web responsivo, es hora de hablarte de esos principios básicos que tiene este formato y cómo ayuda a que las webs se vean mejor. Estos serían los siguientes:

Flujo de elementos

Nos estamos refiriendo a lo que ocurre cuando la pantalla donde se va a visualizar la página web es cada vez más pequeña. Por ejemplo, en el caso de un móvil. Cuando más pequeña es la pantalla, el formato tiende a organizar toda la información que forma parte de la plantilla.

Y lo hace de una manera vertical, no horizontal. De esta manera, no se obliga al usuario a que tenga que desplazarse a izquierda y derecha para ver toda la página, además de arriba y abajo, para la web.

También evita que los contenidos no se superpongan, sino que queden organizados siempre en formato vertical.

Y antes de que lo preguntes, sí, muchas plantillas pueden establecer un orden concreto para cada parte de la plantilla, o incluso desaparecer, cuando la pantalla llegue a un determinado tamaño. Esto se hace con el objetivo de priorizar la información y también de aligerar el diseño para que no haya que hacer mucho scroll para informarse de lo que diga.

Desktop vs móvil

El diseño para mobile está cobrando cada vez más importancia por el hecho de que está desbancando a los ordenadores. Pero a la hora de hacer un diseño web, en realidad no implica una diferencia grande en cuanto a diseñar primero la web y luego la versión ordenador, o al revés. En realidad, cualquier diseño web responsivo en el ordenador se plasma en el móvil y viceversa.

Ahora bien, sí es cierto que habrá algunos detalles a tener en cuenta en cada uno de los diseños que harán que se personalice. De hecho, algunas empresas optan por crear un diseño web único para ordenadores, y otro especial para móviles, si bien eso puede hacer que se pierdan funciones o que haga que los usuarios se pierdan al navegar entre uno y otro, sobre todo si están acostumbrados a un tipo.

Fuentes tipográficas, ¿web o del sistema

Un aspecto importante en el diseño web es la tipografía que se va a utilizar. Es decir, los tipos de fuentes a usar. Y, como sabes, hay millones que podrías utilizar. Pero siempre se recomienda utilizar aquellas que sean legibles, fáciles de cargar y que sean rápidas de cargarse.

Debes tener en cuenta que las fuentes pueden reflejar un estilo moderno, o bien un estilo simple. Las primeras pueden hacer que se tarde más en cargarlas; mientras que las segundas, si bien son más clásicas, permiten un mejor funcionamiento del sitio web.

¿Y cuál sería mejor? Pues dependerá de las necesidades que tenga ese proyecto. Si en tu página debe primar el impacto, aunque tarde más en cargar puede ser una mejor elección que aquellos con diseños simples que no destacan mucho.

Eso sí, debes tener en cuenta que es mejor usar fuentes con las que te asegures que los usuarios las van a tener instaladas; de lo contrario no conseguirás ese efecto.

estudiante trabajando en ordenador

Unidades relativas

Otro de los principios del diseño web responsivo es utilizar lo que se llaman «unidades relativas». De ellas, la mejor es el porcentaje.

¿Y para qué sirve esto? Verás, imagina que tienes un diseño web para el ordenador, una tablet y un móvil. En lugar de proporcionar unas medidas específicas para cada uno, se utilizar el porcentaje para que el formato se encargue después de hacer escalas diferentes conforme se reduzca el tamaño de las pantallas.

Si se utilizan medidas fijas esto podría no quedar bien al disminuir esas pantallas.

Puntos de interrupción

Los puntos de interrupción hacen referencia al espacio que se tiene para trabajar en un ordenador y en un móvil. Mientras en el primero se pueden tener básicamente tres columnas, en el caso del móvil solo se tiene una. Esto hace que, cuando el diseño cambia a pantallas más pequeñas, se distribuya de manera natural; mientras que, si no tiene los puntos de interrupción, lo que hará es que quede más pequeño todo el contenido manteniendo el mismo diseño.

Valores

A la hora de diseñar una web responsivo, una de las claves básicas que se deben tener en cuenta son los valores mínimos y máximos en cuanto al ancho y alto de la web y de los propios elementos.

La gran diferencia entre uno y otro es que, si no hay un máximo de ancho, lo que hace es que el contenido se extienda a lo ancho, lo que puede hacer que se vea más deformado.

Objetos anidados

Imagina que tu web tiene muchísimos elementos. Y que en la versión móvil has decidido que vas a ponerlos más centrados. El disponer de objetos anidados lo que te permite es mover varios objetos que forman parte de una unidad a la vez, ahorrando así bastante tiempo. Además, permite un diseño más limpio y ordenado.

No solo eso, sino que, al hacer que los elementos vayan «todos a uno», se pueden adaptar más rápido a las pantallas pequeñas.

Imágenes vs vectores

En este caso nos centramos en los iconos de la web. Estos pueden ser hechos con imágenes de mapa de bits o bien con vectores. ¿Y cuál sería lo mejor? Vectores, sin duda. Esto es porque al hacerlos más grandes o pequeños, no se verán pixelados ni borrosos.

Diseño adaptativo vs responsivo

Para finalizar con los principios del diseño web responsive, debes saber que muchos confunden este con el diseño adaptativo, cuando en realidad hay una gran diferencia entre ellos.

El diseño responsive lo que hace es que la estructura se ajuste de manera fluida y natural al dispositivo que se utilice. ¿Y qué ocurre con el diseño adaptable? En este caso la adaptación se produce a saltos y muestra algo diferente según el navegador y el dispositivo que se utilice. Dicho de otra forma, te mostrará un diseño diferente para cada dispositivo.

¿Conocías estos principios básicos del diseño web responsivo?

]]>
Una vivienda en Sant Climent de Sescebes que reformula el paisaje arquitectónico local https://panoraview.com/una-vivienda-en-sant-climent-de-sescebes-que-reformula-el-paisaje-arquitectonico-local/ Mon, 18 Mar 2024 15:59:44 +0000 https://panoraview.com/una-vivienda-en-sant-climent-de-sescebes-que-reformula-el-paisaje-arquitectonico-local La colaboración entre Serralleria Martinez y Thermia Barcelona se materializó en una residencia de una sola planta estructurada mediante un espacio diáfano que potencia la luz como piedra angular del proyecto.

La entrada Una vivienda en Sant Climent de Sescebes que reformula el paisaje arquitectónico local aparece primero en diariodesign.com.

]]>
Gen Z y las Redes Sociales https://www.lamonomagazine.com/gen-z-y-las-redes-sociales/ Mon, 18 Mar 2024 13:45:26 +0000 https://panoraview.com/gen-z-y-las-redes-sociales La Generación Z, conformada por jóvenes nacidos entre mediados de los años 90 y principios de los 2010, está cambiando la manera en que interactuamos en línea. En este artículo, exploraremos cómo esta generación utiliza las redes sociales y qué significa para las marcas que buscan conectarse con ellos.

¿Dónde pasa su tiempo la Generación Z en línea

  1. YouTube: Más del 80% de la Generación Z pasa tiempo en YouTube. Los videos son su lenguaje nativo, y esta plataforma es su refugio para tutoriales, entretenimiento y descubrimiento.
  2. Instagram: Con un 75% de usuarios, Instagram sigue siendo relevante. Las historias, los filtros y la creatividad visual atraen a esta generación.
  3. TikTok: El 69% de la Generación Z se sumerge en TikTok. Los videos cortos y la autenticidad son clave aquí.
  4. Snapchat: Aunque no está en su apogeo, el 63% todavía utiliza Snapchat para mensajes efímeros y filtros divertidos.
  5. Facebook y Twitter: Estas plataformas han perdido terreno, pero algunos todavía las utilizan.

¿Cuánto tiempo pasan en las redes sociales?

  • 35% de la Generación Z pasa más de cuatro horas al día en redes sociales. Aunque ha disminuido ligeramente desde el año anterior, sigue siendo significativamente más alto que los adultos en general.
  • Sus principales razones para usar redes sociales son entretenimiento y desplazamiento (68%) y mensajería y comunicación (19%).

Estrategias para llegar a la Generación Z

  1. Video Marketing: Los videos son su preferencia. Crea contenido auténtico, divertido y relevante en YouTube, TikTok e Instagram.
  2. Influencers y Reseñas: La Generación Z busca activamente nuevas marcas. Las reseñas, los hauls y los videos “GRWM” (Get Ready With Me) influyen en sus decisiones de compra.
  3. Integración de Productos Creativa: Colabora con influencers para una colocación de producto sutil. Inspírate en las tendencias de TikTok y crea contenido que enganche.

Por qué a la Generación Z le gusta que sus redes sociales sean un caos

Aunque no todos los miembros de esta generación se adhieren al mismo patrón, hay algunas razones clave por las que muchos de ellos prefieren que sus perfiles en línea sean un tanto “desordenados”:

  • Autenticidad y Vulnerabilidad

La Generación Z valora la autenticidad. No quieren ver solo la versión pulida y perfecta de la vida de los demás. Prefieren la imperfección, los momentos genuinos y las historias reales. Un feed desorganizado les permite compartir sus altibajos, sus luchas y sus triunfos sin temor al juicio.

  • Contra la Estética Tradicional

A diferencia de generaciones anteriores, la Gen Z no se preocupa tanto por la estética perfecta. No les importa si sus fotos combinan o si su feed sigue un esquema de colores. En cambio, se sienten atraídos por la espontaneidad y la diversidad visual. Un feed desordenado les permite experimentar con diferentes estilos y formatos.

  • Rechazo a la Presión Social

La Generación Z está al tanto de los efectos negativos de las redes sociales en la salud mental. Saben que la búsqueda constante de la perfección puede ser agotadora. Al mantener sus perfiles un poco desordenados, pueden rechazar la presión de encajar en un molde específico y simplemente ser ellos mismos.

  • La Influencia de TikTok y Stories

TikTok y las historias de Instagram han cambiado la forma en que consumimos contenido. Los videos cortos y las publicaciones efímeras han creado una cultura de rapidez y diversidad. La Gen Z se siente cómoda con la idea de que su feed sea un reflejo de su mente inquieta y cambiante.

  • La Búsqueda de Significado Personal

En lugar de buscar la aprobación de los demás, muchos jóvenes de esta generación buscan significado personal en sus redes sociales. No se trata solo de likes y seguidores, sino de expresarse, conectarse con otros y encontrar su voz en un mundo digital abrumador.

Conclusión

La Generación Z es digitalmente competente y busca autenticidad. Las marcas que comprendan sus preferencias y se adapten a su lenguaje en línea tendrán éxito en esta nueva era de las redes sociales. ¡Prepárate para conectar con la Generación Z! 

The post Gen Z y las Redes Sociales appeared first on lamonomagazine.com.

]]>
La valla en cuestión, por Escif https://graffica.info/la-valla-en-cuestion/ Mon, 18 Mar 2024 09:20:52 +0000 https://panoraview.com/la-valla-en-cuestion-por-escif

Actualizado 18/03/2024 En un comunicado Escif explica los motivos creativos de su obra de la Falla del Ayuntamiento de Valencia, que ha suscitado polémica por algunas de las figuras que aparecen en la misma. “El que hace algo se equivoca. El que no hace nada está equivocado”. Francis Alÿ Como diseñador de la Falla Municipal de […]

]]>
Nueva casa para el arte popular brasileño en Río de Janeiro https://panoraview.com/nueva-casa-para-el-arte-popular-brasileno-en-rio-de-janeiro/ Mon, 18 Mar 2024 09:13:02 +0000 https://panoraview.com/nueva-casa-para-el-arte-popular-brasileno-en-rio-de-janeiro Como muchas veces suele suceder, y esto es casi una regla para el arte popular de Brasil, muchas veces son los de afuera los primeros en valorar y promover lo que les es ajeno pero termina siéndoles tan propio…

La entrada Nueva casa para el arte popular brasileño en Río de Janeiro apareció primero en Experimenta.

]]>
Charlas que no debes perderte en la próxima edición de Packaging Première & PCD Milán https://graffica.info/charlas-que-no-debes-perderte-en-la-proxima-edicion-de-packaging-premiere-pcd-milan/ Mon, 18 Mar 2024 08:00:00 +0000 https://panoraview.com/charlas-que-no-debes-perderte-en-la-proxima-edicion-de-packaging-premiere-pcd-milan

Packaging Première y PCD Milán, el evento líder para el embalaje de lujo en los sectores de moda, belleza, joyería, alimentos finos, vino y licores, que tendrá lugar del 21 al 23 de mayo de 2024, no solo presentará las últimas innovaciones de productos y esbozará las tendencias del mercado, sino que también planteará temas […]

]]>
¿Qué son los selectores de atributo en CSS? | Guía Completa https://www.creativosonline.org/que-son-los-selectores-de-atributos-en-ccss.html Sun, 17 Mar 2024 23:46:47 +0000 https://panoraview.com/que-son-los-selectores-de-atributo-en-css-guia-completa Qué son los selectores de atributo en CSS

Si buscas aplicar reglas de estilo a tu página web, entonces los selectores son el recurso indicado. Existen varios tipos de selectores dentro de los cuales algunos tienen mayor popularidad. Por esto hoy te mostramos qué son los selectores de atributo en CSS, para que saques mayor provecho a estas herramientas.

Mediante CSS podrás valerte de varias opciones, que te ayudarán fuertemente con la presentación de tu página web. Los selectores de atributo servirán para delimitar elementos, y hacer más fácil el trabajo de personalización. Aunque este tema puede resultar complicado para personas no vinculadas a él, aprender sobre este te puede abrir muchas puertas.

¿Qué significado tiene CSS?Qué son los selectores de atributo en CSS

Si estás vinculado al mundo del diseño web, este término lo habrás escuchado frecuentemente. Las hojas de estilo en cascada (CSS) es un lenguaje de programación que te permite crear y modificar rápida y fácilmente un documento HTML. Esto significa que es un lenguaje con el cual puedes realizar la gestión del diseño, hacer cambios, presentación, mejoras y también personalización de páginas web. Su nombre proviene de que permite calcular propiedades heredadas de otro en varias hojas. En diseño web esto se llama cascada.

¿Qué son los selectores de atributo en CSS?

Los selectores de CSS son las herramientas que utilizas para definir el estilo que deseas darle a tus elementos CSS. Hay muchos tipos de selectores en este lenguaje, cada uno con su propia sintaxis y utilidad. El uso de las reglas de programación correctas, ayuda al navegador a aplicar ciertas propiedades a los elementos especificados.Programación

Por su parte, los selectores de atributos son uno de los tipos de selectores que tenemos en CSS. Son muy útiles, aunque a veces no tan conocidos como otros selectores más comunes como los selectores de clases o de etiquetas. Los selectores CSS se utilizan para especificar a qué campos queremos aplicar estilos.

En CSS los selectores sirven para delimitar los elementos HTML de nuestra página web a los que queremos aplicar un estilo. CSS tiene muchos selectores que te permiten seleccionar elementos con gran precisión al aplicar estilos. Estos llamados selectores de atributos garantizan que seleccione elementos HTML en función de sus atributos y/o valores.

¿Cuáles son los tipos de selectores de atributos?Lenguaje de programación

  • [nombre_atributo] selecciona elementos que tienen el atributo denominado nombre_atributo establecido independientemente de su valor.
  • [nombre_atributo=valor] selecciona elementos cuyo atributo denominado nombre_atributo se establece en un valor igual a valor.
  • [nombre_atributo~=valor] selecciona elementos que tienen un atributo llamado nombre_atributo establecido y al menos uno de los valores del atributo es valor.
  • [nombre_atributo|=valor], selecciona elementos que tienen un atributo llamado nombre_atributo establecido.
  • [attribute_name$=value] Seleccione etiquetas cuyo atributo termine con este valor.
  • [nombre_atributo^=valor] Selecciona etiquetas cuyo atributo comienza con este valor.

¿Cómo relacionar las letras mayúsculas y minúsculas?

Si deseas relacionar los valores de los atributos sin distinguir entre mayúsculas y minúsculas, puedes utilizar el valor «i» antes del corchete de cierre. Este indicador le comunica al navegador que coincida con todos los caracteres ASCII, independientemente de si están en mayúsculas o minúsculas. Sin esta marca, los valores se concatenan de acuerdo con las pautas de lenguaje que distinguen entre mayúsculas y minúsculas del documento. HTML distingue entre mayúsculas y minúsculas.

¿Qué son los operadores de selectores de atributos?

Podemos utilizar algunos operadores para selectores de atributos que no son tan conocidos, y que nos permiten afinar significativamente la apariencia de ciertos valores en los atributos consultados.

Estos son los operadores disponibles en los selectores de atributos

  • *= (que contiene): El operador * le permite seleccionar elementos que tienen una cadena específica como valor de un atributo al menos una vez.
  • ^= (ocurre al principio del valor del atributo): Escoge elementos que tienen un atributo cuyo valor comienza con una cadena específica.
  • $= (ocurre al final del valor del atributo): Selecciona elementos que tienen un atributo cuyo valor termina con una cadena específica.
  • ~= (contiene una palabra exacta o separada por espacios): Elige elementos cuyo valor de atributo tiene contenido que coincide exactamente con una cadena especificada, o que contiene una palabra separada por espacios con una cadena especificada.
  • |= (contiene la palabra exacta o está separada por guiones): Similar a lo anterior, pero la palabra se puede separar por guiones en lugar de espacios.

¿Cómo usar selectores en CSS?Diseño web

Hay dos formas posibles de utilizar selectores en CSS. Si tienes código HTML y código CSS en el mismo documento, todo lo que necesitas hacer es agregar un selector de CSS en el encabezado (head) de tu sitio.

Por el contrario, si tu HTML y CSS están en documentos separados, es posible que tengas un documento llamado index.html y otro documento llamado style.css. El archivo index.html debe incluir una línea de código que llame al archivo CSS, para que los estilos se muestren correctamente en tu sitio web.

¿Qué otros tipos de selectores hallamos en CSS?

Hay diferentes grupos de selectores. Estar al tanto de cuál es el tipo de selector que precisas te ayudará a utilizar la herramienta idónea para tu proyecto. Por eso te mostramos algunos a continuación:

Selectores de tipo, clase e identificador

Este grupo incluye selectores que restringen un elemento HTML, como un archivo. También contiene selectores que restringen una clase o identificador.

Pseudoclases y pseudoelementos

Este grupo de selectores incluye pseudoclases, que dan formato a estados específicos de un elemento. Por ejemplo, la pseudoclase hover selecciona un elemento solo cuando el mouse pasa sobre él. También incluye pseudoelementos que seleccionan una parte específica de un elemento en lugar del elemento en sí

Combinadores

Mediante esta serie de selectores se combinan otros selectores, con el objetivo de separar distintos elementos de nuestros documentos.

Selector universal

Automáticamente el asterisco (*) el cual es el símbolo de selector universal, escoge a todos los elementos de determinado documento.

Selector de ID

Este tipo fue logrado con el objetivo de seleccionar los elementos que tengan su base en el atributo de ID.

Si buscas el control de todo lo que sucede en un sitio web, definitivamente la mejor forma de obtenerlo es mediante su propio diseño. Para ellos podes auxiliarte de herramientas como los selectores de atributos. Así que si te preguntabas qué son los selectores de atributo en CSS, en este artículo esperamos haberte dado las respuestas. Si consideras que hemos dejado de mencionar algo importante, hazlo saber en los comentarios.

]]>
Camisetas que enseñan un proyecto de diseño gráfico que gana 5 premios https://www.creativosonline.org/camisetas-que-ensenan.html Sun, 17 Mar 2024 21:00:30 +0000 https://panoraview.com/camisetas-que-ensenan-un-proyecto-de-diseno-grafico-que-gana-5-premios Muestra de los diseños de Camisetas que enseñan

El proyecto de diseño gráfico Camisetas que enseñan recibió 5 premios y termina por demostrar el éxito de la propuesta pedagógica. Fue llevada al aula por Leire Fernández Iñurritegui y Eduardo Herrera, siguiendo una metodología innovadora para crear las imágenes y volcarlas en un proceso educativo para el diseño gráfico español.

El nombre del proyecto Camisetas que enseñan – Erakusteko Kamisetak fue reconocido con el Premio Internacional de Ilustración Pelikanor de Oro, dentro de la categoría Mejor serie de pictogramas basados en ilustración. Se trata de un premio perteneciente al galardón Pelikanor Applied Illustration International Award de Veredictas Internacional, y en su edición 2023 reconoció a la iniciativa española.

Un premio al diseño y todo el trabajo que conlleva Camisetas que enseñan

El jurado internacional conformado por figuras de la publicidad, el diseño gráfico, el marketing y el packaging analiza 32 categorías diferentes para hacer la entrega de galardones. Y en la edición que premia los proyectos de 2023 Camisetas que enseñan ha tenido el honor de ser considerada merecedora del máximo galardón.

El proyecto tiene un mérito especial, fue realizado mediante un Proyecto de Innovación IKDi3 Laborategia de la UPV/EHU. Es decir que su punto de partida fue el compromiso de la casa de altos estudios con una acción de la Asamblea General de la Organización de Naciones Unidas. Respondiendo a los Objetivos de Desarrollo Sostenible, el aula universitaria fue el punto de debate y discusión para llevar adelante el proyecto educativo.

Cómo fue el proceso de creación de las camisetas

Los profesores responsables del trabajo fueron Leire Fernández Iñurritegui y Eduardo Herrera. Ambos dirigen el Grupo de Investigación en Diseño Gráfico y Tipografía ‘Letraz’ de UPV/EHU. Además son profesores de Diseño Gráfico del Grado de Creación y Diseño de la Facultad de Bellas Artes. ¿Cómo se crearon las camisetas?

Le pidieron al alumnado que narraran a través de cada una de las imágenes, alguna de las distintas realidades que se desprenden de los ODS. El proceso fue llevando a la representación gráfica de objetos cotidianos, pero desviando su significado hacia nuevas perspectivas.

Camisetas que enseñana y los ODS

El proyecto busca plantear nuevas realidades y así perturbar el orden habitual de la percepción de las personas. Llamando así la atención acerca de los diferentes Objetivos e Desarrollo Sostenible de la ONU. A través de los diseños convertidos en camisetas, los alumnos y alumnas se han convertido en activistas gráficos. Removiendo y generando conciencia respecto de las diferentes problemáticas que los ODS apuntan a resolver.

Algunas de las imágenes y sus representaciones

El ODS número 2, Hambre Cero, forma parte de la propuesta convertida en camiseta. Aquí se ve el logotipo de una reconocida marca de comida rápida, intervenido con un instrumento para la medición de la grasa corporal. O el ODS número 3, Salud y bienestar, representado por un mosquito – jeringuilla. En esta última propuesta, se alude a la necesidad de tratamientos médicos y cómo su acceso ayuda a evitar pandemias y la proliferación de diferentes enfermedades.

En esa tónica son los diferentes diseños que fueron premiados gracias al éxito de Camisetas que enseñan. Con relación al ODS 5, Igualdad de género, se realizó un diseño con una mariposa. En el diseño del insecto está escondida una cuchilla de afeitar. Un símbolo de la mutilación femenina a la que millones de niñas en el mundo siguen expuestas.

El proyecto también fue galardonado con dos premios Selección en otro apartado de la entrega. Claramente la iniciativa ha tenido un fuerte impacto en el mundo del diseño gráfico, ya que no solamente ayuda a la generación de conciencia a partir de imágenes, sino que tiene un profundo trabajo de reflexión. Escuchar las voces de los alumnos y alumnas, generar los caminos para su expresión y convertirlas en camisetas es la clave del proyecto.

El compromiso de la Universidad del País Vasco

El gran trabajo educativo y de formación que lleva adelante la Universidad del País Vasco queda reflejado de manera profesional y concreta en esta gran variedad de premios. La iniciativa tiene el reconocimiento de la comunidad internacional del diseño gráfico, pero también ha dejado con una gran satisfacción a docentes y alumnos. Claramente es una motivación mayor para seguir generando iniciativas de este tipo.

Para invitar a la comunidad a ver los contenidos premiados, los tres campus de la institución han servido como galería, y también otras jornadas como Naukas Bilbao, Artes Visuales Getxo y Bilbao Bizkaia Design Week. El objetivo es que las imágenes, impresas sobre camisetas, sigan girando y haciéndose conocidas. Que despierten la reflexión por parte de los espectadores y sumen al gran trabajo de diseño que se realiza desde el equipo profesional de la Universidad del País Vasco. Más allá de los premios y las felicitaciones, el compromiso es clave para seguir generando iniciativas de reconocimiento internacional y con funcionalidad para la formación de la comunidad.

]]>
Piet, la nueva tipografía de Typemates https://www.creativosonline.org/piet-tipografia-typemates.html Sat, 16 Mar 2024 21:30:02 +0000 https://panoraview.com/piet-la-nueva-tipografia-de-typemates Cómo es Piet la nueva tipografía de Typemates

Typemates presentó una nueva tipografía denominada Piet. Combina formalidad y excentricidad, un diseño interesante que viene a traer una fuerte inspiración nórdica para tu manera de comunicarte mediante textos. Piet está basada en las chapas de patente de los automóviles finlandeses. Los trazos redondeados y profundos, los números un tanto extraños y una combinación gráfica de elegancia y excentricidad hacen a la personalidad de esta nueva tipografía de Typemates.

Combina Mono y Sans, Piet es una tipografía de uso y estilo burocrático a primera vista, pero tiene un estilo propio y hay que aprender a quererlo. A primera vista, Piet no es una tipografía linda, ni refinada. Pero es inconfundible. Un diseño de formas prácticas y casi irrompibles. Robustas, pero con más o menos las correcciones ópticas esperables para este tipo de propuestas.

Piet, la tipografía Mono y Sans para todo tipo de documentos

Piet se compone por dos tipos de letras. Si la versión Mono se siente muy acartonada, puedes cambiarla a sans y verás algunos retoques puntuales para hacerla lucir más refinada. El espaciado proporcional, el acoplamiento visual y las formas de algunas letras más suavizadas hacen que el aspecto general de la tipografía mejore para usuarios promedio.

En la letra cursiva, Piet muestra bastantes diferencias entre los modelos Mono y Sans. Donde las letras cursivas de Sans están inclinadas de forma simple, en Mono hay una demanda creciente de prominencia. Todas las formas tienen un toque más suave entre los anchos predefinidos de cada letra. Las formas rotadas en cada mayúscula llaman la atención y tienen una fuerte adherencia a la base y crean una interesante tensión con las letras E, L y Z.

La tipografía Piet se ha extendido y hoy es posible descargarla para escribir distintos tipos de documentos, y para la expansión en el mercado nórdico europeo se vuelve indispensable al menos tenerla como referencia. Las versiones Piet Sans y Piet Mono tienen cuatro anchos diferentes que hacen juego con las cursivas.

Funciones de la tipografía Piet y usos

Las tipografías Piet incluyen todas las opciones de configuración de una fuente OpenType ambiciosa. Se incluyen desde opciones de tabla hasta fracciones, subíndices, formas localizadas y alternativas estilísticas. El objetivo principal detrás de su aparición fue que pudiera haber una estilo nuevo, combinando lo elegante y lo práctico, y con nuevas alternativas para el menú de tipografías.

La versión Piet Mono ss02 ya incluye letras no estiradas que aumentan el atractivo general. La versión Piet Sans ss02 se acerca un poco al estilo Mono con semi serif. El punto intermedio entre ambas es la nueva versión Piet ss03. Sus mayúsculas con diseño más vertical sirven como puente uniendo las diferentes alternativas.

Los orígenes de Piet

El diseñador detrás de Piet es Nils Thomsen. A principios de 2024 presentó esta nueva tipografía que se dividen en 16 estilos en 4 versiones incluyendo cursivas. En total son más de 500 símbolos por fuente. Puede descargarse en formatos OTF y TTF para ordenadores de escritorio y también para apps. Para usarlo en páginas web también se incluyen los enlaces de descarga para WOFF y WOFF2. Estas últimas dos versiones permiten el uso como fuente principal para gestionar una página web a tu medida.

Nils Thomsen es el cofundador de TypeMates. Desde pequeño ha estado cautivado por el mundo del graffiti, y eso derivó en su interés por las formas y las letras. Completados sus estudios en Bellas Artes, ha ido presentando al mundo sus creaciones, tipografías como Piet pensadas para que determinados mensajes lleguen de la manera más correcta visualmente, y con una personalidad única.

Los objetivos de TypeMates y el aporte de Piet

Desde que co-fundó TypeMates, Nils se encarga de extender la colección de tipografías para que los mensajes y comunicaciones puedan tener una impronta visual diferente. Su catálogo de fuentes tipográficas es muy variado. Desde Pensum Stencil y 9 Styles hasta Conto Slab y Meret.

La nueva tipografía Piet de Typemates

Cada una de estas tipografías tiene su personalidad y público objetivo. Mientras Meret es un tipo de letra directa, pensada para periódicos y medios de comunicación, para hacer sus publicaciones más atractivas, en Mikkel hallarás un estilo más despreocupado, gracioso y hasta infantil.

Los diseñadores de tipografías como Nils juegan mucho con sus vastos conocimientos, con sus gustos propios y con lo que necesita o reclama el usuario. Por eso su nueva propuesta, la tipografía Piet en versiones Mono y Sans, combina seriedad y desenfado. Dependiendo la versión, encontrarás un tipo de letra que se puede adaptar tranquilamente tanto a documentación oficial como a un cartel o una propuesta respetuoso pero no solemne para carteles de indicación.

Como suele suceder, la mejor manera de probar el funcionamiento de las tipografías es usándola para diferentes mensajes. A partir de las sensaciones que despierta, podremos escoger en que tipo de mensajes, carteles o propuestas escritas llevarlo adelante.

]]>
5 plantillas de WordPress gratis para bufetes de abogados https://www.creativosonline.org/plantillas-de-wordpress-gratis-para-bufetes-de-abogados.html Sat, 16 Mar 2024 20:58:55 +0000 https://panoraview.com/5-plantillas-de-wordpress-gratis-para-bufetes-de-abogados 5 plantillas de WordPress gratis para bufetes de abogados

Un sitio web es siempre una buena herramienta a la hora de darte a conocer, genera visitas y así aumenta la presencia de tu negocio. Si quieres que tu firma de abogados llame la atención, dándole a tus clientes toda la información necesaria sobre tus servicios, hoy te traemos 5 plantillas de WordPress gratis para bufetes de abogados.

WordPress es la herramienta ideal para esto, este sistema te permite acceder a todos los recursos necesarios, para lograr que tu sitio web luzca muy profesional. Además dentro de sus herramientas tendrás temas dedicados especialmente a los bufetes de abogados, así será más fácil trabajar en base a tus necesidades.

Estas son 5 plantillas de WordPress gratis para bufetes de abogados:

TheGem5 plantillas de WordPress gratis para bufetes de abogados

Es un tema potente, versátil con un diseño moderno y creativo, adecuado para muchos usos de creación de sitios web. Diseñado y desarrollado como una caja de herramientas de creación web con elementos, estilos y características de diseño. TheGem ha sido cuidadosamente diseñado para una variedad de usos creativos, con tal flexibilidad que realmente puede catalogarse como uno de los más completos de su tipo.

¿Qué nos ofrece de positivo este tema 

Con más de 40 conceptos de diseño únicos y versátiles, 150 impresionantes páginas de demostración, ocho configuraciones de navegación en más de 20 estilos y diseños de página flexibles, las posibilidades son realmente infinitas. Perfecto para empresas de todos los tamaños y propósitos, agencias creativas con ideas innovadoras, incluida una tienda de moda WooCommerce con todas las funciones.

El tema también cubre las necesidades de autónomos, fotógrafos, arquitectos y artistas digitales. Ofreciendo excelentes funciones de portafolio con diseños personalizados, para satisfacer las necesidades individuales. Encontrarás diseños interesantes que sabemos que te encantarán. TheGem para WordPress ofrece todo lo que necesita para satisfacer sus ambiciones y necesidades creativas.

LegalPress5 plantillas de WordPress gratis para bufetes de abogados

Es un tema para abogados y asesores legales. Este tema ofrece un diseño elegante y moderno para tu firma. Perfecto para una gran presencia en línea. LegalPress presenta un diseño amplio y cuadrado. Su diseño responsivo permite su uso en todos los tamaños de pantalla, desde dispositivos móviles hasta computadoras de escritorio. Ofrece infinitas posibilidades de personalización con opciones de color ilimitadas, así como múltiples imágenes de fondo cuando se utiliza un diseño de cuadrícula.

¿Cuáles son sus ventajas? 

  • LegalPress incluye Importación de demostración con un clic, que le brinda una ventaja en la creación de contenido, al importar todo el contenido disponible desde el sitio de demostración.
  • El contenido de demostración incluye la página de inicio, la página de nuestros servicios, noticias legales y páginas de contacto.
  • También está completamente integrado con Woocommerce, para facilitar la configuración de una tienda en línea.
  • Con más de 12 widgets personalizados, agregar contenido enriquecido a tus páginas es más fácil. Desde horarios de apertura y perfiles personales hasta reseñas y servicios.
  • LegalPress es fácil de usar, rápido y flexible. No tiene funciones innecesarias y tiene un diseño simple que maximiza la eficiencia. No se incluyen animaciones complicadas e innecesarias.

Justice5 plantillas de WordPress gratis para bufetes de abogados

Es un tema popular para los sitios de WordPress. Este tema puede alojar fácilmente sitios web de abogados, consultores legales, y bufetes de abogados. Justice es ideal tanto para pequeños despachos de abogados como para grandes. El diseño del tema se adapta fácilmente a cualquier pantalla.

¿Por qué debes escoger este tema 

Gracias al creador de páginas de arrastrar y soltar, la creación de sitios web se ha vuelto mucho más fácil. Simplemente arrastre los elementos a cualquier lugar de la pantalla para reorganizarlos. Justice es compatible con el popular complemento WooCommerce. Esto permite a los propietarios de sitios web configurar sus propias tiendas en línea. Además su sitio web se puede traducir a cualquier idioma, gracias a la inclusión del complemento multilingüe WPML. Los temas son muy informativos y la comunidad es bastante agradable.

Hay 3 variaciones de encabezado diferentes, 3 estilos de página de inicio y una cantidad ilimitada de opciones de color. Una vez instalado, los usuarios pueden elegir entre un formato de una sola página o de varias páginas.

Elijas lo que elijas, tu contenido se verá genial. Justice incluye una extensa fuente de documentación, una interfaz fácil de usar y algunos efectos y características diferentes. También puedes configurar un boletín semanal, muy útil para tu firma.

Lawyer & Attorney Lawyer & Attorney

Es un tema de WordPress ideal para bufetes de abogados, firmas de consultoría laboral y fiscal, jueces, y otras empresas de servicios legales. El diseño está dirigido a este sector e incluye características como horarios de atención, formularios de consulta gratuitos, áreas de práctica, comunicación, preguntas frecuentes, blog y páginas de miembros del equipo.

¿Qué tiene de especial esta herramienta 

Un tema realmente completo a considerar si estás pensando en crear un sitio web para una empresa de servicios. Puedes personalizar el diseño de tu sitio web sin restricciones, utilizando las combinaciones de colores que más te gusten. El tema contiene códigos cortos útiles, que aumentan significativamente la funcionalidad de tu sitio web. Tienes la opción de crear una sección de controles deslizantes, que sea ideal para captar la atención de tus clientes.

Hay diferentes estilos de visualización del área de práctica, páginas individuales, diseños de equipo y una única página de perfil para cada abogado. Se encuentran disponibles una página de preguntas frecuentes, y un formulario para solicitar una evaluación gratuita. Cada uno de los 7 diseños prediseñados se puede modificar a tu gusto. El sitio web se ve muy bien en múltiples dispositivos incluidos computadoras de escritorio, tabletas y teléfonos móviles.

JurisJuris

Dedicado a los abogados, la plantilla está disponible con 3 diseños de página de inicio, incluidos el moderno, el clásico y el de abogado, por lo que puedes seleccionar entre diseños de pantalla dividida, en cuadros y de ancho completo según tus requisitos. Es sencillo de usar y no necesitas grandes habilidades para ello.

El tema viene con una serie de páginas internas predefinidas como Acerca de nosotros, Áreas, Estudios de casos, Nuestros abogados, Noticias, Citas, Pago de facturas, Contactos y más. Puedes crear cualquier contenido personalizado para las páginas correspondientes y representar tu negocio legal de la manera más profesional. Juris se basa en el generador de páginas frontales de Elementor, por lo que es fácil de editar sin una línea de código.

Para transmitir una buena imagen que evidencie la solidez de tu firma, es preciso tener un sitio web con todo lo necesario. Que posea una seriedad y elegancia propias de un bufete de abogados y cualquier institución dedicada a temas legales, es una necesidad. Por esto esperamos que estas 5 plantillas de WordPress gratis para bufetes de abogados, te hayan sido de utilidad. Si consideras necesario agregar algo más, hazlo saber en los comentarios.

]]>
The Making of Magnum Magnum https://www.magnumphotos.com/arts-culture/the-making-of-magnum-magnum-2/ Fri, 15 Mar 2024 15:26:45 +0000 https://panoraview.com/the-making-of-magnum-magnum The post The Making of Magnum Magnum appeared first on Magnum Photos.

]]>
¿Qué es Substack? https://www.lamonomagazine.com/que-es-substack/ Fri, 15 Mar 2024 13:38:03 +0000 https://panoraview.com/que-es-substack Substack es una plataforma que ha revolucionado la forma en que los escritores y creadores independientes comparten su trabajo con el mundo. En este artículo, exploraremos qué es Substack, cómo funciona y por qué se ha convertido en un motor económico para la cultura.

¿Qué es Substack?

En su forma más básica, Substack es una plataforma de marketing por correo electrónico que permite a los creadores escribir boletines y compartir su trabajo directamente con sus seguidores o suscriptores. A diferencia de las redes sociales, no necesitas retuitear o volver a compartir constantemente tu trabajo para que la gente lo vea. Substack te brinda una conexión directa con tu audiencia, sin anuncios que interfieran.

¿Cómo Funciona

  1. Crea tu Substack: Substack combina un blog, un boletín, un sistema de pago y un equipo de soporte al cliente, todo integrado de manera fluida en una interfaz sencilla. Tú te enfocas en tu mejor trabajo mientras Substack se encarga de la administración, facturación y tecnología.
  2. Haz Crecer tu Audiencia: Más del 40% de las nuevas suscripciones gratuitas y alrededor del 20% de las suscripciones pagadas provienen de la red de Substack. No tienes que hacer todo el marketing por ti mismo.
  3. Experiencia de Lectura y Escucha de Clase Mundial: Substack te permite publicar en la web, por correo electrónico y en su aplicación simultáneamente. Así puedes llegar a nuevos lectores y mantener a tu audiencia actual. Además, puedes crear podcasts y videos para enriquecer aún más tu contenido.

Ventajas de Substack

  • Propiedad Intelectual: Siempre eres dueño de tu propiedad intelectual, lista de correo y pagos de suscriptores.
  • Control Editorial: Sin intermediarios ni barreras, puedes hacer el trabajo en el que más crees.
  • Simplicidad: Substack combina múltiples funciones en una sola plataforma.

Ejemplos de Substacks Exitosos

  1. Berm Peak: Un espacio para amantes del ciclismo de montaña, escrito por periodistas, ingenieros, atletas y entusiastas de las bicicletas.
  2. HOW TO SHOW UP con Samara Bay: Consejos sobre visibilidad y comunidad, presentados por la autora y entrenadora de voz Samara Bay.
  3. Weirder Together con Ben Lee e Ione Skye: Arte, música, cine y más, creado por los artistas casados Ben Lee e Ione Skye.
  4. Extracurricular con Tembe Denton-Hurst: Recomendaciones culturales y literarias de la escritora Tembe Denton-Hurst.

En resumen, Substack es una herramienta poderosa para escritores y creadores que desean compartir su trabajo de manera directa y rentable. ¡Únete a la revolución de la cultura y crea tu propio Substack hoy mismo!

The post ¿Qué es Substack? appeared first on lamonomagazine.com.

]]>