>

Testeando
Página de Test

Medium como mejorar el aspecto de tu publicación

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.


Sobre la migración

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).


Sobre logos, avatares y cabeceras

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.

  • Los logos para publicaciones (el logo que aparece en lo alto de cada historia) no debe tener más de 600 px de ancho y 72 px de alto.
  • Los avatares (el icono que se muestra junto al nombre de tu publicación, como el del final de cada artículo) debe tener ser de al menos 60×60 px.
  • Las cabeceras tienen tres opciones: pequeña, mediana y grande. También puedes añadir una imagen en la cabecera grande: la relación de aspecto es 2:1, siendo el tamaño mínimo de 1500 px de ancho y 750 px de alto.

Más sobre las cabeceras

Ya que las cabeceras son completamente nuevas, hay diferentes formas de conseguir un aspecto único y personalizado jugando con las diferentes opciones.

 
Así se ve nuestra herramienta de personalización de portadas.

Sobre el tamaño de la cabecera y las opciones de imagen

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.

 
Cabecera pequeña.
 
Cabecera mediana.

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).

 
Cabecera grande.

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.


Sobre logos en las cabeceras

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.


Sobre la composición de la cabecera

Además del tamaño, puedes personalizar tu cabecera con un logo, un texto o ambos.

 
Opciones para componer con un texto, un logo 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.

 
OpOpciones para alinear títulos y logos en tu cabecera.

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.

 
El mismo Medium, publicaciones con infinitos estilos

Sobre los colores de la cabecera y cómo afectan a tu publicación

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.

 
¡MIRA QUE COLORES MÁS BONITOS!

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.

 
El color personalizado de Backchannel cambia el aspecto del texto resaltado y el corazón de recomendación.

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).

Sobre las secciones de etiqueta

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.

 
La herramienta para personalizar las etiquetas de la portada de tu publicación.

Sobre ‘favicons’

¿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.

 
Los ‘favicon’ personalizados pueden hacer que tu publicación destaque en una pestaña.

¿No quieres o tienes un favicon? No pasa nada, puedes usar el nuestro.

Sobre componer tu publicación

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.

 
Talkback, como una retícula, mostrando las entradas más recientes.

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.

 
Talkback, ahora con artículos destacados.

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).

 
Una composición reticular es extremadamente diferente cuando las imágenes no tienen márgenes y el texto está superpuesto.
Exponsor SeedingUp | Digital Content Marketing