Un catálogo completo de diseño, distribución, combinación de colores y decoración de páginas de tiendas Taobao

Capítulo 1 Conceptos básicos de la decoración de una tienda online 1

1.1 Cuestiones a las que se debe prestar atención en la decoración de una tienda online 1

1.1.1 ¿Qué es una tienda online? decoración 1

1. p>

1.1.2 Por qué es necesaria la decoración de tiendas online 1

1.1.3 Malentendidos de la decoración de tiendas para principiantes 3

1.2 Pautas estéticas para la decoración de tiendas online 7

1.2.1 El estilo de las tiendas online 8

1.2.2 Los principios generales de la estética de las tiendas online 8

1.3 El Proceso general de decoración de una tienda online 10

Capítulo Capítulo 2 Elementos y diseño de las páginas de la tienda online 13

2.1 Planificación del diseño de páginas y columnas de la tienda online 13

2.1. 1 Por qué es necesaria la planificación 13

2.1.2 Planificación de las columnas de la tienda online 14

2.1.3 Planificación de la página de la tienda online 15

2.2 Elementos básicos del diseño de la tienda online 16

2.3 Diseño de diseño 19

2.3.1 Principios de diseño 19

2.3.2 Diseño del contenido de la página de la tienda online 21

Capítulo 3 Diseño de elementos visuales de la página de la tienda online 24

3.1 Diseño de navegación de la tienda online 24

3.1.1 Requisitos básicos para el diseño de navegación 24

3.1.2 Básico elementos de navegación 25

3.1.3 Puntos clave a tener en cuenta en el diseño de navegación 25

3.2 Diseño de texto en la página 26

3.2.1 Fuente del texto, fuente tamaño y espacio entre líneas 26

3.2.2 Color del texto 27

3.2.3 Gráficos del texto 27

3.2.4 Hacer que el texto sea fácil de leer 28

3.3 Aplicación de imágenes en la página 28

3.3.1 Para entusiasmar a los compradores y promover las transacciones, las imágenes de los productos son la clave28

3.3.2 El principio de integridad en las imágenes de productos 31

3.3.3 Utilice fotografías reales de modelos, aumente el efecto visual intuitivo del producto 32

3.4 Haga que sea más fácil hacer clic en el botón 33

Capítulo 4 Creatividad y estilo de la página de tienda online 35

4.1 Pensamiento creativo en el diseño de páginas 35

4.1.1 Qué es la creatividad 35

4.1. 2 Principios del pensamiento creativo 36

4.1.3 Proceso creativo 38

4.2 Métodos creativos 38

4.2.1 Rico en asociación 39

4.2.2 Uso hábil del contraste 39

4.2.3 Atrevido y exagerado 40

4.2.4 Diversión y humor 40

4.2.5 Hacer buen uso de metáforas 41

4.2.6 Ver lo grande desde lo pequeño 41

4.2.7 Idolación 42

4.2.8 Tradición clásica 42

4.2.9 Moda 43

4.3 Estilo de página de tienda online 43

4.3.1 Imágenes grandes 43

4.3.2 Estilo de panel 44

4.3.3 Estilo tridimensional 45

4.3.4 Estilo de libros y periódicos 46

Capítulo 5 Análisis del diseño de páginas de grandes tiendas de compras online 47

5.1 Análisis de páginas de productos populares 47

5.1.1 Lo que se vende no es el producto, sino el ambiente 47

5.1.2 El producto debe mostrarse detalladamente49

5.1.3 Prestar atención a los elementos que llaman más la atención que el producto50

5.1.4 Describir en el tono del comprador, partiendo del diseño desde la perspectiva del comprador.

51

5.2 Concepto de diseño de página de producto popular 52

5.2.1 La página no debe alargarse a ciegas, sino que debe ser animada e interesante 52

5.2.2 Guíe a los clientes de forma natural Compre productos que combinen53

5.2.3 Puede comprender el tamaño real del producto a través de las imágenes del producto54

5.2.4 La introducción de la información del producto es precisa y detallada55

5.2.5 Compartir la experiencia de los compradores56

5.2.6 Mostrar certificados relevantes57

5.2.7 Prestar atención a la legibilidad del texto57

Capítulo 6 Coincidencia de colores de página Conocimientos básicos 59

6.1 Principios del color 59

6.2 Clasificación de los colores 59

6.2.1 Color acromático 59

6.2.2 Color 62

6.3 Tres elementos de color 63

6.3.1 Brillo 64

6.3.2 Tono 65

6.3.3 Pureza 66

6.4 Contraste de color 67

