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

Documentos relacionados
OPENOFFICE IMPRESS. Creación básica de presentaciones digitales

Tienda Online. Guía básica. Comienza a vender por Internet. Índice

La primera vez que selecciona el nombre de usuario el programa pide introducir la nueva clave.

Diseño Papel Mural. Paso 1

UNIDAD 2 BUSCAR IMÁGENES EN GOOGLE

MANUAL DE INSTALACIÓN Y USO DE FBackup

3. Para qué sirven los botones estándar del navegador?

Manual de Herramientas Digitales Para la Gestión del Conocimiento. Realizar una página web con WIX

Unidad 5. Tablas. La celda que se encuentra en la fila 1 columna 2 tiene el siguiente contenido: 2º Celda

CREACIÓN DE UNA PÁGINA WEB CON JIMDO

PERIODO 3 NOCIONES AVANZADAS DE POWERPOINT

1. Aplica formato a un documento y genera en forma automática el índice del mismo, con eficiencia y eficacia.

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 4: Crear consultas más complejas

Hacer clic en el botón azul que dice Abrir una tienda de Etsy.

Navegando con Internet Explorer 6

Manual MyEgoo.com. www

Incluir imágenes en el blog

MANUAL PARA EL USO DE WIX

Recursos para el éxito

UNIDAD 11 ELEMENTOS GRÁFICOS

Gestión de bases de datos de mysql desde Dreamweaver

Tema 1. Introducción a OpenOffice Writer

Qué tengo que saber. Tema 2

Optimización para vender más.

Marqués Professional Services. Guía de Logotipos y Identidad Corporativa

Sacar una cuenta de correo electrónico con Gmail

Estos márgenes se definen en el menú Archivo, Configurar página... se nos muestra un cuadro de dialogo como este con tres pestañas:

