Tipografía fluida en WordPress
•
0 recomendaciones•104 vistas
Para conseguir que el tamaño de la tipografía se adapte al dispositivo, antes usábamos media queries y declarábamos distintos tamaños de fuente según el ancho de la pantalla del dispositivo. Actualmente, existe una manera más eficaz y más fácil de implementar: la tipografía fluida. Veremos en qué consiste, qué ventajas tiene y cómo se implementa en WordPress. Es una charla-taller en la que explicaré, paso a paso y sin perder a nadie por el camino, el código CSS que hay que utilizar (la función Clamp). Conoceremos herramientas que nos ayudan a escribir el código correctamente (la función Clamp es difícil de entender a simple vista), y veremos cómo se puede hacer fácilmente con WordPress 6.1. Además, aprenderemos cómo podemos contribuir a mejorar el proyecto en GitHub.
Denunciar
Compartir
Denunciar
Compartir
Descargar para leer sin conexión
Recomendados
Como elegir un tema para WooCommerce
El tema de WooCommerce determina la apariencia que va a tener tu tienda online.
En esta charla veremos algunos consejos básicos que debes tener en cuenta a la hora de elegir un tema:
Que la línea gráfica encaje con tu marca y tus productos, en función de lo que quieres comunicar a tu audiencia.
Que el tema esté actualizado para que sea compatible con las últimas versiones de WordPress y WooCommerce.
Que no incluya funcionalidades personalizadas.
Que esté adaptado a todos los dispositivos, que sea accesible, y que ofrezca una experiencia de usuario agradable a todos los visitantes.
Además, veremos aspectos más específicos de diseño orientado a la conversión.
Así, podremos elegir un tema que tenga un diseño optimizado de cada una de las partes de tu tienda online (página de inicio, página de producto, listados, etc.).
Como disenar el checkout de WooCommerce para aumentar la conversion
De todas las partes del proceso de venta de una tienda online, el checkout o página de pago es la más importante: es el lugar donde las visitas se convierten en ventas.
Tu tienda online puede tener un diseño muy atractivo y puede ser muy fácil de usar. Incluso, puede tener unos productos estupendos y un tráfico altísimo. Pero nada de esto importa si las visitas se atascan en el checkout.
¿Sabías que media de abandono del carrito es del 70%? Flipante. 7 de cada 10 clientes/as abandonan su carrito por algún motivo.
Por eso, lo mejor que podemos hacer para reducir el abandono del carrito y aumentar las conversiones es optimizar el checkout.
Servicios WordPress: ¿premium o low-cost?
¿Hay que dedicarle el mismo tiempo a todos los clientes? ¿Hay que usar constructores visuales o desarrollar temas a medida? ¿Hay que optimizar siempre el rendimiento o la seguridad de la web? ¿Depende?
Los profesionales que trabajamos con WordPress ofrecemos servicios de muchos niveles, para distintos tipos de clientes y de proyectos.
Conociendo las buenas prácticas, seremos capaces de adaptar el nivel de los servicios a cada tipo de cliente y de proyecto. El verdadero arte, que solo se alcanza con mucha destreza y años de experiencia, está en no ofrecer un servicio propio de low-cost cuando pretendemos dar un servicio premium (¡y viceversa!).
En esta charla repasaremos algunas de las situaciones más comunes que se dan cuando ofrecemos servicios WordPress, y veremos cómo las resolveríamos en función de si hemos acordado dar un servicio premium o low-cost, y daré mi propia opinión sobre lo que debemos ofrecer siempre, como mínimo, cuando trabajamos con WordPress.
Como disenar una landing page con Figma
Figma es la herramienta por excelencia para el diseño y prototipado de productos digitales. En esta charla aprenderemos a diseñar una landing page que genere ventas.
El proceso de diseño empieza con los contenidos, continúa con el diseño de wireframes mobile first, en el que veremos la jerarquización de contenidos y la experiencia de usuario; sigue con el diseño visual, en el que veremos cómo aplicar los valores de la marca y emocionar al usuario, y desemboca en el developer handoff, el paso a desarrollo (con WordPress, ¡claro!).
Ana Cirujano: Cómo aplicar el branding de tu cliente a su WooCommerce
¿Es suficiente con colocar el logotipo de la empresa en la esquina superior izquierda? ¿Un logotipo es capaz de transmitir los valores, los objetivos, la identidad de la marca? Como implementadores/as de tiendas online, ¿qué podemos hacer para que una tienda se identifique claramente y se distinga de las demás? Veremos paso a paso, con ejemplos visuales, qué cosas podemos tener en cuenta para otorgar una personalidad única a una tienda online, sin distraer a los compradores de finalizar la compra: colores, tipografía, tono de comunicación, animaciones, arquitectura de contenidos… para conseguir que la tienda de nuestro cliente sea única y, en definitiva, para que venda más que su competencia.
Ponente: Ana Cirujano
Soy diseñadora visual y de interacción, mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress. Me apasiona la comunicación clara y soy una entusiasta de la tipografía y la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía y que, algún día, las webs estén tan bien diseñadas como cualquier libro. Soy diseñadora freelance y formadora en 3ymedia.school. En la comunidad WordPress, soy coordinadora del equipo de diseño de WordPress España y co-organizadora de la meetup de WordPress Torrelodones (Madrid). También participo traduciendo temas y plugins y subiendo videos a WPTV.
¿Qué debería preguntar a mi cliente?
¿Cómo obtienes y evalúas la información necesaria para iniciar un proyecto web?
Aprende con Ana Cirujano (España) cómo entender las necesidades de tu cliente, obtener la información más relevante, y realizar las preguntas estrella que te servirán para analizar, presupuestar y tomar las mejores decisiones en el proceso de diseño de un sitio web.
Como elegir el tipo de letra perfecto para un sitio web
El tipo de letra es uno de los aspectos más importantes del diseño de un sitio web.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: cada tipo de letra provoca unas emociones diferentes.
Además, hay una serie de factores técnicos que hay que tener en cuenta a la hora de seleccionar una fuente, tanto aspectos tipográficos como la legibilidad o el mapa de caracteres, como aspectos que afectan al rendimiento de nuestro sitio web.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, repasaremos los factores que tenemos que tener en cuenta al seleccionar una tipografía, aprenderemos cómo combinar tipografías, y descubriremos qué son las fuentes variables, entre otros temas.
Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web, sabrás cómo mejorar la experiencia de usuario de tus clientes y, en consecuencia, tomarás decisiones de diseño más acertadas, de cara a cumplir con tus objetivos de negocio.
Vaca, xovenca e pucha: fuentes variables en WordPress
En esta charla, conoceremos a fondo el nuevo plugin gratuito disponible en el repositorio de plugins de WordPress: mowomo Variable Fonts.
⇒ ¿Quién es Ana?
Co-organizadora de la Meetup de WordPress Torrelodones y de WordPress Collado Villalba.
Coordinadora del equipo de Diseño de WordPress España.
Diseñadora visual y de interacción, mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.
Puedes ver mis últimos proyectos en www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube www.unbilleteachattanooga.com.
⇒ Ana nos adelanta un poco cómo será el evento:
Comenzaré explicando, de una manera muy sencilla, toda la teoría en la que se sustenta el plugin, tanto tipográfica (UX/UI) como de rendimiento (WPO).
El plugin mowomo Variable Fonts es una elegante solución para lograr una mejor tipografía con bonitas fuentes variables. Elegant y beautiful son adjetivos que a menudo se usan en el repositorio de WordPress para describir a plugins y temas y nosotros, como buenos WordPresseros, hemos querido hacer un homenaje y usarlas también.
Este plugin nos permite usar fuentes variables de una manera muy sencilla. Además, nos permite establecer una tipografía responsive y una escala modular en nuestra web desarrollada con WordPress. ¡Todo esto sin necesidad de tocar ni una línea de código!
Si conservamos los ajustes predeterminados, obtendremos un buen resultado para la mayoría de los sitios web, pero, dependiendo del diseño del tema que tengamos activado en nuestra web, podemos necesitar realizar ajustes personalizados, para lo que este plugin está muy bien preparado, ya que podemos realizar nuestros propios ajustes desde el personalizador de WordPress.
La experiencia de usuario del administrador es realmente buena: podemos previsualizar los cambios que hagamos en las fuentes desde el personalizador de WordPress, para realizar ajustes en la composición tipográfica viendo cómo quedan en tiempo real, tanto para escritorio, como para tabletas y móviles.
Recomendados
Como elegir un tema para WooCommerce
El tema de WooCommerce determina la apariencia que va a tener tu tienda online.
En esta charla veremos algunos consejos básicos que debes tener en cuenta a la hora de elegir un tema:
Que la línea gráfica encaje con tu marca y tus productos, en función de lo que quieres comunicar a tu audiencia.
Que el tema esté actualizado para que sea compatible con las últimas versiones de WordPress y WooCommerce.
Que no incluya funcionalidades personalizadas.
Que esté adaptado a todos los dispositivos, que sea accesible, y que ofrezca una experiencia de usuario agradable a todos los visitantes.
Además, veremos aspectos más específicos de diseño orientado a la conversión.
Así, podremos elegir un tema que tenga un diseño optimizado de cada una de las partes de tu tienda online (página de inicio, página de producto, listados, etc.).
Como disenar el checkout de WooCommerce para aumentar la conversion
De todas las partes del proceso de venta de una tienda online, el checkout o página de pago es la más importante: es el lugar donde las visitas se convierten en ventas.
Tu tienda online puede tener un diseño muy atractivo y puede ser muy fácil de usar. Incluso, puede tener unos productos estupendos y un tráfico altísimo. Pero nada de esto importa si las visitas se atascan en el checkout.
¿Sabías que media de abandono del carrito es del 70%? Flipante. 7 de cada 10 clientes/as abandonan su carrito por algún motivo.
Por eso, lo mejor que podemos hacer para reducir el abandono del carrito y aumentar las conversiones es optimizar el checkout.
Servicios WordPress: ¿premium o low-cost?
¿Hay que dedicarle el mismo tiempo a todos los clientes? ¿Hay que usar constructores visuales o desarrollar temas a medida? ¿Hay que optimizar siempre el rendimiento o la seguridad de la web? ¿Depende?
Los profesionales que trabajamos con WordPress ofrecemos servicios de muchos niveles, para distintos tipos de clientes y de proyectos.
Conociendo las buenas prácticas, seremos capaces de adaptar el nivel de los servicios a cada tipo de cliente y de proyecto. El verdadero arte, que solo se alcanza con mucha destreza y años de experiencia, está en no ofrecer un servicio propio de low-cost cuando pretendemos dar un servicio premium (¡y viceversa!).
En esta charla repasaremos algunas de las situaciones más comunes que se dan cuando ofrecemos servicios WordPress, y veremos cómo las resolveríamos en función de si hemos acordado dar un servicio premium o low-cost, y daré mi propia opinión sobre lo que debemos ofrecer siempre, como mínimo, cuando trabajamos con WordPress.
Como disenar una landing page con Figma
Figma es la herramienta por excelencia para el diseño y prototipado de productos digitales. En esta charla aprenderemos a diseñar una landing page que genere ventas.
El proceso de diseño empieza con los contenidos, continúa con el diseño de wireframes mobile first, en el que veremos la jerarquización de contenidos y la experiencia de usuario; sigue con el diseño visual, en el que veremos cómo aplicar los valores de la marca y emocionar al usuario, y desemboca en el developer handoff, el paso a desarrollo (con WordPress, ¡claro!).
Ana Cirujano: Cómo aplicar el branding de tu cliente a su WooCommerce
¿Es suficiente con colocar el logotipo de la empresa en la esquina superior izquierda? ¿Un logotipo es capaz de transmitir los valores, los objetivos, la identidad de la marca? Como implementadores/as de tiendas online, ¿qué podemos hacer para que una tienda se identifique claramente y se distinga de las demás? Veremos paso a paso, con ejemplos visuales, qué cosas podemos tener en cuenta para otorgar una personalidad única a una tienda online, sin distraer a los compradores de finalizar la compra: colores, tipografía, tono de comunicación, animaciones, arquitectura de contenidos… para conseguir que la tienda de nuestro cliente sea única y, en definitiva, para que venda más que su competencia.
Ponente: Ana Cirujano
Soy diseñadora visual y de interacción, mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress. Me apasiona la comunicación clara y soy una entusiasta de la tipografía y la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía y que, algún día, las webs estén tan bien diseñadas como cualquier libro. Soy diseñadora freelance y formadora en 3ymedia.school. En la comunidad WordPress, soy coordinadora del equipo de diseño de WordPress España y co-organizadora de la meetup de WordPress Torrelodones (Madrid). También participo traduciendo temas y plugins y subiendo videos a WPTV.
¿Qué debería preguntar a mi cliente?
¿Cómo obtienes y evalúas la información necesaria para iniciar un proyecto web?
Aprende con Ana Cirujano (España) cómo entender las necesidades de tu cliente, obtener la información más relevante, y realizar las preguntas estrella que te servirán para analizar, presupuestar y tomar las mejores decisiones en el proceso de diseño de un sitio web.
Como elegir el tipo de letra perfecto para un sitio web
El tipo de letra es uno de los aspectos más importantes del diseño de un sitio web.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: cada tipo de letra provoca unas emociones diferentes.
Además, hay una serie de factores técnicos que hay que tener en cuenta a la hora de seleccionar una fuente, tanto aspectos tipográficos como la legibilidad o el mapa de caracteres, como aspectos que afectan al rendimiento de nuestro sitio web.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, repasaremos los factores que tenemos que tener en cuenta al seleccionar una tipografía, aprenderemos cómo combinar tipografías, y descubriremos qué son las fuentes variables, entre otros temas.
Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web, sabrás cómo mejorar la experiencia de usuario de tus clientes y, en consecuencia, tomarás decisiones de diseño más acertadas, de cara a cumplir con tus objetivos de negocio.
Vaca, xovenca e pucha: fuentes variables en WordPress
En esta charla, conoceremos a fondo el nuevo plugin gratuito disponible en el repositorio de plugins de WordPress: mowomo Variable Fonts.
⇒ ¿Quién es Ana?
Co-organizadora de la Meetup de WordPress Torrelodones y de WordPress Collado Villalba.
Coordinadora del equipo de Diseño de WordPress España.
Diseñadora visual y de interacción, mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.
Puedes ver mis últimos proyectos en www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube www.unbilleteachattanooga.com.
⇒ Ana nos adelanta un poco cómo será el evento:
Comenzaré explicando, de una manera muy sencilla, toda la teoría en la que se sustenta el plugin, tanto tipográfica (UX/UI) como de rendimiento (WPO).
El plugin mowomo Variable Fonts es una elegante solución para lograr una mejor tipografía con bonitas fuentes variables. Elegant y beautiful son adjetivos que a menudo se usan en el repositorio de WordPress para describir a plugins y temas y nosotros, como buenos WordPresseros, hemos querido hacer un homenaje y usarlas también.
Este plugin nos permite usar fuentes variables de una manera muy sencilla. Además, nos permite establecer una tipografía responsive y una escala modular en nuestra web desarrollada con WordPress. ¡Todo esto sin necesidad de tocar ni una línea de código!
Si conservamos los ajustes predeterminados, obtendremos un buen resultado para la mayoría de los sitios web, pero, dependiendo del diseño del tema que tengamos activado en nuestra web, podemos necesitar realizar ajustes personalizados, para lo que este plugin está muy bien preparado, ya que podemos realizar nuestros propios ajustes desde el personalizador de WordPress.
La experiencia de usuario del administrador es realmente buena: podemos previsualizar los cambios que hagamos en las fuentes desde el personalizador de WordPress, para realizar ajustes en la composición tipográfica viendo cómo quedan en tiempo real, tanto para escritorio, como para tabletas y móviles.
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Si quieres especializarte en diseño de sitios web con WordPress, esta es tu charla. Te interesa tanto si vas a maquetar tú mismo/a después con un editor visual como si vas a pasar tu diseño al equipo de desarrollo.
Haremos un recorrido por las fases de diseño de una web para WordPress, aprendiendo las buenas prácticas. Veremos aspectos clave como el prototipado, el diseño responsive, la gestión de assets y, lo más importante: la comunicación entre diseño y maquetación.
Elige un tipo de letra adecuado para tu web
Las decisiones que tomemos en cuanto a la tipografía de nuestra web van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, los factores que tenemos que tener en cuenta al seleccionar una tipografía, cómo combinar tipografías, y qué son las fuentes variables, entre otros temas.
Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web y mejorar así la experiencia de usuario de tus clientes para generar más ventas.
Ponente
Ana Cirujano
Co-organizadora de esta meetup de WordPress Torrelodones.
Diseñadora visual y de interacción.
Mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.
Me apasiona la comunicación clara y soy una entusiasta de la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía. Y que algún día las webs estén tan bien diseñadas como cualquier libro.
Puedes ver mis últimos proyectos en www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube www.unbilleteachattanooga.com.
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Las fuentes variables permiten que las webs tengan una mejor experiencia de usuario porque son más legibles, facilitan una mejor jerarquía visual y una mejor adaptación al entorno, al dispositivo y al usuario.
Además, podemos conseguir todo esto sin ralentizar la velocidad de carga de la web, porque las fuentes variables utilizan un único archivo, que además está muy optimizado (woff2).
Ahora, esta tecnología está al alcance de cualquier usuario de WordPress, incluso sin conocimientos técnicos, gracias al plugin Fuentes Variables, en el que he tenido el honor de contribuir como diseñadora, y que está disponible en el repositorio oficial de WordPress con licencia GPL, gratuito y de código abierto.
Ahorra tiempo y no diseñes desde cero
Aprenderemos a usar patrones para resolver problemas recurrentes de la interfaz de usuario, para no tener que reinventar la rueda y así podremos centrarnos en pensar solo aquellas soluciones que sean problemas específicos de un negocio en concreto.
Better UX and WPO using variable fonts in WordPress
Using variable fonts in WordPress we can get the texts of a website to adapt to the context of the user, in order to get more readable and attractive texts, achieving great performance, without sacrificing the loading speed.
Variable fonts can change their properties -such as width or weight, for example- using just one file!
We will see how you can use it in WordPress (CSS code) and all the advantages they have comparing to standard fonts. We will also go over real examples of how to create and apply variable fonts.
Cómo acertar al elegir el tipo de letra de tu web
Aprenderemos cómo elegir los tipos de letra para una web: que sean adecuados y que combinen entre ellos.
A la hora de elegir el tipo de letra para un sitio web, debemos tener en cuenta varios factores.
Aprenderemos a distinguir una buena tipografía y a elegir una u otra dependiendo de lo que queramos comunicar.
Además, sabremos por qué unas tipografías combinan bien con otras y por qué algunas no pegan ni con cola.
Llamar a la acción, a la emoción y a la sensación
Al diseñar una web, ¿has incluido una llamada a la acción? Puede que sí. ¿Y has desarrollado la empatía con los potenciales usuarios? ¿Has animado al usuario a que se implique de una forma activa y creativa?
Las historias nos mueven, nos emocionan y nos provocan sensaciones. ¿Podríamos utilizar esas mismas herramientas para diseñar una web?
En esta charla veremos los patrones narrativos que se utilizan para contar historias y aprenderemos cómo los podemos aplicar en el diseño de una web.
Ponente
Ana Cirujano
Diseñadora de proyectos web con WordPress en anacirujano.com.
Mis especialidades son la tipografía responsive, el branding y el diseño editorial.
Licenciatura en Sociología, Curso Superior de Dirección Comercial y Marketing y Máster en Diseño y Desarrollo Web.
En la actualidad, formo parte activa de la Comunidad WordPress: coordino el equipo de Diseño de WordPress España, soy coorganizadora de las Meetup de WordPress de Collado Villalba y de Torrelodones y asisto a todas las WordCamps que puedo. Fui ponente en Berlín, en WordCamp Europe 2019.
Lo cuento todo en mi blog, easyworkation.com y en el podcast unbilleteachattanooga.com, con Pablo Moratinos.
Variable fonts: the future of web design
Using variable fonts in WordPress, it’s possible for the text of a website to adapt to the context of the user to become more readable and attractive with better performance and without sacrificing upload speed. Variable fonts can change properties, such as width or weight, using just one file! It is expected that variable fonts are fully usable in browsers, and Ana will demonstrate this in WordPress (CSS code), explain the advantages they have compared to standard fonts, and use real examples of how to create and apply variable fonts.
Deja de abusar de Photoshop: trata las imágenes con CSS
Si utilizamos Photoshop para tratar las imágenes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.
Encajar y posicionar imágenes, filtros, recortes, colores, canales… Conociendo las propiedades CSS para tratar nuestras imágenes, podremos hacer rápidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en vete-tú-a-saber-qué-disco-duro, dónde está la foto original.
Veremos en qué ocasiones se pueden utilizar programas de retoque fotográfico, cuándo es mejor hacerlo con código y cómo aplicar las propiedades CSS.
Qué van a aprender los asistentes:
Aprenderán las propiedades CSS que se utilizan para el tratamiento de imágenes y cómo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gestión de medios.
Además, comprenderán la importancia de no utilizar programas de retoque fotográfico —como Photoshop—, para manipular las imágenes, ya que utilizando CSS conservamos las propiedades originales y además podemos realizar animaciones.
Ortotipografía para WordPress
Dobles espacios, rayas o guiones, puntos suspensivos, comillas tipográficas, espacio de no separación… Cuando escribimos en WordPress, a veces, tenemos dudas ortotipográficas que no sabemos cómo resolver. O, peor aún, cometemos errores ortotipográficos sin saberlo.
En esta charla veremos algunos de los errores más habituales. Te haré ver algunos detalles que antes no veías y te pido disculpas de antemano, porque cuando salgas de la charla te sangrarán los hojos más a menudo…
¿Cómo se diseña una web y cuánto cuesta?
Cuando me encargan el diseño de una web, ¿qué conceptos tengo que incluir y cuánto tengo que cobrar?.
Cuando empezamos a trabajar para clientes, una de las cosas más difíciles es cuantificar económicamente nuestro trabajo y aprender a estimar el tiempo que tardaremos en realizar cada tarea.
El precio es la cantidad de dinero más alta que un cliente está dispuesto a pagar por un producto o servicio. Averiguar esa cantidad se consigue conociendo el mercado y conociendo el valor de nuestro trabajo.
Veremos todos los pasos que hay que dar para diseñar una web profesional y aprenderemos a valorarlos económicamente.
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
La tipografía es una disciplina del diseño gráfico que estudia la composición de los textos en armonía con las imágenes y otros elementos. Tradicionalmente, en diseño editorial, los tipógrafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y fáciles de leer. Durante años ha sido muy difícil conseguir esto mismo en diseño web, ya que la tecnología no lo permitía.
En los últimos años y gracias a tecnologías como OpenType o las webfonts, se mejora mucho el panorama, pero no se consiguen grandes avances, ya que se valora más la velocidad de carga de la web que su aspecto visual.
Hoy, utilizando fuentes variables, podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean más legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.
Las fuentes variables cambian sus propiedades —como el ancho o el peso, por ejemplo— ¡utilizando un único archivo!
Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este año, por lo que veremos cómo se utilizan en WordPress (código CSS) y qué ventajas tienen respecto a las demás fuentes. También veremos ejemplos reales de aplicación de fuentes variables y cómo se crea una fuente variable.
¿Puede la tipografía aumentar las ventas de tu tienda online?
Definitivamente, sí: la tipografía es esencial para el éxito de tu tienda online.
Las decisiones que tomemos en cuanto a la tipografía de nuestra tienda online van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos de nuestra tienda online.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, para que puedas decidir cuál es el que más encaja con lo que quieres comunicar en tu tienda online y mejorar así la experiencia de usuario de tus clientes y generar más ventas.
Bloguero, cuidado con el lock-in
Una de las ventajas de utilizar un gestor de contenidos como WordPress para publicar en internet, es que el contenido está separado del diseño y de las funcionalidades. De esta manera, podemos cambiar de tema y que el aspecto de nuestro sitio web cambie; podemos cambiar de plugins y que las funcionalidades cambien; y, a pesar de cambiar el diseño o las funcionalidades, los contenidos siempre permanecerán.
Esta característica tan ventajosa se puede ir al traste si aplicamos malas prácticas en el desarrollo de la web. Si, por ejemplo, el tema que instalas lleva incorporada alguna funcionalidad, siempre deberás tener instalado ese tema para que la web siga funcionando. Esta dependencia es lo que se conoce como lock-in.
Pero, ojo, cuidado, bloguero, existen malas prácticas en la gestión de contenidos que tú haces, que también pueden generar dependencias. ¡Y son más habituales de lo que crees!
Veremos lo que no hay que hacer jamás y qué debemos hacer siempre para conservar intacto lo más valioso de tu web: los contenidos.
Mejora el diseño de tu web: Tipografía responsive
Veremos algunas recomendaciones de composición de textos optimizados para todos los dispositivos, que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea... aprenderemos a tomar decisiones de diseño para conseguir comunicar eficazmente, que nuestros usuarios disfruten más del sitio web y que aumente el tiempo de permanencia en la página y obtengamos más visitas.
Tipografía Responsive - WC Zaragoza 2018
Ponencia presentada por Ana Cirujano en la WordCamp Zaragoza 2018 sobe tipografía responsive: diseño para programadores y blogueros.
Movimiento Moderno en Venezuela Arquitectura
El movimiento moderno en la arquitectura venezolana tuvo sus inicios a mediados del siglo XX, influenciado por la corriente internacional del modernismo. Aunque inicialmente fue resistido por la sociedad conservadora y los arquitectos tradicionalistas, poco a poco se fue abriendo camino y dejando una huella importante en el país.
Uno de los arquitectos más destacados de la época fue Carlos Raúl Villanueva, quien dejó un legado significativo en la arquitectura venezolana con obras como la Ciudad Universitaria de Caracas, considerada Patrimonio de la Humanidad por la UNESCO. Su enfoque en la integración de la arquitectura con el entorno natural y la creación de espacios que favorecen la interacción social, marcaron un punto de inflexión en la arquitectura venezolana.
Otro arquitecto importante en la evolución del movimiento moderno en Venezuela fue Tomás Sanabria, quien también abogó por la integración de la arquitectura con el paisaje y la creación de espacios abiertos y funcionales. Su obra más conocida es el Parque Central, un complejo urbanístico que se convirtió en un ícono de la modernidad en Caracas.
En la actualidad, el movimiento moderno sigue teniendo influencia en la arquitectura venezolana, aunque se ha visto enriquecido por nuevas corrientes y enfoques que buscan combinar la modernidad con la identidad cultural del país. Proyectos como el Centro Simón Bolívar, diseñado por el arquitecto Fruto Vivas, son ejemplos de cómo la arquitectura contemporánea en Venezuela sigue evolucionando y adaptándose a las necesidades actuales.
Mueble Universal la estantería que se adapta a tu entorno
mueble universal con ensamblado por pieza individual para adaptarse a múltiples combinaciones y listo para integrarse fácilmente a cualquier nuevo entorno de vida, el nombre UNIVERSAL habla por sí mismo.
Gracias a su Sistema de fácil ensamblado y a su diversidad, se ha adaptado cuidadosamente a las necesidades contemporáneas de la vida moderna y puede estar seguro de que este sistema de estanterías seguirá disponible después de muchos años.
Arquitectura Ecléctica e Historicista en Latinoamérica
La arquitectura ecléctica e historicista en Latinoamérica tuvo un impacto significativo y dejó un legado duradero en la región. Surgida entre finales del siglo XIX y principios del XX, esta corriente arquitectónica se caracteriza por la combinación de diversos estilos históricos europeos, adaptados a los contextos locales.
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Explora el catálogo general de la colección Atelier de Bathco, disponible en Amado Salvador, ofrece una exquisita selección de lavabos y sanitarios de alta gama con un enfoque artesanal y exclusivo. Como distribuidor oficial Bathco, Amado Salvador presenta productos Bathco que encarnan la excelencia en calidad y diseño. Este catálogo destaca la colección Atelier, la más exclusiva de Bathco, que combina la artesanía tradicional con la innovación contemporánea.
La colección Atelier de Bathco se distingue por su atención meticulosa a los detalles y la utilización de materiales de primera calidad. Los lavabos y sanitarios de esta colección son verdaderas obras de arte, diseñados para elevar el lujo y la sofisticación en cualquier baño. Cada pieza de la colección Atelier refleja el compromiso de Bathco con la excelencia y la elegancia.
Amado Salvador, distribuidor oficial Bathco en Valencia. Explora este catálogo y sumérgete en el mundo de la colección Atelier de Bathco, donde la artesanía y la elegancia se unen para crear espacios de baño verdaderamente excepcionales.
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
Diseño del dia de la bandera. El 7 de junio se celebra en todo el Perú el Día de la Bandera, una fecha que conmemora el aniversario de la Batalla de Arica de 1880, un enfrentamiento histórico en el que las tropas peruanas se enfrentaron valientemente a las fuerzas chilenas durante la Guerra del Pacífico.
Más contenido relacionado
Más de Ana Cirujano
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Si quieres especializarte en diseño de sitios web con WordPress, esta es tu charla. Te interesa tanto si vas a maquetar tú mismo/a después con un editor visual como si vas a pasar tu diseño al equipo de desarrollo.
Haremos un recorrido por las fases de diseño de una web para WordPress, aprendiendo las buenas prácticas. Veremos aspectos clave como el prototipado, el diseño responsive, la gestión de assets y, lo más importante: la comunicación entre diseño y maquetación.
Elige un tipo de letra adecuado para tu web
Las decisiones que tomemos en cuanto a la tipografía de nuestra web van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, los factores que tenemos que tener en cuenta al seleccionar una tipografía, cómo combinar tipografías, y qué son las fuentes variables, entre otros temas.
Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web y mejorar así la experiencia de usuario de tus clientes para generar más ventas.
Ponente
Ana Cirujano
Co-organizadora de esta meetup de WordPress Torrelodones.
Diseñadora visual y de interacción.
Mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.
Me apasiona la comunicación clara y soy una entusiasta de la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía. Y que algún día las webs estén tan bien diseñadas como cualquier libro.
Puedes ver mis últimos proyectos en www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube www.unbilleteachattanooga.com.
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Las fuentes variables permiten que las webs tengan una mejor experiencia de usuario porque son más legibles, facilitan una mejor jerarquía visual y una mejor adaptación al entorno, al dispositivo y al usuario.
Además, podemos conseguir todo esto sin ralentizar la velocidad de carga de la web, porque las fuentes variables utilizan un único archivo, que además está muy optimizado (woff2).
Ahora, esta tecnología está al alcance de cualquier usuario de WordPress, incluso sin conocimientos técnicos, gracias al plugin Fuentes Variables, en el que he tenido el honor de contribuir como diseñadora, y que está disponible en el repositorio oficial de WordPress con licencia GPL, gratuito y de código abierto.
Ahorra tiempo y no diseñes desde cero
Aprenderemos a usar patrones para resolver problemas recurrentes de la interfaz de usuario, para no tener que reinventar la rueda y así podremos centrarnos en pensar solo aquellas soluciones que sean problemas específicos de un negocio en concreto.
Better UX and WPO using variable fonts in WordPress
Using variable fonts in WordPress we can get the texts of a website to adapt to the context of the user, in order to get more readable and attractive texts, achieving great performance, without sacrificing the loading speed.
Variable fonts can change their properties -such as width or weight, for example- using just one file!
We will see how you can use it in WordPress (CSS code) and all the advantages they have comparing to standard fonts. We will also go over real examples of how to create and apply variable fonts.
Cómo acertar al elegir el tipo de letra de tu web
Aprenderemos cómo elegir los tipos de letra para una web: que sean adecuados y que combinen entre ellos.
A la hora de elegir el tipo de letra para un sitio web, debemos tener en cuenta varios factores.
Aprenderemos a distinguir una buena tipografía y a elegir una u otra dependiendo de lo que queramos comunicar.
Además, sabremos por qué unas tipografías combinan bien con otras y por qué algunas no pegan ni con cola.
Llamar a la acción, a la emoción y a la sensación
Al diseñar una web, ¿has incluido una llamada a la acción? Puede que sí. ¿Y has desarrollado la empatía con los potenciales usuarios? ¿Has animado al usuario a que se implique de una forma activa y creativa?
Las historias nos mueven, nos emocionan y nos provocan sensaciones. ¿Podríamos utilizar esas mismas herramientas para diseñar una web?
En esta charla veremos los patrones narrativos que se utilizan para contar historias y aprenderemos cómo los podemos aplicar en el diseño de una web.
Ponente
Ana Cirujano
Diseñadora de proyectos web con WordPress en anacirujano.com.
Mis especialidades son la tipografía responsive, el branding y el diseño editorial.
Licenciatura en Sociología, Curso Superior de Dirección Comercial y Marketing y Máster en Diseño y Desarrollo Web.
En la actualidad, formo parte activa de la Comunidad WordPress: coordino el equipo de Diseño de WordPress España, soy coorganizadora de las Meetup de WordPress de Collado Villalba y de Torrelodones y asisto a todas las WordCamps que puedo. Fui ponente en Berlín, en WordCamp Europe 2019.
Lo cuento todo en mi blog, easyworkation.com y en el podcast unbilleteachattanooga.com, con Pablo Moratinos.
Variable fonts: the future of web design
Using variable fonts in WordPress, it’s possible for the text of a website to adapt to the context of the user to become more readable and attractive with better performance and without sacrificing upload speed. Variable fonts can change properties, such as width or weight, using just one file! It is expected that variable fonts are fully usable in browsers, and Ana will demonstrate this in WordPress (CSS code), explain the advantages they have compared to standard fonts, and use real examples of how to create and apply variable fonts.
Deja de abusar de Photoshop: trata las imágenes con CSS
Si utilizamos Photoshop para tratar las imágenes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.
Encajar y posicionar imágenes, filtros, recortes, colores, canales… Conociendo las propiedades CSS para tratar nuestras imágenes, podremos hacer rápidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en vete-tú-a-saber-qué-disco-duro, dónde está la foto original.
Veremos en qué ocasiones se pueden utilizar programas de retoque fotográfico, cuándo es mejor hacerlo con código y cómo aplicar las propiedades CSS.
Qué van a aprender los asistentes:
Aprenderán las propiedades CSS que se utilizan para el tratamiento de imágenes y cómo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gestión de medios.
Además, comprenderán la importancia de no utilizar programas de retoque fotográfico —como Photoshop—, para manipular las imágenes, ya que utilizando CSS conservamos las propiedades originales y además podemos realizar animaciones.
Ortotipografía para WordPress
Dobles espacios, rayas o guiones, puntos suspensivos, comillas tipográficas, espacio de no separación… Cuando escribimos en WordPress, a veces, tenemos dudas ortotipográficas que no sabemos cómo resolver. O, peor aún, cometemos errores ortotipográficos sin saberlo.
En esta charla veremos algunos de los errores más habituales. Te haré ver algunos detalles que antes no veías y te pido disculpas de antemano, porque cuando salgas de la charla te sangrarán los hojos más a menudo…
¿Cómo se diseña una web y cuánto cuesta?
Cuando me encargan el diseño de una web, ¿qué conceptos tengo que incluir y cuánto tengo que cobrar?.
Cuando empezamos a trabajar para clientes, una de las cosas más difíciles es cuantificar económicamente nuestro trabajo y aprender a estimar el tiempo que tardaremos en realizar cada tarea.
El precio es la cantidad de dinero más alta que un cliente está dispuesto a pagar por un producto o servicio. Averiguar esa cantidad se consigue conociendo el mercado y conociendo el valor de nuestro trabajo.
Veremos todos los pasos que hay que dar para diseñar una web profesional y aprenderemos a valorarlos económicamente.
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
La tipografía es una disciplina del diseño gráfico que estudia la composición de los textos en armonía con las imágenes y otros elementos. Tradicionalmente, en diseño editorial, los tipógrafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y fáciles de leer. Durante años ha sido muy difícil conseguir esto mismo en diseño web, ya que la tecnología no lo permitía.
En los últimos años y gracias a tecnologías como OpenType o las webfonts, se mejora mucho el panorama, pero no se consiguen grandes avances, ya que se valora más la velocidad de carga de la web que su aspecto visual.
Hoy, utilizando fuentes variables, podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean más legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.
Las fuentes variables cambian sus propiedades —como el ancho o el peso, por ejemplo— ¡utilizando un único archivo!
Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este año, por lo que veremos cómo se utilizan en WordPress (código CSS) y qué ventajas tienen respecto a las demás fuentes. También veremos ejemplos reales de aplicación de fuentes variables y cómo se crea una fuente variable.
¿Puede la tipografía aumentar las ventas de tu tienda online?
Definitivamente, sí: la tipografía es esencial para el éxito de tu tienda online.
Las decisiones que tomemos en cuanto a la tipografía de nuestra tienda online van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos de nuestra tienda online.
Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.
Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, para que puedas decidir cuál es el que más encaja con lo que quieres comunicar en tu tienda online y mejorar así la experiencia de usuario de tus clientes y generar más ventas.
Bloguero, cuidado con el lock-in
Una de las ventajas de utilizar un gestor de contenidos como WordPress para publicar en internet, es que el contenido está separado del diseño y de las funcionalidades. De esta manera, podemos cambiar de tema y que el aspecto de nuestro sitio web cambie; podemos cambiar de plugins y que las funcionalidades cambien; y, a pesar de cambiar el diseño o las funcionalidades, los contenidos siempre permanecerán.
Esta característica tan ventajosa se puede ir al traste si aplicamos malas prácticas en el desarrollo de la web. Si, por ejemplo, el tema que instalas lleva incorporada alguna funcionalidad, siempre deberás tener instalado ese tema para que la web siga funcionando. Esta dependencia es lo que se conoce como lock-in.
Pero, ojo, cuidado, bloguero, existen malas prácticas en la gestión de contenidos que tú haces, que también pueden generar dependencias. ¡Y son más habituales de lo que crees!
Veremos lo que no hay que hacer jamás y qué debemos hacer siempre para conservar intacto lo más valioso de tu web: los contenidos.
Mejora el diseño de tu web: Tipografía responsive
Veremos algunas recomendaciones de composición de textos optimizados para todos los dispositivos, que nos ayudarán a construir mejores sitios web responsive para todos los usuarios. Tipo de letra, tamaño, interlineado, ancho de línea... aprenderemos a tomar decisiones de diseño para conseguir comunicar eficazmente, que nuestros usuarios disfruten más del sitio web y que aumente el tiempo de permanencia en la página y obtengamos más visitas.
Tipografía Responsive - WC Zaragoza 2018
Ponencia presentada por Ana Cirujano en la WordCamp Zaragoza 2018 sobe tipografía responsive: diseño para programadores y blogueros.
Más de Ana Cirujano (16)
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Diseñar para WordPress y que en la fase de desarrollo nadie muera en el intento
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Mejora la UX y la WPO de tu web con un plugin de fuentes variables
Better UX and WPO using variable fonts in WordPress
Better UX and WPO using variable fonts in WordPress
Deja de abusar de Photoshop: trata las imágenes con CSS
Deja de abusar de Photoshop: trata las imágenes con CSS
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
Ana Cirujano: Fuentes variables, el futuro de la tipografía web
¿Puede la tipografía aumentar las ventas de tu tienda online?
¿Puede la tipografía aumentar las ventas de tu tienda online?
Último
Movimiento Moderno en Venezuela Arquitectura
El movimiento moderno en la arquitectura venezolana tuvo sus inicios a mediados del siglo XX, influenciado por la corriente internacional del modernismo. Aunque inicialmente fue resistido por la sociedad conservadora y los arquitectos tradicionalistas, poco a poco se fue abriendo camino y dejando una huella importante en el país.
Uno de los arquitectos más destacados de la época fue Carlos Raúl Villanueva, quien dejó un legado significativo en la arquitectura venezolana con obras como la Ciudad Universitaria de Caracas, considerada Patrimonio de la Humanidad por la UNESCO. Su enfoque en la integración de la arquitectura con el entorno natural y la creación de espacios que favorecen la interacción social, marcaron un punto de inflexión en la arquitectura venezolana.
Otro arquitecto importante en la evolución del movimiento moderno en Venezuela fue Tomás Sanabria, quien también abogó por la integración de la arquitectura con el paisaje y la creación de espacios abiertos y funcionales. Su obra más conocida es el Parque Central, un complejo urbanístico que se convirtió en un ícono de la modernidad en Caracas.
En la actualidad, el movimiento moderno sigue teniendo influencia en la arquitectura venezolana, aunque se ha visto enriquecido por nuevas corrientes y enfoques que buscan combinar la modernidad con la identidad cultural del país. Proyectos como el Centro Simón Bolívar, diseñado por el arquitecto Fruto Vivas, son ejemplos de cómo la arquitectura contemporánea en Venezuela sigue evolucionando y adaptándose a las necesidades actuales.
Mueble Universal la estantería que se adapta a tu entorno
mueble universal con ensamblado por pieza individual para adaptarse a múltiples combinaciones y listo para integrarse fácilmente a cualquier nuevo entorno de vida, el nombre UNIVERSAL habla por sí mismo.
Gracias a su Sistema de fácil ensamblado y a su diversidad, se ha adaptado cuidadosamente a las necesidades contemporáneas de la vida moderna y puede estar seguro de que este sistema de estanterías seguirá disponible después de muchos años.
Arquitectura Ecléctica e Historicista en Latinoamérica
La arquitectura ecléctica e historicista en Latinoamérica tuvo un impacto significativo y dejó un legado duradero en la región. Surgida entre finales del siglo XIX y principios del XX, esta corriente arquitectónica se caracteriza por la combinación de diversos estilos históricos europeos, adaptados a los contextos locales.
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Explora el catálogo general de la colección Atelier de Bathco, disponible en Amado Salvador, ofrece una exquisita selección de lavabos y sanitarios de alta gama con un enfoque artesanal y exclusivo. Como distribuidor oficial Bathco, Amado Salvador presenta productos Bathco que encarnan la excelencia en calidad y diseño. Este catálogo destaca la colección Atelier, la más exclusiva de Bathco, que combina la artesanía tradicional con la innovación contemporánea.
La colección Atelier de Bathco se distingue por su atención meticulosa a los detalles y la utilización de materiales de primera calidad. Los lavabos y sanitarios de esta colección son verdaderas obras de arte, diseñados para elevar el lujo y la sofisticación en cualquier baño. Cada pieza de la colección Atelier refleja el compromiso de Bathco con la excelencia y la elegancia.
Amado Salvador, distribuidor oficial Bathco en Valencia. Explora este catálogo y sumérgete en el mundo de la colección Atelier de Bathco, donde la artesanía y la elegancia se unen para crear espacios de baño verdaderamente excepcionales.
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
Diseño del dia de la bandera. El 7 de junio se celebra en todo el Perú el Día de la Bandera, una fecha que conmemora el aniversario de la Batalla de Arica de 1880, un enfrentamiento histórico en el que las tropas peruanas se enfrentaron valientemente a las fuerzas chilenas durante la Guerra del Pacífico.
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
Mapas mixtos acerca de la evolución del diseño gráfico y la evolución del computador
Portfolio_itsmevalen/ Valentina Balmaceda
Del caos surge mi perfección.
Soy valen! Siempre en una búsqueda constante en el equilibrio de ambas, donde encuentro mi verdadera yo, apreciando la belleza de la imperfección mientras acepto los desafíos y errores, y desafiando mi caos para alcanzar mi perfección.
Soy una mente inquieta, siempre buscando nuevas
inspiraciones en cada rincón.Encuentro en las calles y en los detalles cotidianos los colores vibrantes y las formas audaces que alimentan mi creatividad y a través de ellos tejo collages en mi imaginación, donde mi energía juega un papel fundamental en cada textura, cada forma, cada color mostrando mi esencia capturada.
Soy una persona que ama desafiar las convenciones establecidas, por eso tomo la moda y el arte como
referentes hacia mi inspiración, permitiéndome expresarme con libertad mi identidad de una manera única.
Soy la búsqueda de la estética, que es mi guía en cada viaje creativo, así creando una imagen única que genere armonía y impacto visual.Sin embargo, no podría lograr esta
singularidad sin el uso de la ironía como aliada en mi búsqueda de la originalidad.
Soy una diseñadora con un proceso creativo
llamado: rompecabezas donde al principio se encuentran miles de piezas desordenadas sobre la mesa para que luego cada pieza encaje perfectamente para crear una imagen
Porfolio livings creados por Carlotta Design
La sección de porfolio de livings de Carlotta Design es una muestra de la excelencia y la creatividad en el diseño de interiores. Cada proyecto en el porfolio refleja la visión única y el estilo distintivo de Carlotta Design, mostrando la habilidad del equipo para transformar espacios en ambientes acogedores, elegantes y funcionales. Desde salas de estar modernas y contemporáneas hasta espacios más tradicionales y clásicos, la variedad de estilos y diseños en el porfolio demuestra la versatilidad y la capacidad del equipo para adaptarse a las necesidades y gustos de cada cliente.
Las fotografías de alta calidad en el porfolio capturan la atención al detalle, los materiales de alta calidad y la combinación de texturas y colores que hacen que cada sala de estar sea única y especial. Además, la sección de porfolio de livings de Carlotta Design destaca la integración de muebles y accesorios cuidadosamente seleccionados para crear ambientes armoniosos y sofisticados.
En resumen, la sección de porfolio de livings de Carlotta Design es una ventana a la excelencia en el diseño de interiores, mostrando el talento y la dedicación del equipo para crear espacios extraordinarios que reflejan la personalidad y el estilo de cada cliente.
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
Último (20)
Proyecto_individulal_entre_pares_Ricardo_Aray_Lobo.pdf
Proyecto_individulal_entre_pares_Ricardo_Aray_Lobo.pdf
Mueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entorno
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Museo de Arte Contemporáneo del Siglo XXI - HISTORIA DE LA ARQUITECTURA .pdf
Museo de Arte Contemporáneo del Siglo XXI - HISTORIA DE LA ARQUITECTURA .pdf
Tipografía fluida en WordPress
- 1. Tipografía fluida en WordPress Ana Cirujano #WCVLC22
- 2. Ana Cirujano #WCVLC22 Diseñadora de negocio digital Co-organizadora de WordPress Torrelodones (Meetup y WordCamp 2023) Embajadora de Piensa Solutions Podcaster en Un billete a Chattanooga y profe de diseño en 3ymedia School Twitter: @acirujano
- 5. #WCVLC22
- 6. #WCVLC22
- 7. #WCVLC22
- 8. #WCVLC22
- 9. #WCVLC22
- 10. #WCVLC22
- 14. #WCVLC22
- 15. #WCVLC22
- 16. #WCVLC22
- 18. Requisitos 1) Tiene que estar habilitado Fluid Typography en el archivo theme.json del tema 2) Tiene que estar instalada la versión 6.1 de WordPress o el plugin Gutenberg. #WCVLC22
- 19. #WCVLC22
- 20. WordPress 6.1 #WCVLC22 ● Opción 1: Instala ya activa el plugin WordPress Beta Tester. ● Opción 2: Descarga directamente aquí la versión RC2 (zip). ● Opción 3: Usa el siguiente comando WP-CLI: wp core update --version=6.1-RC2 ● Opción 4: Espera a que salga la versión definitiva el día 1 de noviembre de 2022.
- 21. #WCVLC22
- 22. #WCVLC22 Si tienes curiosidad por saber qué cálculos se hacen, están en el proyecto Gutenberg de GitHub. theme.json en WordPress 6.1
- 23. Aplicar tipografía fluida en el editor #WCVLC22
- 24. ● No es configurable: ○ Anchos mínimo y máximo de la ventana. ○ Cálculo de tamaños de fuente mínimos y máximos en ausencia de valores específicos. ○ La ratio de la escala. ● Falta incluir el line-height y el letter-spacing. #WCVLC22 Limitaciones
- 25. #WCVLC22