{ Bienvenido } Soy Beatriz y te doy la bienvenida a mi espacio, El Diván Azul, un lugar en el que compartir lo que sé contigo, para que podamos crecer juntos. Si quieres aprender conmigo, date una vuelta por la sección tutoriales y para ver parte de mi trabajo, visita la galería. Gracias por dedicarme parte de tu tiempo.

rss en Twitter rss rss rss

30 de septiembre de 2013

Antes y después: Elena

ANTES Y DESPUÉS 




El Diván Azul: Antes y después, Elena

DATOS TÉCNICOS
  • Equipo: Nikon D7000, objetivo 50mm 1,8 D
  • EXIF: f2.5, 1/800, ISO 100

ESQUEMA DE ILUMINACIÓN
  • Contraluz con reflector plateado
PROCESADO
  • En LR: reencuadre, exposición.
  • En PS: mejora de la piel, saturación (para quitar el matiz rojo de la piel) y ojos (con los tutoriales de Dzoom que te enseñe), niveles, contraste, pincel de enfoque en ojos, pelo y boca. 

23 de septiembre de 2013

Vuelta a la realidad

Pues ya sí que si: estoy de vuelta definitiva y no veas cómo me está costando adaptarme de nuevo a la rutina... echo de menos levantarme a la hora que me dé la gana y tener el desayuno listo, leer, leer y leer en la piscina mientras me acompaño de un mojito y pasear por la playa con mi medio pomelo... (aún oigo las olas en mi cabeza). Me he traído la maleta llena de buenos recuerdos, chopocientas fotos que arreglar, un montón de ideas para el contenido del blog de esta temporada y alguna cosa nueva que ya adelanté por la newsletter, pero que no sé cuando verá la luz. 



Y es que la vuelta a la normalidad siempre es dura, pero cuando encima se avecina un cambio grande en tu vida es como si te topases de bruces con ella y del batacazo acabases sentada de culo (literalmente hablando, vaya). Y es que, señoras y señores, después de casi 8 años he vuelto a las aulas y no precisamente para enseñar: hoy empiezo una FP de grado superior de imagen

Durante 2 años, volveré a estar rodeada de libros, a tener horario de instituto, a pelarme con trabajos y esquemas... pero lo mejor de todo es que vuelvo a mis orígenes, al instituto donde pasé mi adolescencia con más pena que gloria... estoy traumatiza con eso. Y aún así, tengo mariposas en el estómago y no sé si esta noche podré dormir de la emoción porque a pesar de lo que pueda parecer, estoy encantada con esta nueva etapa que empiezo. 

Voy a tener que organizarme super bien ya que quiero seguir con el mismo ritmo de publicación y con el mismo tipo de contenidos, pero sé que eso me va a suponer un gran esfuerzo y sacrificio ya que las entradas que suelo escribir llevan mucho trabajo detrás. Así que si me despisto un poco me perdonas, ¿vale? 

Pues con esto es todo, nos vemos el viernes con la entrada de DFBA (si no pasa nada nuevo, que ahora toca periodo de adaptación). 

20 de septiembre de 2013

dfba - Tipos de esctructura



En la entrada de la semana pasada expliqué la estructura básica de un blog y de qué partes estaba formado para que cuando vayas a modificarlo (sobre todo si te vas a meter en código .html y en css y todas esas cosas que suenan fatal y dan más miedo que el coco) sepas un poco qué estas haciendo y donde se ubica cada cosa. 

Hoy te voy a hablar de algo mucho más sencillo y fácil de entender: cómo estructurar tu blog según el tipo de tema que trates. Por supuesto esto es orientativo y tú  tienes la última palabra ya que tu blog es tuyo y puedes hacer con él lo que te venga en gana (he dicho ☺). 


TIPOS DE ESTRUCTURA 

Si has trasteado alguna vez por el diseñador de plantillas, habrás visto que hay diferentes maneras de estructurar un blog: con una barra lateral a la derecha y un pie de página, o con barra a la derecha y a la izquierda y el pie de página dividido en dos... hay muchas posibilidades, por lo que yo solo te voy a explicar algunas. Si quieres ver más maneras de configurar un blog, pincha aquí


DOS COLUMNAS CON BARRA LATERAL A LA DERECHA
Esta es la estructura típica de un blog en Blogger, la que te sale por defecto cuando escoges una de sus plantillas. Esta manera de estructurar el blog es útil para casi cualquier tema, ya que le da prioridad a las entradas del blog (al estar ubicadas a la izquierda de la imagen), dejando en un segundo plano los gadgets, pero sin que queden ocultos. 

