<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head><meta name="viewport" content="width=device-width,initial-scale=1.0" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Concreta Capacitación</title>
</head>
<body bgcolor="#FFFFFF" style="cursor: auto;margin: 0 auto;padding: 0;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height: 1.65; "><!-- HEADER --><!--header-->
<table style="margin:0 auto" width="100%">
        <tbody>
                <tr>
                        <td> </td>
                        <td align="left" style="border-bottom: solid #FFA73B 1px;" width="600"><img alt="Concreta Capacitación" height="64" src="http://concreta.uy/image/pepe.jpg?id=967f062a3bd7c9029fab08fb76b023df" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Tres modos de diseño: hoy formato o plantilla" style="color: #2BA6CB;"> </a></td>
                        <td> </td>
                </tr>
                <tr>
                        <td> </td>
                        <td align="center" style="padding:10px;" width="600">
                        <p>En 2023 subí un escalón en el conocimiento de tu profesión<br />
                        <a href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla"><strong>Calendario de cursos 2023</strong></a><br />
                        Para conocer más sobre las distintas opciones, <span style="font-size: 16px; margin-top: 24px"><a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla#contactenos">contactá a un docente</a></span></p>
                        </td>
                        <td> </td>
                </tr>
        </tbody>
</table>
<!--contendio-->

<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 0.2;"> </p>

<table style="margin:0 auto" width="100%">
        <tbody>
                <tr>
                        <td> </td>
                        <td align="left" width="600"><div class="newsletters_content"><br />
<h1 class="Landing-title" style="font-size: 36px;margin-top: .25rem;margin-bottom: .25em;line-height: 1.15;letter-spacing: -1px;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-transform: none;text-align: center">Tres modos de diseño: hoy formato o plantilla</h1>
<p class="Landing-description" style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 1.5rem;line-height: 1.5;font-weight: 400;color: #333;text-align: center">Entender la forma en que se diseña la interfaz es relevante tanto para distribuir el esfuerzo, como para determinar qué libertades y qué limitaciones tendrán los usuarios a la hora de generar y cargar el contenido.</p>
<p><a href="https://concreta.uy/biblioteca/tres-modos-de-diseno-afiche-formato-y-bloque/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO2023&utm_content=Tres modos de diseño: hoy formato o plantilla"><img src="https://concreta.uy/wp-content/uploads/afiche-bauhaus-1923600.png" alt="Afiche Bauhaus 1923" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><a href="https://concreta.uy/biblioteca/tres-modos-de-diseno-afiche-formato-y-bloque/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO2023&utm_content=Tres modos de diseño: hoy formato o plantilla">La nota pasada estuvo dedicada al diseño en modo afiche</a>, hoy toca al siguiente nivel</p>
<h2 style="font-size: 30px;margin-top: 1.625em;margin-bottom: .25em;line-height: 1.25;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif">Diseño en modo formato</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Más potente que el modo afiche, y también más complejo, es el modo formato. La idea básica también es sencilla: la interfaz se construye en base a un conjunto de formatos o plantillas adaptadas a cada tipo de contenido. Por ejemplo se diseñan un formato noticia y un formato novedades, un formato currículum y un formato organigrama, un formato indicadores y un formato series históricas, y así sucesivamente. </p>
<p class="destaque" style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;font-weight: 600;padding: 1.5em;background-color: #E9E9E9">El diseño en modo formato es el modo tradicional de los manejadores de contenido para la Web (CMS por su sigla en inglés).</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Cuando los usuarios generan los contenidos, “llenan los huecos” preparados para textos, imágenes, videos, presentaciones, descargas y cualquier otro contenido que corresponda. La forma de reflejar este contenido en la pantalla lo determina el formato, que ahora sí garantiza una interacción uniforme y homogénea. </p>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/seleccionar-formato-en-PowerPoint600.png" alt="seleccionar formato en PowerPoint" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
</div>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/seleccionar-formato-en-Presentaciones-de-Google-Docs600.png" alt="seleccionar formato en Presentaciones de Google Docs" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
<p class="has-small-font-size has-text-align-center" style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;text-align: center">Las aplicaciones de presentaciones hacen un uso intensivo del diseño en modo formato</p>
</div>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">No solamente los sitios Web se conciben y diseñan en modo formato: de hecho es probablemente el modo más popular de diseño en sus múltiples variantes y mutaciones. Por ejemplo, todo Office está concebido en modo formato, con la posibilidad de crear o descargar plantillas, a pesar de que tanto en Word como en Excel esta idea no haya cuajado y en general se trabaje en modo afiche. Pero en PowerPoint sí es muy notorio y cada página que se incorpora a una presentación tiene un formato preestablecido. PowerPoint copio esta idea de aplicaciones anteriores, como Freelance Graphics y luego fue copiada por Presentaciones de Google. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El diseño en modo formato es muy potente y es capaz de manejar con solvencia grandes cantidades de contenido, como sucede por ejemplo en un diario digital con millones de noticias. Pero lo hace a un alto costo: la pérdida de flexibilidad. Los usuarios muy pronto se sienten encorsetados en los formatos y a la vez que comienzan a quejarse y pedir libertades, comienzan a buscar formas de vandalizar los formatos: esconden textos en imágenes, pasan HTML de contrabando y si tienen dinero y el poder suficiente en la organización, hacen su propio sito Web en modo afiche. </p>
<p style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><a href="https://concreta.uy/biblioteca/tres-modos-de-diseno-afiche-formato-y-bloque/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO2023&utm_content=Tres modos de diseño: hoy formato o plantilla">Acceder al artículo completo en la Biblioteca Concreta</a></p>
</div></td>
                        <td> </td>
                </tr>
        </tbody>
