<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>Muro de Fundamentos del Diseño Digital  by AYELENE FERNANDA MENDOZA CANTU</title>
      <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc</link>
      <description></description>
      <language>en-us</language>
      <pubDate>2025-04-01 22:12:34 UTC</pubDate>
      <lastBuildDate>2025-04-07 00:44:42 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url>https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/56049d94-a1d4-450f-b782-76def4f11923/dfa0th7-b3ec9497-3bf4-4048-a928-cba1f0fcb125.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU2MDQ5ZDk0LWExZDQtNDUwZi1iNzgyLTc2ZGVmNGYxMTkyM1wvZGZhMHRoNy1iM2VjOTQ5Ny0zYmY0LTQwNDgtYTkyOC1jYmExZjBmY2IxMjUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.6HOI6fXs41bYs7wMfZv-gX2yn7FFN06RbRZ9VDty8fc</url>
      </image>
      <item>
         <title>Simetría y asimetría</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397793670</link>
         <description><![CDATA[<p>La simetría es la correspondencia exacta en la disposición regular de las partes o puntos de un cuerpo o figura con relación a un centro, un eje o un plano.</p><p><br/></p><p>Algunas de las características de la simetría son la correspondencia exacta en forma, tamaño, y posición. </p><p><br/></p><p>Tipos de simetría:</p><p>Bilateral, central, especular, de rotación, axial.</p><p><br/></p><blockquote><p>Bilateral.- (también conocida como simetría planar) se define por la existencia de un único plano, llamado <strong>plano sagital</strong>, que divide el cuerpo de un organismo en aproximadamente dos mitades especularmente idénticas, llamadas mitad izquierda y mitad derecha.</p></blockquote><p>Central.- La <strong>simetría central</strong> es un tipo de simetría en la que una figura se refleja con respecto a un <strong>punto central</strong>, llamado <strong>centro de simetría</strong>. En otras palabras, cada punto de la figura original tiene un punto simétrico al otro lado del centro, a la misma distancia.</p><blockquote><p>Especular.- Es cuando una figura se refleja respecto a una <strong>línea</strong>, llamada <strong>eje de simetría</strong>, como si se viera en un espejo.</p></blockquote><p>De rotación.- Una figura tiene <strong>simetría de rotación</strong> si, al <strong>girar</strong> la figura alrededor de un <strong>punto fijo</strong> (generalmente el centro), <strong>coincide consigo misma</strong> sin necesidad de usar espejos o reflejos.</p><blockquote><p>Axial.- se da cuando los puntos de una figura coinciden con los puntos de otra, al tomar como referencia una línea que se conoce con el nombre de eje de simetría.</p></blockquote>]]></description>
         <enclosure url="https://get.pxhere.com/photo/wing-light-perspective-dark-pattern-line-darkness-black-monochrome-circle-illustration-design-symmetry-sphere-shape-monochrome-photography-computer-wallpaper-1268142.jpg" />
         <pubDate>2025-04-07 00:18:55 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397793670</guid>
      </item>
      <item>
         <title>Simetría y asimetría</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397801670</link>
         <description><![CDATA[<p>La <strong>asimetría</strong> es la <strong>ausencia de simetría</strong>. Es decir, una figura, objeto o diseño que <strong>no tiene ningún tipo de simetría</strong>, ya sea axial, central o rotacional.</p><p><br/></p><p>📌 Características:</p><ul><li><p><strong>No</strong> se puede dividir en partes iguales que coincidan entre sí.</p></li><li><p><strong>No</strong> tiene eje de simetría, ni centro de simetría, ni se repite al girarla.</p></li><li><p>Suele dar una sensación de <strong>irregularidad</strong> o <strong>desequilibrio visual</strong>.</p></li></ul><p><br/></p><p>En arte y diseño aunque suene "negativo", la <strong>asimetría</strong> se usa mucho en arte, diseño gráfico, arquitectura y moda para crear <strong>dinamismo</strong>, <strong>movimiento</strong> y <strong>originalidad</strong>.</p>]]></description>
         <enclosure url="https://images.pexels.com/photos/9963106/pexels-photo-9963106.jpeg" />
         <pubDate>2025-04-07 00:25:03 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397801670</guid>
      </item>
      <item>
         <title>Diferencias de color, forma y tamaño para resalta elementos</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397811574</link>
         <description><![CDATA[<p>🎨 <strong>Diferencia de color</strong>:</p><p>Usar un color distinto ayuda a que un elemento <strong>llame la atención</strong> de inmediato.</p><ul><li><p><strong>Ejemplo</strong>: Un botón rojo sobre un fondo gris destaca muchísimo.</p></li><li><p><strong>Aplicación</strong>: En carteles, el texto importante suele ir en un color brillante o contrastante.</p></li><li><p><strong>Consejo</strong>: Usa colores complementarios (como azul/naranja o rojo/verde) para máximo contraste.</p></li></ul><p><br/></p><p>🔺 <strong>Diferencia de forma</strong>:</p><p>Cambiar la <strong>forma</strong> de un elemento lo hace <strong>único</strong> frente al resto.</p><ul><li><p><strong>Ejemplo</strong>: Un círculo en medio de muchos cuadrados será lo primero que notes.</p></li><li><p><strong>Aplicación</strong>: Íconos, botones, logotipos o elementos decorativos que guían la vista.</p></li><li><p><strong>Consejo</strong>: Usa formas inusuales para destacar entre elementos repetitivos.</p></li></ul><p><br/></p><p>🔠 <strong>Diferencia de tamaño</strong>:</p><p>Los elementos más <strong>grandes</strong> (o más pequeños, según el contexto) se notan primero.</p><ul><li><p><strong>Ejemplo</strong>: Un título en letra grande sobre un texto en letra más pequeña.</p></li><li><p><strong>Aplicación</strong>: Jerarquía visual en carteles, portadas, páginas web, etc.</p></li><li><p><strong>Consejo</strong>: Aumentar el tamaño de lo importante ayuda a dirigir la atención del espectador.</p></li></ul><p><br/></p><p>🔎 Combinarlos potencia el efecto:</p><p><strong>Un botón rojo (color), con forma circular (forma), y más grande que los demás (tamaño)</strong> → ¡seguro que nadie lo pasa por alto!</p>]]></description>
         <enclosure url="https://media4.giphy.com/media/TgIZN5Pa7KH6gQE2hC/giphy.gif?cid=cabc9918wumtx76ljawrn14bvsy3pkwkjf0jny7h601j5cg4&amp;ep=v1_gifs_search&amp;rid=giphy.gif&amp;ct=g" />
         <pubDate>2025-04-07 00:32:04 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397811574</guid>
      </item>
      <item>
         <title>Organización y estructura visual</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397813158</link>
         <description><![CDATA[<p>📐 <strong>¿Qué es la organización y estructura visual?</strong></p><p>Es la forma en la que se <strong>ordenan los elementos</strong> (texto, imágenes, íconos, etc.) para que se vean bien y el mensaje se entienda rápidamente.</p><p><br></p><p>🧩 <strong>Elementos clave:</strong></p><ol><li><p><strong>Jerarquía visual</strong></p><ul><li><p>Lo más importante se ve primero (títulos grandes, colores llamativos).</p></li><li><p>Ayuda a guiar la vista del lector paso a paso.</p></li></ul></li><li><p><strong>Alineación</strong></p><ul><li><p>Colocar elementos bien ordenados (centrados, a la izquierda o derecha).</p></li><li><p>Da sensación de orden y profesionalismo.</p></li></ul></li><li><p><strong>Proximidad</strong></p><ul><li><p>Agrupar elementos relacionados entre sí.</p></li><li><p>Facilita la comprensión y evita confusiones.</p></li></ul></li><li><p><strong>Espacios en blanco</strong> (o negativos)</p><ul><li><p>Dejar espacios vacíos ayuda a que el diseño respire.</p></li><li><p>No todo debe estar lleno; menos puede ser más.</p></li></ul></li><li><p><strong>Repetición</strong></p><ul><li><p>Usar estilos consistentes (mismos colores, tamaños, fuentes).</p></li><li><p>Crea unidad y coherencia visual.</p></li></ul></li></ol><p><br></p><p>✅ ¿Por qué es importante?</p><p>Una buena estructura visual:</p><ul><li><p>Mejora la <strong>claridad</strong>.</p></li><li><p>Hace que la información se <strong>entienda más rápido</strong>.</p></li><li><p>Da una <strong>impresión profesional y ordenada</strong>.</p></li></ul>]]></description>
         <enclosure url="https://www.revista.unam.mx/wp-content/uploads/3_ventajas_twitter.jpg" />
         <pubDate>2025-04-07 00:33:18 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397813158</guid>
      </item>
      <item>
         <title>Relacion entre elementos</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397818943</link>
         <description><![CDATA[<p>🔗 <strong>¿Qué es la relación entre elementos?</strong></p><p>Es la forma en que los distintos elementos dentro de un diseño o composición <strong>se conectan o agrupan entre sí</strong> para transmitir una idea clara y coherente.</p><p><br/></p><p>🔍 <strong>Tipos de relación visual:</strong></p><ol><li><p><strong>Proximidad</strong></p><ul><li><p>Elementos cercanos se perciben como relacionados.<br>→ <em>Ejemplo:</em> Un título y su párrafo justo debajo.</p></li></ul></li><li><p><strong>Alineación</strong></p><ul><li><p>Elementos alineados parecen estar conectados.<br>→ <em>Ejemplo:</em> Íconos en una misma línea horizontal.</p></li></ul></li><li><p><strong>Repetición</strong></p><ul><li><p>Usar estilos iguales para indicar que pertenecen al mismo grupo.<br>→ <em>Ejemplo:</em> Botones con el mismo color y forma en una app.</p></li></ul></li><li><p><strong>Contraste</strong></p><ul><li><p>Diferencias que indican separación o jerarquía.<br>→ <em>Ejemplo:</em> Un botón rojo al lado de un texto negro llama más la atención.</p></li></ul></li><li><p><strong>Simetría o equilibrio</strong></p><ul><li><p>Distribuir los elementos de forma armoniosa crea una sensación de relación natural.<br>→ <em>Ejemplo:</em> Dos imágenes del mismo tamaño a cada lado de un texto central.</p></li></ul></li></ol><p><br/></p><p>🎯 ¿Para qué sirve?</p><ul><li><p>Ayuda a que el mensaje visual sea <strong>coherente y comprensible</strong>.</p></li><li><p>Evita confusiones sobre qué información va junta.</p></li><li><p>Dirige la atención a lo que realmente importa.</p></li></ul>]]></description>
         <enclosure url="https://elvis.padletcdn.com/1/fetch/e_in/pixabay.com/get/g46a078c0838de9c68618eff85f6f45741ec747361983b9f44f4f654d14b39aea2c8d0e4b6bc45a5968f47ebf77e93d63.jpg" />
         <pubDate>2025-04-07 00:37:07 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397818943</guid>
      </item>
      <item>
         <title>Uso de patrones para coherencia visual</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397819986</link>
         <description><![CDATA[<p>🧵 <strong>¿Qué son los patrones visuales?</strong></p><p>Son <strong>repeticiones de elementos</strong> (formas, colores, estilos, tipografías, etc.) que se usan a lo largo de un diseño para mantener una <strong>unidad visual</strong>.</p><p><br></p><p>📌 <strong>¿Cómo ayudan a la coherencia?</strong></p><ol><li><p><strong>Dan estructura y orden</strong><br>→ Hacen que el diseño se vea organizado y fácil de seguir.</p></li><li><p><strong>Crean identidad visual</strong><br>→ Ayudan a reconocer un estilo o marca.</p></li><li><p><strong>Facilitan la comprensión</strong><br>→ El ojo ya sabe qué esperar al ver elementos repetidos.</p></li></ol><p><br></p><p>🧩 <strong>Ejemplos de patrones comunes:</strong></p><ul><li><p><strong>Mismo tipo de letra</strong> en títulos y subtítulos.</p></li><li><p><strong>Colores repetidos</strong> en botones, íconos o fondos.</p></li><li><p><strong>Mismas formas</strong> para representar acciones similares (como todos los botones con bordes redondos).</p></li><li><p><strong>Distribución uniforme</strong> de elementos en cuadrícula o filas.</p></li></ul><p><br></p><p>✅ ¿Por qué usarlos?</p><p>Porque hacen que todo se vea <strong>armonioso, profesional y fácil de entender</strong>, sin que el lector se sienta perdido visualmente.</p>]]></description>
         <enclosure url="https://publicdomainvectors.org/photos/3D-optical-illusion-inverted-diamonds.png" />
         <pubDate>2025-04-07 00:37:54 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397819986</guid>
      </item>
      <item>
         <title>Áreas vacías que mejoran la composición</title>
         <author>24308051220426</author>
         <link>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397821055</link>
         <description><![CDATA[<p>🌟 <strong>¿Qué son las áreas vacías?</strong></p><p>Son los <strong>espacios sin contenido</strong> (vacíos) entre los elementos de un diseño, como texto, imágenes o iconos. Aunque parece "vacío", este espacio tiene una gran <strong>función visual</strong>.</p><p><br></p><p>✅ <strong>¿Por qué son importantes?</strong></p><ol><li><p><strong>Mejoran la legibilidad y comprensión</strong><br>→ Sin espacios vacíos, los elementos pueden sentirse apretados y difíciles de leer. Las áreas vacías permiten que el ojo se desplace fácilmente.</p></li><li><p><strong>Destacan lo importante</strong><br>→ Al dejar espacio alrededor de un elemento clave, <strong>se resalta</strong> aún más. Piensa en un botón grande rodeado de espacio blanco: se nota mucho más que si estuviera junto a otros elementos.</p></li><li><p><strong>Aportan equilibrio y armonía</strong><br>→ El espacio vacío ayuda a que el diseño no se vea sobrecargado, creando una sensación de <strong>equilibrio</strong> visual.</p></li><li><p><strong>Crean una sensación de sofisticación</strong><br>→ Los diseños con mucho espacio blanco suelen sentirse más <strong>modernos</strong> y <strong>elegantes</strong>, ya que no tienen una sobrecarga de información visual.</p></li></ol><p><br></p><p>🧠 <strong>Ejemplos de cómo mejorar la composición con áreas vacías:</strong></p><ul><li><p><strong>En una página web</strong>: Si hay mucho texto, deja márgenes amplios a los lados para evitar que se vea amontonado.</p></li><li><p><strong>En un cartel publicitario</strong>: Un mensaje breve en el centro, rodeado de espacio vacío, hace que ese mensaje destaque mucho más.</p></li><li><p><strong>En una presentación</strong>: No pongas demasiadas imágenes o texto en cada diapositiva; un poco de espacio en blanco entre cada sección mejora la claridad.</p></li></ul><p><br></p><p>🎨 <strong>Consejos para usar espacios vacíos:</strong></p><ul><li><p><strong>No temas al vacío</strong>: Un diseño con mucho espacio en blanco no significa que esté incompleto, sino que está <strong>bien organizado</strong>.</p></li><li><p><strong>Usa márgenes amplios</strong>: Ayudan a que el contenido respire y se vea más ordenado.</p></li><li><p><strong>Equilibra el espacio</strong>: Asegúrate de que las áreas vacías no sean desproporcionadas, creando un buen flujo visual.</p></li></ul>]]></description>
         <enclosure url="https://elvis.padletcdn.com/1/fetch/e_in/pixabay.com/get/g992c5d3a17dfe41797dc0cce98a3b676e4f5ce5bd6d4452081918206f6500e5b1fae7ae03892ec627fa259316e6de61a.jpg" />
         <pubDate>2025-04-07 00:38:43 UTC</pubDate>
         <guid>https://padlet.com/24308051220426/nvieyuwlrp4v52tc/wish/3397821055</guid>
      </item>
   </channel>
</rss>