Si tienes un blog de recetas de cocina, scrapbook, estilo de vida, manualidades... este tipo de estructura te viene genial, porque vas a resaltar lo que publiques, pero la información importante (como los botones de las redes sociales, la información sobre ti...), también estará muy a la vista. Puedes ver un ejemplo de este tipo de plantilla pinchando aquí.

Capítulo 3 DFBA: tipos de estructura - columna derecha


DOS COLUMNAS CON BARRA LATERAL A LA IZQUIERDA
La estructura es muy similar a la anterior, solo que la barra lateral o sidebar se coloca a la izquierda. Este tipo de estructura es muy útil para blogs en donde lo más importante son los elementos que se pongan en la barra lateral. Por ejemplo, sería un blog muy útil para una empresa o una asociación, donde una de las cosas más importantes es que los datos de contacto estén en la zona más visible. Puedes ver un ejemplo de este tipo de blog pinchando aquí.

Capítulo 3 DFBA: tipos de estructura - columna izquierda


UNA SOLA COLUMNA
Esta estructura es para blogs donde la imagen es lo más importante, por lo que suele usarse mucho en blogs de fotografía. Como ejemplo de este tipo de blog, puedes ver el de mi compi Anita Vela. También es la estructura que sigue mi blog aunque en mi caso el footer o pie de página está dividido en 3 partes para poder poner los gadgets que quería y la cabecera está dividida en dos partes, por lo que no es exactamente este diseño. 

Capítulo 3 DFBA: tipos de estructura - una columna


OTROS TIPOS DE ESTRUCTURA

Combinando la manera de poner las barras laterales y los pie de página en el diseñador de plantillas, se puede hacer hasta 28 combinaciones diferentes de estructura. Por ejemplo, si necesitas poner muchos gadgets (porque tienes publicidad en el blog u otro motivo) puedes elegir la opción de poner la barra lateral a la izquierda y a la derecha, como el blog de PPStudio, o poner 3 barras laterales a la derecha, 3 barras laterales a la izquierda...  

Capítulo 3 DFBA: tipos de estructura - varias columnas


Como se puede ver en el ejemplo de arriba, la estructura de este blog sería de tres columnas a la izquierda (para gadgets), una columna central para las entradas, y una columna de la derecha (para gadgets también). Personalmente, creo que este tipo de estructuras no son útiles y lo que hacen es enmarañar el blog, quitándole importancia al contenido.

Si tienes muchos gadgets, te animo a que hagas una revisión y a que quites los que realmente no son importantes y no dicen nada del blog ni de ti. Si aún así sigues teniendo muchos y no sabes cómo organizarlos, no te preocupes porque voy a hablar de esto en breve, aunque mientras puedes optar por alguna de estas opciones:

  • Usa el pie de página para colocar algún gadget, como yo aquí.
  • Utiliza la opción de la columna a la derecha y a la izquierda, como el blog de PPStudio
  • Pon la información referente a ti y al blog, la info de contacto o las redes sociales en una página, como hace Delipapel.

Y tú, ¿qué estructura prefieres para tu blog? ¿Cambiarías la estructura que tienes por otra para darle más relieve a la información importante o prefieres dejarla como está? ¿Te gusta poner muchos gadgets o prefieres tener los justos?


13 de septiembre de 2013

dfba - La estructura de tu blog


Por fin es viernes (yo estoy de vacaciones en Islantilla, Huelva, así que estoy feliz de la muerte) y vengo con una nueva entrada de DFBA. Esta vez, te voy a hablar de cómo se estructura un blog y las partes principales que tiene.


LA ESTRUCTURA DE UN BLOG

A la hora de hacer un blog, una de las primeras cosas que debemos saber es qué estructura tiene, cuáles son las partes que forman el blog y qué nombre tienen. Esto es así por varios motivos:
  1. Porque según el tipo de blog que quieras tener así deberás elegir la estructura (no es lo mismo un blog de fotografía que uno de cocina o un blog tipo web). 
  2. Porque si quieres ir más allá de lo que Blogger te ofrece, tendrás que saber dónde trabajas y cómo se llaman esas partes para poder modificarlas

Capítulo 2 DFBA: infografía de la estructura de un blog


Cuerpo (body): el body es el lugar en el que se coloca la imagen del fondo del blog, esa parte que se ve encima de la cabecera, a los lados de la entrada y debajo del footer (en mi caso es de color gris claro). Además, en el body es donde están los demás elementos del blog: la cabecera, el pie, la barra lateral...