Herramienta PowToon. 2. Tecleamos en nuestro navegador la dirección (versión

MANUAL DE LA HERRAMIENTA CREADOR DE SÍMBOLOS

Tabla para saber el alto del módulo y de la mancha en función de los módulos por columna y líneas totales.

Microsoft Word. Microsoft Word 2013 SALOMÓN CCANCE. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE

Manual de Usuario efacturador. Ver 1.0

Vamos a ir viendo las características y manejo de los buscadores a partir de un ejemplo. Espero que así resulte más claro.

TUTORIAL DE USO Blog de Agritech

FACTURAS ELECTRÓNICAS. Fiscalización

Protocolo elaboración de díptico A TRAVÉS DE SCRIBUS

PRÁCTICA: REPRESENTACIÓN Y ESTUDIO DE LAS FUNCIONES USANDO LA CALCULADORA WIRIS

CONSIDERACIONES GENERALES DEL FUNCIONAMIENTO DEL PROGRAMA

En esta guía rápida repasaremos las pautas claves a tener en cuenta para crear contenidos adaptados a la formación online.

TENDENCIAS OTOÑO-INVIERNO

MANUAL PERITO/OPERADOR

Walnuters Manual de Flickr

El segundo panel está compuesto por casillas, igual que si fuese una actividad con casillas y pueden contener textos, imágenes,sonidos...

Upload Download descargar

Qué necesito para acceder y prestarme un libro en e-buned?

Jornadas prácticas. Nuevas tecnologías aplicadas al Comercio

USO DEL CORREO ELECTRÓNICO EN HOTMAIL.

IDENTIDAD CORPORATIVA

webmaker Guía básica Tu web en 3 pasos Índice

UNIDAD 6 TEMA 4: OFIMÁTICA AVANZADA. CLASE 04: PLANTILLAS

MOODLE 1.9 BASE DE DATOS

COMIENZO A ELABORAR MI LÍNEA DEL TIEMPO

POSIBLES CLIENTES. Definición de Posible cliente. Captura y creación de Posible cliente

Curso de Windows 95/98 CTCV

Curso Online: Consejos de Diseño para tu tienda online

Ventajas de nuestro Sistema de Pedido Web

Guía de iniciación. Enhorabuena! Ya has creado tu propia página web. Descubre cómo administrarla.

GUÍA BÁSICA DE WORD para alumnos de 6º de primaria

Elaboración de Documentos en Procesadores de Textos

Capitán Robot. Sir Snake. Adquiérelo ya! ESCALERAS Y TESOROS

NAVEGADOR FIREFOX-MOZILLA

7 PASOS PARA ATRAER MÁS CLIENTES CREANDO

Curso Online de Negocio Digital. Crea tu Propia Tienda Digital

Para agregar un archivo de vídeo al archivo de Notebook que estamos creando, lo podemos hacer de cualquiera de las siguientes formas:

Volkswagen MarketingBox Fase III MANUAL DE USO - CONCESIONARIOS

CREAR UN BLOG EN BLOGGER

FONDO DE PÁGINA. Encontraremos tres herramientas que nos permitirán cambiar el fondo de todas las páginas a la vez:

CÓMO USAR SKYPE. Por Griselda Pacheco

DISEÑO Y FUNCIONAMIENTO. Aseguráte de que tu blog funciona y se ve bien.

Asociación Gaditana de Jubilados Docentes Informática Básica Cap 5. Curso de informática básica: Como descargar e instalar programas

1. Instalar el componente en el sitio por Extensiones gestor de extensiones.

21.- USANDO IMÁGENES Insertar Imágenes Prediseñadas

UNIDAD 1. Introducción a Photoshop.

Una vez se tengan los archivos TXT con el inventario, en RoCa Retail abrimos Inventarios Cargar inventario inicial.

Corporación P.H. TUTORIAL PARA EL INGRESO A LA PLATAFORMA VIRTUAL

Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa.

Con Synapse hacé todo más rápido en Huayra

Fotografía digital con Photoshop CS3. Ximo Izquierdo la mary posa

1. Barra de menús Muestra los comandos de menú para utilizar el software StarBoard 2. Barra de

LA BARRA DE INICIO (Diferentes Opciones)

Página 1 de 6. Brochure Clientes

- MANUAL DE USUARIO - KZ GUÍA DE PRODUCCIÓN

Bajar videos de Internet y grabarlos en un DVD

FORMATO CONDICIONAL Y FORMATO PERSONALIZADO.

Damos clic en el icono de acceso directo al programa

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS DREAMWEAVER UNO- PRÁCTICAS DOC RAUL MONROY PAMPLONA

Índice. Pg.03. Administración de Upplication. Pg.04. Creación de una App. Pg.04. Configuración de la App. Pg.05. Apariencia. Pg.05

Creación y manejo de la base de datos y tablas

NOTAS DE ESTADISTICA DESCRIPTIVA CON AYUDA DE EXCEL 2003 y 2007

Empieza a. Unidad Ecommerce Marzo 2016

Songr V.2 (Buscador de Música) Nueva Versión.

Aprendemos a crear un blog

Uso de blogs. Creación y administración de blogs. Pedro A. Castillo Valdivieso Depto. Arquitectura y Tecnología de Computadores

Qué es Skype? SkypeOut. SkypeIn. El buzón de voz 4. Skype SMS Desvío de llamadas Instalar Skype Descargar Skype.

DIPLOMADO EN LINEA FORMATO Y OPERACIONES EN EXCEL

Manual de estilo. DOCUMENTA Consejos para Diseñar tus páginas

Cómo hacer un pedido por Internet en youravon.com

JOYAS ARTESANALES POR PLACER Y NEGOCIO

Y nos sale esta pestaña y debemos tener en color azul la primera opcion donde pone asociación color-pluma (a parte de muchas mas).

POWER POINT Tema 1. Para salir de PowerPoint (suponiendo que se tiene abierto) puede:

Transcripción:

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...

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...

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.

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.

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:

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 - 1001 Free Fonts- My Fonts- Creative Market

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