6.4.1 Contraste de brillo 67

6.4.2 Contraste de fase de color 69

6.4.3 Pureza Comparación 73

6.4.4 Comparación del área de color 73

6.4.5 Comparación de colores cálidos y fríos 74

6.5 Métodos de combinación de colores para páginas de tiendas online 76

6.6 Color principal, color auxiliar y color de adorno79

6.6.1 El color principal puede determinar todo el estilo de la tienda79

6.6.2 El color auxiliar tiene un efecto decisivo en la página80

6.6.3 Los colores de adorno pueden crear un estilo de página único81

Capítulo 7 Combinación de tonos y colores de la tienda en línea82

7.1 Combinación de colores rojos82

p>

7.1.1 Combinación de colores adecuada para el rojo 82

7.1.2 Tiendas online adecuadas para el rojo 83

7.2 Combinación de colores para el naranja 84

7.2.1 Combinación de colores adecuada para la serie naranja84

7.2.2 Tiendas online adecuadas para la serie naranja85

7.3 Combinación de colores de la serie amarilla86

7.3.1 Esquemas de color adecuados para el amarillo87

7.3.2 Tiendas online adecuadas para la serie amarilla88

7.4 Esquemas de color adecuados para la serie violeta89

7.4.1 Color esquemas adecuados para violeta Solución 89

7.4.2 Tienda online violeta 90

7.5 Esquema de color verde 91

7.5.1 Esquema de color verde 91

p>

7.5.2 Adecuado para tiendas online basadas en el verde92

7.6 Combinación de colores basada en el azul92

7.6.1 Esquema de color basado en el azul93

7.6.2 Adecuado para tiendas online de color azul 94

7.7 Combinación de colores acromáticos 95

7.7.1 Tiendas online de blanco 95

7.7 .2 Gris online tienda 96

7.7.3 Tienda online negra 97

Capítulo 8 Análisis de casos de combinación de colores y diseño de tiendas online en diversas industrias 98

8.1 Tienda online de ropa de mujer 98

8.1.1 Características comerciales de la tienda online de ropa de mujer 98

8.1.2 Análisis de página 100

8.1.3 Explicación de la combinación de colores de la tienda online 101

8.2 Tienda online de belleza y maquillaje 102

8.2.1 Características comerciales de la tienda online de belleza y maquillaje 102

8.2.2 Análisis de página 104

8.2.3 Distribución de la tienda online

Explicación del color 107

8.3 Tienda online de productos digitales informáticos 107

8.3.1 Características de funcionamiento de la tienda online de productos digitales informáticos 107

8.3.2 Análisis de página 108

8.3.3 Explicación de combinación de colores de la tienda online 110

8.4 Tienda online de artículos de primera necesidad para el hogar 110

8.4.1 Características operativas de la tienda online de artículos de primera necesidad para el hogar 110

8.4.2 Análisis de página 111

8.4.3 Explicación de combinación de colores de tienda online 113

8.5 Tienda online de artículos para hombre 114

8.5.1 Artículos para hombres Características operativas de las tiendas en línea 114

8.5.2 Análisis de página 114

8.5.3 Explicación de combinación de colores de la tienda en línea 116

8.6 Tienda en línea de joyería 116

8.6.1 Características comerciales de las tiendas online de joyería 116

8.6.2 Análisis de página 117

8.6.3 Explicación de la combinación de colores de la tienda online 119

8.7 Tienda online de bolsos 119

8.7.1 Características de funcionamiento de la tienda online de bolsos 119

8.7.2 Análisis de página 120

8.7.3 En línea store Explicación de combinación de colores 122

8.8 Tienda online de calzado 122

8.8.1 Características comerciales de la tienda online de calzado 122

8.8.2 Análisis de página 123

8.8.3 Explicación de combinación de colores de la tienda online 125

8.9 Tienda online de ropa infantil 125

8.9.1 Características operativas de la tienda online de ropa infantil 125

8.9.2 Análisis de página 125

8.9.3 Explicación de combinación de colores de tienda online 127

8.10 Tienda online de alimentos 127

8.10.1 Características operativas de los alimentos tienda online 127

8.10.2 Análisis de página 127

8.10.3 Explicación de combinación de colores de tienda online 129

Capítulo 9 Procesando bien las fotografías, la decoración tiene ventajas 130

9.1 Procesamiento de fotografías simple 130

9.1.1 Ajustar fotografías torcidas 130

9.1.2 Reducir imágenes 131

9.1.3 Recortar fotos libremente 133

