XVIII. Friki del HTML y el diseño gráfico.
Con suerte, futuro ingeniero.










Con esta entrada no pretendo marcar un "lo que está bien" ni "lo que está mal", un blog es algo extremadamente personal y refleja en muchos aspectos la personalidad de la persona que se esconde detrás de la pantalla. He recibido bastantes correos preguntándome cómo he hecho el diseño o cómo tener un blog más bonito y por eso he decidido crear esta entrada.

En temas de diseño cada blog es un mundo y creo que la mejor opción es diseñarlo como te gusta, aportado un trocito de ti y haciendo que ese rincón virtual tenga una marca propia, un sello de identidad. En definitiva, hacerlo tuyo. No me quiero meter en temas de diseño (al menos por ahora) porque hay cientos de formas distintas y cada bloggero debe elegir la que más se ajusta a lo que quiere.

Sin embargo, hay algunos aspectos en los que muchos de nosotros no caemos y son cosas muy simples y sencillas que nos permiten tener un blog muchísimo más funcional. A la hora de diseñar un blog debemos pensar que lo van a visitar personas con una gran variedad de dispositivos. Pantallas grandes, pequeñas, conexiones de internet rápidas y lentas. Es por ello que aconsejo hacer un blog lo más accesible posible y por eso voy a dejar algunos trucos para que eso sea posible.

------------------------------------------

Velocidad de descarga


Muchos no disponemos de una conexión excesivamente buena y algunos blogs tienen tantos elementos que esperar a que carguen es un suplicio. Para que el blog cargue mucho más rápido es recomendable no abusar de gifs (imágenes animadas) ni vídeos en la sidebar.

Algo que también impide que un blog se cargue de forma rápida son los reproductores de música, especialmente los automáticos. Al hacer play se empieza a descargar la canción, por lo que tarda muchísimo si la conexión es lenta. Por lo tanto la diferencia entre un reproductor automático o manual es que el segundo permite al usuario elegir si quiere descargar esos datos mientras que el primero los descarga automáticamente haciendo que un usuario con una mala conexión a internet se tire de los pelos.

Dimensiones


Hoy en día existen cientos y cientos de dispositivos diferentes y cada uno tiene unas dimensiones de pantalla muy diferentes. Si diseñas un blog desde una pantalla de 23" cuando lo visualices en un notebook de 9" se va a ver demasiado grande y viceversa.

Yo siempre aconsejo usar porcentajes a la hora de establecer el ancho del blog para que así se amolde a cualquier plataforma pero como eso es un poco coñazo puesto que hay que toquetear el HTML, podéis reducir el ancho de un blog para que quede bien en la gran mayoría de dispositivos.

Fuentes y colores


Los blogs literarios suelen tener entradas bastante largas y es importante que leerlas sea sencillo y no moleste a aquellos que tenemos problemas de visión (put your dioptrías up). Para ello lo más recomendable es que el fondo de las entradas sea blanco y el color de letra muy oscuro. Por el contrario, la fuente no suele dificultar la lectura siempre y cuando no sea demasiado estilizada. Las que vienen por defecto en Blogger se leen bastante bien, pero siempre puedes añadir más mediante Google Fonts.

------------------------------------------

Termino esta entrada taaaan larga animándote a toquetear el HTML del blog sin miedo, que aunque pueda parecer difícil está tirado y hay una infinidad de tutoriales en internet donde puedes aprender a darle tu sello personal al blog. Para aquellos que se animen a modificar el blog aquí van unos enlaces que a mí me sirvieron bastante:

Ciudad Blogger
El Balcón de Jaime
Google Fonts

Si queréis que explique como hacer algo sobre diseño de blogs podéis enviarme un correo o pedirlo en los comentarios y yo encantado de publicar una tutorial.

