Introducción al diseño
El diseño es armonía
Bueno, ya pasó la parte fea, ahora nos encaminamos a la que más quebraderos de cabeza da: el diseño.
A partir de mañana iremos viendo, en tono divulgativo (no os esperéis nada de código) el diseño que debe tener un buen blog, para que sea accesible y fácil para el usuario.
Como sabréis, un blog se divide en dos partes, el contenido, y el diseño. Si falla una de las dos, estamos jodidos, por ejemplo:
1. Si tu diseño es excelente, pero tus entradas son inconexas, con faltas de ortografía, o simplemente copias y pegas, lo más probable es que la gente no vuelva a visitarte más.
2. Si por otro lado, tu contenido es espectacular 100% original y realmente eres un escritor de primera, pero el diseño de tu blog hace que tarde mucho en cargar, con mucho flash, multimedia, canciones, y pop-ups, el resultado será el mismo, la gente, no entrará a leerte, así de dura es la vida, mi pequeño padawan.
Así que, ahora que ya tenemos unas nociones básicas acerca del contenido, vamos a realizar lo mismo con el diseño, para que podamos aunar ambos y hacer algo bonito, que ese es el interés de esta guía.
Para ello, voy a dividir el diseño en dos fases intuitivas:
1. El diseño que se ve: en este punto estarían cosas muy dispares, como la plantilla (o theme) que utilizamos, los colores, disposición espacial, y un largo etc… Vamos, todo lo que se ve en la pantalla al entrar a tu blog.
2. El diseño que no se ve: un poco más tedioso pero primordial, optimización de bases de datos, paginación, mapas del sitio… todo lo necesario para que la navegación sea una experiencia multiorgásmica.
Permaneced atentos a las pantallas, comenzamos con el diseño.
Entradas relacionadas
- Cinco consejos generales sobre el diseño de tu blog
- Homogeneidad de la entrada
- La importancia de las URL amigables
- Título, logo y colores de tu blog
- Qué es el sidebar y, para qué sirve
Yo como diseñador valgo -3, es decir, no se crear algo llamativo…y a demás no soy capaz de programar de 0 en PHP y CSS, no tengo ni papa, pero con mis conocimientos de Java, Java script, C++ y html, soy capaz de modificar un tema existente a mi gusto, cuando ves un consigo, puedes comprender como trabaja aunque no conozcas el lenguaje en concreto. Lo pruebo en un servidor virtual y cuando esta a mi gusto lo subo.
Ejemplo:
El tema de mi blog es el tema Pixel, si lo buscáis, vereis que la zona principal es muy estrecha. mis modificaciones han consistido en lo siguiente:
Traducirlo al español
Ampliar la zona principal estrechando los margenes y un pelin la barra lateral
Cambiar el fondo para una mejor visualización de las fotos.
No ves, yo eso no podría hacerlo, así que como diseñador valgo -10
Oscar, tranquilo que no eres el único, yo estoy por pedirle a un compañero de piso que se quiere dedicar a esto a ver si le apetece rediseñarme el blog entero, pues aunque no me disgusta del todo… como decirlo, lo veo demasiado básico (en el fondo es poco más que la plantilla son of moto ligeramente modificada).
Supongo que si algún día decido mudarme a un dominio propio sí que recurriré a ese compañero para que le de un acabado más profesional… de momento lo máximo que me planteo es añadirle una segunda barra. lateral para hacer visibles nuevas secciones que tengo en mente.
Por cierto, en el aspecto del diseño tengo ganas que hables de la publicidad y a la vez deseo que lo lean muchos bloggers que pululan por el ciberespacio que parece que quieren hacerse ricos a base de banners molestos diseminados por todos los sitios de blog (en las barras laterales, entre entradas, debajo la cabecera…).
¡Señores, eso lo único que consigue es espantar visitas!
Bueno Xavi, para cambiarse a un dominio propio lo único que se necesitan son ganas, y, si quieres mi consejo: hazlo ya. Luego siempre hay tiempo de ir cambiando el diseño.
Por otra parte, claro que esos temas se abordarán en el diseño, y luego, después de él, vendrá un bloque sobre como rentabilizar el blog, haciendo las cosas bien, espero que te guste
Minipimer, ya estoy deseando ver tus consejos de diseño. Y de acuerdo con Xavi, cuando toques el tema de los banners y la publicidad a ver si lo leen muchos.
Saludos
Me halaga nikkita, a ver si al final de la serie tu satisfacción sigue en la misma línea
Por supuesto que si….. otra cosa es que sea capaz de aplicar todo lo que dices, pero eso es otro mundo…
Si tienes alguna duda en la implementación házmela saber y te ayudo en lo que pueda, para eso entre otras cosas está el formulario de contacto
De todas maneras, como vas viendo, la mayoría de los consejos son lógica sin más, y no hay ni una línea de código escrita por mis manos
Hecho, je je je, te tomo la palabra, a ver si me saco un rato y miro desde el principio los puntos que no sabia.
Muy buena tu entrada, espero tus consiguientes anotaciones.
Yo de programación para hacer desde cero podría decirte que se html y batch, es decir de lo más sencillo, pero luego leyéndome la introducción de varios sistemas de programación aprendes como suelen funcionar. Por lo tanto puedo editar mi theme perfectamente. Más bien es aprender a ver como funcionan los códigos que saber hacerlo desde 0.
Yo os recomiendo que os veais algún manual batch, html, y un poco de introducción al php, para saber lo que es y como se usa, luego es cuestión de razonar el significado de cada elemento.
Bueno, por mi parte es la falta de tiempo libre y el exceso de pereza cuando puedo hacer algo más, pero esta guía también tiene como objetivo enseñar a la gente que, sin tener conocimiento de código ni de informática, se puede hacer un blog en condiciones, no es nada para pr0’s, está más bien enfocada a la divulgación más básica.