9.1.4 Ajustar la imagen para que se ajuste al tamaño publicado en Taobao134

9.2 Ajustar el efecto de la foto136

9.2.1 Ajustar la foto subexpuesta137

9.2.2 Ajustar fotos sobreexpuestas 138

9.2.3 Ajustar fotos borrosas 139

9.4.4 Ajustar el contraste para resaltar el sujeto de la foto 142

9.3 Agregar marcas de agua y bordes a las fotos144

9.3.1 Agregar marcas de agua a las fotos para evitar que otros las roben144

9.3.2 Agregar marcos a las fotos para mejorar la calidad del producto146

9.4 Técnicas de procesamiento de efectos especiales fotográficos 148

9.4.1 Recortar los productos de la foto 148

9.4.2 Cambiar rápidamente el fondo de la imagen 151

9.4 .3 Agregar esquinas redondeadas a imágenes de bebés 152

9.4.4 Crear imágenes de productos brillantes 156

9.5 Procesar una gran cantidad de imágenes de productos a la vez 161

Capítulo Capítulo 10 Características de cada versión de las tiendas Taobao 164

10.1 Tiendas ordinarias 164

10.1.1 Características de las tiendas ordinarias 164

10.1.2 Áreas disponibles para decoración 164

10.2 Edición de apoyo al emprendimiento de Wangpu

167

10.2.1 Características de Wangpu Entrepreneurship Support Edition 167

10.2.2 Áreas disponibles para decoración 170

10.3 Wangpu Standard Edition 171

10.3.1 Características de la versión estándar de Wangpu 171

10.3.2 Áreas disponibles para decoración 174

10.4 Versión ampliada de Wangpu 174

10.4.1 Características de Versión ampliada de Wangpu 174

10.4.2 Áreas disponibles para decoración 177

10.5 Versión insignia de Wangpu 177

Capítulo 11 Tiendas ordinarias Decoración Capítulo 180

11.1 Contador de tiendas 180

11.2 Agregar música de fondo de la tienda 182

11.3 Diseño y configuración de clasificación de bebés 185

11.3 1 Precauciones para realizar clasificaciones de bebés185

11.3.2 Hacer imágenes de clasificación de bebés 185

11.3.3 Cargar imágenes y configurar clasificaciones de bebés 187

11.4 Anuncio Producción de áreas 192

11.4. 1 Cosas a tener en cuenta al crear áreas de anuncios 193

11.4.2 Hacer anuncios con imágenes hermosas 193

11.4.3 Anuncio con imágenes de la aplicación en la tienda de China 196

11.5 Diseño y lanzamiento del logotipo de la tienda 198

11.5.1 ¿Qué es el logotipo de una tienda en línea? 198

11.5.2 Principios de diseño del logotipo de la tienda 198

11.5 .3 Métodos básicos para crear logotipos de tiendas 199

11.5.4 Diseñar logotipos de tiendas 200

11.5.5 Publicar logotipos de tiendas en tiendas Anterior 204

Capítulo 12 Taobao Decoración de tienda de prosperidad 206

12.1 Cómo hacer un letrero de tienda personalizado para una tienda próspera 206

12.1.1 Precauciones para hacer un letrero de tienda 206

12.1.2 Ropa Ejemplo de diseño de señalización de tienda 206

12.1.3 Aplicar señalización de tienda a la tienda 211

12.2 Crear inteligentemente un área de promoción para bebés 212

12.2.1 Cosas a tener en cuenta al hacer un área de promoción de bebé 212

12.2.2 Cómo hacer un área de promoción de bebé 213

12.2.3 Ejemplo de diseño de un área de promoción de bebé 214

12.2.4 Aplicar el código fuente del área de promoción a Wangpu 218

12.3 Crear la plantilla de descripción del bebé 221

12.3.1 Requisitos de diseño para la plantilla de descripción del bebé 221

12.3.2 Diseñar la plantilla de descripción del bebé en Photoshop 221

12.3.3 Cortar la imagen en elementos adecuados para aplicaciones web 231

12.3.4 Usar Dreamweaver genera código de página web 234

12.3.5 Publicar plantilla de descripción de producto 239

12.4 Aplicación de vídeo en la decoración de la tienda 241

12.4.1 Servicio de vídeo personalizado 241

12.4.2 Carga de archivos de vídeo 244

12.4.3 Aplicación de vídeo en tiendas 245

Apéndice 1 Combinación de colores de tiendas online en diversas industrias 248

Apéndice 2 Tarjeta de color adjetivo de coincidencia de colores 253

Apéndice 3 Color de seguridad de página 258