15 comentarios:

  1. La verdad es que tu blog es precioso y muy sencillo. Sobre lo que dices te doy la razón en todo destacando los blogs que ponen música. Me resulta muy molesto entiendo que quieran darle un toque original y más personal a su blog pero en lo personal me parece una muy mala idea.

    ResponderEliminar
  2. Casi siempre recurro a esas paginas web
    Lo de velocidad de descarga en mi ordenador es un suplicio , vivo en el campo y claro...
    Pero es que los blogs que se ponen música en el blog...ahí si la hemos cagado xD
    Bes.

    ResponderEliminar
  3. Tienes mucha razón ! Los blogs con música pffff.Y con lo de la letra estoy totalmente de acuerdo ,yo lo tengo asi fonfo blanco y letra negra.Es lo que mejor se ve . al principio yo la tenia rosita porque creia que era mas bonita ,pero lo quite porque cansa la vista

    besos

    ResponderEliminar
  4. Sí, haz tutorial por favor. Me encanta el diseño de tu blog. El mío es super apagado y gris xD Toqueteé una vez el HTML para las páginas de menú y eso y ahora no sé cómo quitar algunas cosas. Qué desastre, encima voy a estudiar informática, manda narices xDDDDD

    ResponderEliminar
  5. Hola! (✿◠‿◠)
    Gracias por esta entrada es genial =)
    PD: el diseño de tu blog me encanta
    Besos! que tengas un lindo día.

    ResponderEliminar
  6. Siempre va bien unos consejitos para los que andan tan mal con los HTML, como yo :P
    El diseño de tu blog es uno de los que más me gustan de todos los que sigo. Yo siempre intento hacer diseños fáciles y simples y al final me sale algo extravagante y pesado T.T

    Un beso!

    ResponderEliminar
  7. Me ha gustado mucho esta entrada!
    Los blogs con música son horribles y hace un tiempecito se puso de moda tener el fondo negro y las letras en blanco o rojo, dios, mis ojos! dejé de leer unos cuantos por ese motivo..

    Gracias por los consejos, me vienen bien que soy mas patosa que una gallina sobre hielo! jajjajaa

    Nos leemos ;)

    ResponderEliminar
  8. Estoy totalmente de acuerdo contigo, pero de verdad lo de los reproductores es un suplicio, porque además hay veces que no me los veo venir, me ha pasado de varias veces viendo blogs por la noche y alé de repente la música a toda leche xD jajaja

    Aunque ahora que lo pienso a mí los gifs, de momento, no me han dado nunca problemas ;)

    Lo de las fuentes es una cosa que tengo pendiente, aunque claro tampoco tengo intención de sobrecargarlo xD

    En cuanto a lo de las entradas a mí me matan los fondos negros con colores chillones, siento que mis ojos sangran, y debo darles las gracias a esos blogs por su culpa tengo miopía xD jajaja

    Muy interesante y buena entrada Hache xD

    Besos

    ResponderEliminar
  9. De las cosas que mencionas varias no las tenía en cuenta
    Gracias por los concejos guapa!
    Besos

    ResponderEliminar
  10. Buena entrada, y grandes consejos, creo que serán de ayuda para más de uno :)Yo tampoco soy partidaria de la música en los blogs, pero entiendo que haya gente que sí quiera ponerla...

    ¡Besos!

    ResponderEliminar
  11. Hola, muchas gracias por la explicación, aunque lo de tocar la html no me atrevo por el momento, que me cargo el blog sin querer y con las horas que me he tirado solo para hacerlo medianamente normalito ya me vale. Quizá cuando tenga más seguidores y sea más "profesional" si procede igual me meto...pero con cuidadín XDD

    ResponderEliminar
  12. Me encanta pasarme de vez en cuando por ciudad de blogger, encuentro cosas muy interesantes para ciertos temas del blog.
    Me he guardado google fonts para echarle una ojeada. Gracias por ofrecerte para ayudar en diseño. Quizás algún día te pregunte algo.
    Un beso

    ResponderEliminar
  13. OH. Gracias por pasar esas tres páginas :)
    Así los que se nos da fatal HMTL podemos hacer algo xDD

    Un beso^^

    ResponderEliminar
  14. Genial este post ^^. Has sabido sintetizar muy bien lo más importante: que sea cómodo para el lector y que refleje la personalidad del escritor. Desde mi perspectiva lo más importante es que puedan leerse los post con facilidad, y como ya comentas: fondo claro y letra oscura es la "base" de toda buena página web (y también la base para hacer un buen power point xD).
    Centrándome en tu diseño, creo que es todo un acierto, el azul, para mi, es uno de los colores mas versátil, bonito y fácil en cuestión de diseño, según el matiz puede ser frio o cálido, y además azul oscuro y azul claro combinan de maravilla. Y lo más importante, es un diseño que invita a quedarse, tiene muchísima armonía, fonts, colores, la forma de hacer los post... todo tanto por separado como en conjunto se complementan y quedan de maravilla. Ya me has dicho unas cuantas veces que te gusta mucho mi diseño, pero creo que el tuyo tiene muchísimo más equilibrio y orden que el mio. Un beso! ^^
    PD: ¡Gracias por dejar ahí esas páginas web! Google fonts y Ciudad blogger las conocía, pero no conocía El balcón de Jaime.

    ResponderEliminar
  15. He llegado aquí buscando tutoriales para cambiar el ancho del blog a porcentaje y sería genial si pudieras explicar como hacerlo porque ¡no entiendo nada y en los tutoriales que he visto no me aclaro! No quiero parecer jeta porque hace algún tiempo de este post claro, así que obviamente como a ti te parezca jajajaj
    ¡Un saludo!

    ResponderEliminar