Cabecera (header): el header es el lugar en el que se coloca el título del blog y está en la parte superior. La cabecera pueden ser palabras o una imagen, dependiendo de lo que quieras y se puede quitar con css si no quieres que aparezca. La cabecera se divide en:
  • Header-outer: es la parte de la cabecera que más se puede personalizar, donde se cambia el ancho, el largo... es como el marco de una foto. 
  • Header-inner: es la cabecera en sí; en el caso de que no tengas imagen, sería el título que hayas escrito para el blog, si tienes una imagen sería la imagen que hayas subido. 
Main-outer: es la parte que contiene (aloja) la barra lateral y las entradas del blog. 

Main-inner: es la parte que aloja las entradas del blog y todo lo que las forma, es decir:
  • El título (post-title): es el título que le pones a lo que escribes en la entrada.
  • La entrada (post-body): la parte escrita, donde pueden ir imágenes, vídeos... el cuerpo de la entradas. 
  • El pie de entrada (post-footer): sería la parte de los comentarios, los botones de redes sociales, las etiquetas...
Barra lateral (sidebar): la barra lateral es el lugar en el que se colocan los gadgets, como el archivo o los seguidores, y que puede adoptar diferentes estilos y formas; puede ir a la derecha, a la izquierda a ambos lados o no existir (por ejemplo, en este blog no hay barra lateral). Según el tipo de blog que quieras, deberás elegir una estructura de barra lateral.

Gadgets: los gadgets normalmente van ubicados en la barra lateral, pero también se pueden poner en otros sitios como en el pie de página, debajo de la cabecera (las pestañas es un gadget que se suele colocar ahí) e, incluso, en la cabecera. Por ejemplo, este blog tiene los gadgets en la cabecera (la bienvenida y la suscripción al blog), debajo de la cabecera (las pestañas) y en el pie de página o footer (el archivo del blog, las etiquetas...).

Pie de página (footer): en este lugar se suele ubicar los créditos de las plantillas y también algunos gadgets. Puede estar dividido en varias partes (en mi caso el pie del blog está dividido en tres partes).

partes importantes de un blog

Cuerpo o body - va el fondo del blog
Cabecera o header - va el logo o el título del blog
Entrada o post  - lo que se escribe en el blog
Barra laetral o sidebar - para colocar información y gadgets
Pie de página o footer - para los créditos o más gadgtes

En la siguiente entrada explicaré las diferentes maneras de estructurar un blog según sea la temática del mismo. Si no has leído la primera entrada de DFBA puedes hacerlo en el enlace que hay justo debajo:

NOTA: En las plantillas antiguas se usaba la expresión wrapper (en lugar de inner o outer) para designar los contenedores de las partes del blog. Ten en cuenta que la designación de algunos elementos puede cambiar según la plantilla que tengas y que estos nombres son los de la plantilla sencilla. Por eso, quédate principalmente con los nombres que están justo encima: body, header, post, sidebar y footer ya que estos no cambian. 

6 de septiembre de 2013

dfba - Consejos para mejorar tu blog



Con esta entrada empiezo una mini guía que he titulado DFBA- DISEÑO FÁCIL PARA BLOGUERAS EN APUROS, con la que voy a ir compartiendo algunas ideas, consejos y mini tutoriales para que tu blog de blogger luzca bonito, cuidado y personal. Y es que después de haber estado horas peleándome con el código, me he dado cuenta de que se pueden hacer cosas muy lindas sin querer matar al señor que inventó el .html

CONSEJOS PARA MEJORAR TU BLOG

Es cierto que lo más importante de un blog es su contenido, pero el ser humano es un animal visual, las cosas bonitas entran por los ojos. Si algo no te atrae visualmente, al final lo aparcas. Por ese motivo y porque el blog es tu casa virtual, tu tarjeta de presentación, hay que cuidar el aspecto que tiene.

¿Y qué es lo que puedo hacer para mejorar el aspecto de mi blog?

Quizás debería empezar explicando otras cosas, como las partes que tiene un blog o el escritorio de blogger, pero creo que si pones en práctica estos consejos que te doy (y que he ido aprendiendo a base de cambiar mi plantilla, leer a blogueros que se dedican a diseño y por sentido común), podrás empezar a mejorar tu blog ya.

1. Mantén un diseño limpio y cuidado, donde lo importante sea el contenido. Esto que parece obvio, no lo es tanto. Y es que cuando empiezas con tu blog y escoges una plantilla, empiezas a poner gadgets y fondos con imágenes como si te fuese la vida en ello. Esto hace que la plantilla no se vea clara, que el fondo distraiga al lector…

