>
Desde hoy, las opciones de personalización para las publicaciones han aumentado de forma exponencial.
No todo el mundo es un diseñador (ni tiene buen ojo para ello —yo, culpable—), pero cualquier persona puede hacer que su publicación de Medium tenga un aspecto único y profesional teniendo en cuenta algunos principios rectores.
Las publicaciones pueden ser creadas desde cero en Medium o construidas a partir de un trabajo previo migrado desde otra plataforma. Nuestro Centro de ayuda tiene una guía [ENG] que te ayudará a migrar tu trabajo a Medium (y tu dominio personalizado, si ese es tu rollo).
Lo primero es lo primero: querrás empezar a diseñar tu publicación creando un logo, un avatar y una cabecera llamativa.
Hemos ampliado y potenciado los elementos que ya existían en las publicaciones.
Utiliza archivos .png transparentes para logos, avatares y cabeceras. Esto hará que tu logo se vea genial sobre cualquier fondo y cabecera. Puedes crearlos en programas de edición como Photoshop o GIMP.
Ya que las cabeceras son completamente nuevas, hay diferentes formas de conseguir un aspecto único y personalizado jugando con las diferentes opciones.
La cabecera de tu publicación puede ser pequeña, mediana o grande. Si eliges la pequeña o la mediana, solo podrás elegir el color de fondo.
En las cabeceras grandes, puedes elegir, además, una imagen de fondo. Aunque requerimos que la imagen sea de 1500×750 px, te recomendamos que utilices la imagen más grande posible con una relación de aspecto 2:1 (el doble de ancha que de alta).
Las imágenes de la cabecera pueden ser recortadas, dependiendo del área de visualización en el escritorio o en el móvil, para que puedas personalizar el punto focal y asegurarte de que la parte de la imagen que quieres que la gente vea está justo donde debe estar.
Si vas a incluir un logo en tu cabecera, hacerlo de la mayor resolución posible es la mejor forma de hacer que siempre se vea genial, en todas partes.
Asumimos que todos los logos son retina, lo que significa que el logo es subido al doble del tamaño al que se mostrará. Si subes un logo de 2000×1000 px, Medium lo interpretará como uno de 1000×500 px. Hacemos esto para que los logos se vean genial en todo momento, desde un teléfono móvil una pantalla retina gigante.
Los logos se escalan para que quepan dentro de tu cabecera si tienen una resolución mayor que la del área que dedicamos a los logos, pero los que son más pequeños que ésta, no se aumentarán.
En pocas palabras: haz tus logos a la mayor resolución posible. Elige el tamaño que quieras y luego dóblalo.
Además del tamaño, puedes personalizar tu cabecera con un logo, un texto o ambos.
Tu logo o texto puede estar justificado a la izquierda o centrado en tu cabecera. Experimenta para ver qué funciona mejor con varios tamaños y colores. El mundo (o, mejor dicho, tu cabecera) es tuyo.
En Those People eligieron una cabecera con un logo cuadrado, pequeño, y dos líneas de texto para el título, todos justificados a la izquierda.
Puedes personalizar el color de fondo de tu imagen de cabecera para que tenga el color del arco iris que prefieras. Nuestro editor pide un color hexadecimal (los colores hexadecimales son una mezcla de números y letras que le dicen al sitio web que color mostrar) con el que mostramos el color exacto que estás buscando. Puedes elegir también entre temas sutiles o acentuados. Eligiendo la opción bold utilizarás el color personalizado de forma más prominente en toda tu publicación, mientras que subtle, bueno, lo implementará de forma más discreta.
¿Quieres encontrar el color de cabecera perfecto y su equivalente hexadecimal? Este increíble sitio, Color Hex, es justo lo que necesitas.
Experimenta con esta paleta de colores. La elección del color personalizado afecta a todos los colores dentro de tu publicación (incluyendo resaltes, botones y otras partes de la interfaz de usuario), eligiendo tonos complementarios de forma dinámica para que todo funcione perfectamente.
Este es otro recordatorio sobre la importancia de utilizar archivos .png transparentes para el logo de tu publicación. Los .png transparentes tendrán en el mismo color de fondo que el que tú elijas, dándole a tu publicación un aspecto profesional.
Es posible que tengas que modificar el archivo de tu logo para adaptarlo (algo que puedes hacer fácilmente con Photoshop, GIMP o cualquier otro programa de edición de imágenes).
Puedes personalizar la navegación de la portada a partir de las etiquetas que uses en tu publicación. Piensa en ellas como secciones para tu publicación. «M en español» usa, por ejemplo, Medium, Motivaciones y Publicaciones para ayudar al lector a encontrar fácilmente determinado tipo de artículos. Elige las etiquetas que quieras destacar en el área de navegación de tu portada —puedes seleccionar hasta siete—. About es siempre una etiqueta, tenlo en cuenta al diseñar.
¿No te encanta cuando un sitio tiene un icono molón en la pestaña de tu navegador?
A nosotros también.
Ahora tu publicación puede tener su favicon personalizado. Esta función está disponible para publicaciones alojadas en dominios personalizados. ¿Quieres saber cómo conseguir un dominio personalizado para tu publicación? No temas, hay un artículo en el Centro de ayuda [ENG] para eso.
¿No quieres o tienes un favicon? No pasa nada, puedes usar el nuestro.
Aunque no es una nueva función, la composición es, sin duda, el aspecto más importante de una publicación.
La pestaña de composición de la portada te permite personalizar la organización, la composición y la apariencia de tu publicación.
Las opciones son casi infinitas.
Empecemos con la composición: los artículos pueden aparecer como una retícula, en una secuencia como en tu portada de Medium o como una lista. En esta primera opción, he elegido tener una sección en la que he ordenado los artículos por fecha de publicación y los muestro como una retícula.
Las publicaciones, conforme crecen, suelen necesitar más organización que este primer ejemplo. La organización es crucial para sacar el máximo provecho de las etiquetas que puedes utilizar en la cabecera de tu publicación.
Para organizar puedes crear secciones para resaltar artículos destacados u ordenar tu secuencia por fecha de publicación, etiquetas o tendencias.
Vamos a ponernos finos con nuestras publicación, ¿de acuerdo?
En este ejemplo, he optado por hacer mi sección superior una zona destacada, resaltando dos de mis artículos de Talkback favoritos, con el resto de los artículos mostrados en una retícula justo debajo.
Cambiar una pequeña parte de tu composición puede impactar significativamente en el aspecto de tu publicación. En este ejemplo, he cambiado la composición de las imágenes, quitándoles los márgenes y superponiendo los títulos en ellas.
La diferencia es significativa (y, en este caso, no es buena).