</table>
<!--inscripcion-->

<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>

<table style="margin:0 auto" width="100%">
        <tbody>
                <tr>
                        <td> </td>
                        <td align="left" width="600">
                        <table align="left" class="column" style="background-color: #ebebeb; float: left;min-width: 279px;">
                                <tbody>
                                        <tr>
                                                <td style="padding: 15px;">
                                                <h3 style="font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height: 1.1;margin-bottom: 8px;margin-top: 18px;color: #000;font-weight: 400;font-size: 27px;"><a href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla">Calendario de cursos 2023 </a></h3>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Ya están las fechas de los cursos para el próximo año:</p>

                                                <ul>
                                                        <li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/curso-psicologia-cognitiva-y-experiencia-de-usuario/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla">Psicología Cognitiva y Experiencia de Usuario</a></li>
                                                        <li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla">Taller Intensivo de Diseño de la Interacción</a></li>
                                                        <li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/curso-accesibilidad-herramientas-de-evaluacion-wcag-2-2/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla">Accesibilidad: Herramientas de evaluación WCAG 2.1</a></li>
                                                </ul>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Si querés conocer más detalles, o hablar con los docentes, <a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla#contactenos">no dudes en contactarnos</a>.</p>

                                                <p style="margin-bottom: 20px;font-weight: normal;font-size: 18px;line-height: 1.6;"><span style="font-size:14px;">(Ahora pagos en pesos argentinos para Argentina)</span></p>
                                                </td>
                                        </tr>
                                </tbody>
                        </table>

                        <table cellpadding="10" cellspacing="20" style="background-color: #ebebeb; width: 100%;">
                                <tbody>
                                        <tr>
                                                <td align="center" bgcolor="#1947a1" height="27" style="padding:10px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; color: #1947a1; display: block;" width="250"><a class="concreta" href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Tres modos de diseño: hoy formato o plantilla" style="color: #FFFFFF;font-size: 18px;font-weight: bold;font-family: sans-serif;text-decoration: none;line-height: 27px;width: 100%;display: inline-block;background-color: #1947a1!important;">Calendario 2023</a></td>
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                        <td> </td>
                </tr>
        </tbody>
</table>
<!--desuscribirse-->

<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>

<table style="margin:0 auto" width="100%">
        <tbody>
                <tr>
                        <td> </td>
                        <td align="center" width="600">
                        <p style="margin-bottom: 10px;font-weight: normal;font-size: 14px;line-height: 1.25;"><a href="http://tracking.concreta.uy/tracking/unsubscribe?d=RsdZkWcc-4z4_1k9-rqFgvdNACQUZA3cAmsnu9E5anu7p99YMI1yCdzxEWHAFU3s3zlYP-4jLXFTsa2yEoxS4h3MIicWPTbq58Ie6WiCohDOROsis52bMIK0M1EdkjMmxXPzSa1bNdXPYNef_jAFCQ7_meMIMVMmzwomuPrusUZhKiIYQDxpAVlRZneCC99wZoYF5CiCtcQnrNr6IGEsVBYplsYVk623cpcQ8OBRqXZxN7L0E4vNlr5PPC3Z38Fep4NEGB-9mtOWKADgXOPazz5m6uJ8dB9le_-vLSKAyHCXgnd81CRSJHoi5ygxm9xrE2Fpw1Dwna3kROInafhWq2NuY7kw5eNvFdLFJx9CgiwZPeLoDNziiYozBukZB-7n9LT5gzEb00Lh4CNtCs9lZZE1" style="color:#666666;">No quiero recibir información sobre cursos de Concreta<br />
                        <img alt="" src="https://www.google-analytics.com/collect?v=1&tid=UA-88473526-1&cid=698082699.1438272960&t=event&ec=ElasticEmail&ea=Tres+modos+de+dise%C3%B1o%3A+hoy+formato+o+plantilla&el=698082699.1434050727&cs=newsletter&cm=email&cn=062413&cm1=1" style="width: 1px; height: 1px;" /></a></p>
                        </td>
                        <td> </td>
                </tr>
        </tbody>
</table>

<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>
<div style="text-align:center; background-color:#fff;padding-top:10px;padding-bottom:10px;font-size:8pt;font-family:sans-serif;"><p style="text-align:center;text-decoration:none;color:#666;">Concreta, Soriano 903 of 501, Montevideo, Montevideo, 11100, Uruguay, concreta.com.uy</p></div></body>
</html>