2. Usa un fondo neutro, a ser posible liso o con dibujos geométricos que no sean excesivamente grandes. Si es demasiado llamativo (porque los colores son muy fuertes o la imagen capta demasiado la atención) la vista se irá hacia él y molestará al lector. Recuerda siempre que menos es más

3. Elige muy bien la paleta de colores del blog. No uses más de 3 colores diferentes y combínalos entre sí. Si tienes una cabecera, usa tonos que sean lo más parecido posible a esta. Así, crearás unidad y se verá el diseño mucho más limpio.

4. Cuida la cabecera del blog ya que es lo primero que un lector nuevo ve cuando entra. La cabecera es tu marca personal, tu carta de presentación y dice mucho de ti y de tu contenido. Una cabecera bonita y cuidada, ni demasiado grande ni demasiado recargada para que no se coma el blog ayudará a que el lector identifique lo que se va a encontrar.

5. El menú de pestañas es muy importante porque ayuda al lector a navegar por el blog y a que la información este ordenada y a la vista. Puede estar justo debajo de la cabecera o en la sidebar (columna lateral del blog), pero siempre tiene que estar visible. Si pones el menú justo debajo de la cabecera, pon sólo lo realmente necesario y que quede en una sola línea. No hay nada que de más sensación de desorden y dejadez que un blog con 3 líneas de menú… cuando veo uno así, directamente lo cierro y paso a otra cosa o, si realmente me gusta su contenido, lo visito lo menos posible. En el caso de que tengas mucha información que mostrar, opta por poner el menú en la barra lateral o por usar las etiquetas

6. La columna lateral puede llegar a ser un elemento muy útil en el blog ya que en ella podemos poner información extra.  Usa los gadgets justos, sin agobiar el diseño y que el blog sea interminable. ¿Has visto esos blogs que tienen gadgets de pececitos, o del tiempo en Tokio? ¿Realmente tus lectores necesitan saber eso? Yo creo que no. Pon siempre en primer lugar los más importantes para el blog, como los botones de las redes sociales o el buscador. Para mí, los imprescindibles son:
  • Botones de redes sociales
  • Buscador
  • Etiquetas
  • Suscríbete
  • Seguidores
  • Entradas más populares
    7. El footer o pie del blog también es útil para poner información, sobre todo si en el blog solo tenemos una columna (como es mi caso). La idea es la misma que en la columna lateral. 

    8. Las entradas es lo que más debes cuidar porque es el contenido del blog y por lo que recibes tus visitas. La fuente de texto (la letra), debe ser lo más clara posible, con un tamaño adecuado que facilite su lectura: deja las fuentes “raras” como las que parecen que están escritas a mano, para el título de la entrada o la cabecera de tu blog. Además, hay que cuidar la ortografía y la puntuación.
    Como fotógrafa que soy, pienso que una imagen vale más que mil palabras (sobre todo si tu blog es de fotografía, cocina o manualidades) y que cualquier persona puede hacer fotos decentes, incluso con un móvil. Es solo cuestión de cuidar un poco la estética de la foto y la luz. Si quieres aprender, tengo un e-book genial que explica de manera súper sencilla cómo mejorar tus fotos de producto, incluso con una cámara compacta. 

    Fíjate en la diferencia que hay entre estas 2 plantillas. En la primera hay muchos colores, la letra de las entradas no es legible, la cabecera es tan grande que se come todo lo demás, el menú de pestañas está doble, los gadgets no están ordenados... para mi es una pipirrana que no hay por donde cogerla:

    diseño caótico
    Añadir leyenda

    Y ahora fíjate en la segunda imagen que te traigo. En esta la gama de colores es la misma y es que hay solo 3 colores principales: blanco y dos gamas de azul agua  (están basados en la cabecera del blog y en el fondo, que es de cuadros, imitando a un mantel de los de antes ya que se trata de un blog de cocina). La letra del texto de la entrada está en gris oscuro y con una letra sencilla (es la fuente verdana) que permite su lectura, los gadgets están ordenados... 

    diseño claro y bien organizado

    Esta plantilla es muy fácil de realizar y se puede conseguir sin tocar apenas el código .html. Y esta plantilla es la que te voy a enseñar a hacer con esta mini guía, aunque tú podrás hacer la que quieras .

    Y esto es todo por ahora; en siguientes entradas iré explicando cómo es la estructura de un blog, el diseñador de plantillas (super importante si quieres que tu blog sea bonito), herramientas útiles y gratis para el diseño y mantenimiento de un blog, cómo usar css para personalizar el blog... y alguna cosa más.