módulo 1. el diseño de tu tienda

Transcripción

1 módulo 1. el diseño de tu tienda 1.2 La paleta de colores.fuentes Para que tu marca pueda ser diferenciada y sea única, debe de tener una paleta de colores bien definida. Este aspecto ya deberías de tenerlo listo una vez vayas a crear tu tienda online. Muchas veces me encuentro con tiendas online que no tienen definido este aspecto, y es un completo error. Como ya hemos dicho en la anterior clase, es muy importante el aspecto gráfico de nuestra tienda para vender. Por ello, si aún no tienes la paleta de colores definida, es hora que nos pongamos manos a la obra, para que una vez la tengamos la puedas implementar en tu página web. verás que cambio! Para que te hagas una idea, los colores que elijamos para nuestra marca pueden convertirse en un identificador esencial de la misma. Si no, dime con qué colores asocias estas marcas? H&M, starbucks, Zara, apple, BBVA, IKEA...

2 ELIGIENDO LA PALETA DE COLORES PERFECTA No hay una fórmula mágica para elegir la paleta de colores perfecta, pero si debemos de tener en cuenta ciertos aspectos. Para que nuestra marca sea reconocible fácilmente con los colores, deberemos de buscar una combinación original, y única. Porque a veces suele pasar que nos encontramos 300 webs con el mismo color de moda. y no quieres que te ocurra eso con la tuya verdad? Los colores Pantone 2016 son preciosos, el rosa cuarzo y el celeste serenity...pero cuántas marcas están usando este color? Si lo usas, ten en cuenta el combinarlo con otros colores que no estén tan masificados. Aquí os muestro algunas combinaciones de colores que quedan genial en las tiendas online: Si estás dudando con tu paleta de colores, siempre te recomiendo que utilices los menos posibles. Dos colores pueden ser suficiente para que tus clientes reconozcan tu tienda online. Incluso si no queréis que vuestra marca sea tan colorista, usa el negro. El negro es el rey, un logo en negro es elegante y cautivador. Y una página web en blanco y negro me enamora. No utilices colores muy fuertes que dañen a la vista o colores flúor. Cansarán a tu cliente. DÓNDE APLICAR LA PALETA DE COLORES EN TU PÁGINA WEB? En los elementos de la plantilla: Textos, títulos, precios, iconos, fondos... En los elementos gráficos de la tienda: banners, sliders, botones, footer...

3 Fotografía de producto: Las fotos de nuestros productos tienen que tener el mismo tono o ir en consonancia con nuestra paleta de colores. HERRAMIENTAS PARA CREAR PALETAS DE COLORES Design Seeds: Tiene muchas paletas para que las puedas utilizar. Es de los buscadores de combinaciones de colores más conocidos. Pinterest: te ofrece millones de combinaciones. Haz la búsqueda en inglés, por ejemplo: green palette, colour palette, color combo... Colour Lovers: Otro buscador de paletas de colores. Pantone: aquí tenemos el mayor catálogo de colores que podamos imaginar. Colordot: crea online paletas de colores de forma muy sencilla. Yo la suelo utilizar mucho en mi día a día. Adobe color CC: muy parecida a la anterior. FUENTES Las fuentes que utilizaremos en nuestra tienda online son una parte importantísima dentro de los aspectos gráficos. Aunque no hay reglas a seguir, siempre se deben de tener en cuenta ciertos aspectos. Seguro que no te gusta entrar en una tienda online y ver que te cuesta leer los títulos de los productos. esto no debe pasar! En tu página web pueden haber dos tipos de fuentes: 1- Fuentes para elementos gráficos: Son las que utilizaremos para los logos, los títulos, los banners o sliders de imágenes. Aquí podemos utilizar fuentes más creativas, originales, escritas a mano...etc.

4 2-Fuentes para texto: Aquí incluimos las fuentes de los textos, los títulos, descripciones, menús. Estas fuentes tienen que ser legibles, y con trazos limpios. Además tienen que tener un tamaño adecuado para leer.

5 TIP Recomiendo usar las fuentes que nos proporciona Google Fonts. Será nuestro gran aliado, ya que nos garantiza que el 99% de las fuentes se van a ver en cualquier página web. Otro aspecto que te recomiendo es que juegues con los espaciados entre letras y entre líneas. Ya que le dará un aspecto mucho más de diseño. Por ejemplo, si usamos la tipografía MONTSERRAT, y le ponemos un espaciado entre letras y entre líneas, podemos tener este aspecto:

6 DESCARGAR FUENTES PARA MI WEB Google Fonts: Para descargar una fuente de Google Fonts y utilizarla en vuestro ordenador tan solo tenéis que seleccionarla del siguiente modo y hacer clic en el icono que te indico: Otras páginas con fuentes para descargar gratis o de pago son: Da font - Font Squirrel Free Fonts- My Fonts- Creative Market

7 RECUERDA!! Esto no es un curso de diseño web, pero para que lleguemos a nuestro objetivo final que es vender, es necesario tener una web bonita y funcional. De manera adicional puedes dejar que te ayude con tu diseño web AQUÍ--> PÍDEME PRESUPUESTO