martes, noviembre 10, 2015

Logo Luanadas

Para desarrollar un logo en esta época hay que regirse a los márgenes de Diseño «estándares», en este caso los de Material Design de Google.
Primero, hay que desarrollar un conjunto de Parámetros del Producto:

Mercado

  1. Sexo:Femenino.
  2. Edad:20 a 40 años.
  3. Nivel Socioeconómico:B y C.
  4. Comportamiento:
    • Madres de familia primeriza.
    • Madres que quiere compartir la experiencia de madre.

Directivas

  1. Colores pasteles femeninos PERO no infantiles.
  2. Logo que indique confianza, compañerismo, fuente de información

Desarrollo

Basándonos en la escala de color 300 se exponen los siguientes colores

Luanadas

Luanadas

martes, junio 02, 2015

Firma para Blog con diferentes Autores

Un buen detalle para un blog con diferentes autores es una firma, en este caso firma extraída de la presentación de Google+.

Recordar que:

  1. Tu cuenta de Google+ debe estar enlazada con Blogger.
  2. En la edición del blog: Diseño/Entradas del blog. Debe estar habilitado la opción: "Mostrar el perfil del autor debajo de la entrada"

-CSS-

.aboutauthor img { display: block; width: 139px; height: auto; border-radius: 50%; border: 0px; background: #497fa8; float: left; padding: 0px; margin-right: 20px; } 
.aboutauthor .authorname { color: #fff; font-family: raleway; font-weight: 700; font-size: 23px; margin: 0px 0px 0px 0px; }
.aboutauthor { float: left; margin: 37px 0px; background: #2b353c ; padding: 21px; }
.aboutauthor .authorrank { color: #FFF; margin: 0px; font-size: 16px; text-align: justify; } .aboutauthor p { color: #fff; font-size: 14px; }

-HTML-

<div class='aboutauthor'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='100px'/>
<p class='authorname'><data:post.author/></p>
<p class='authorrank'><data:post.authorAboutMe/></p>
</div>

 -VISTA PREVIA-