Plantilla de diseño de imagen de producto: ¿Cómo diseñar imágenes de productos Taobao?
Cómo hacer una plantilla de imagen de producto Taobao
1. Herramientas de software: para crear sus propias plantillas para bebés, primero debe elegir una herramienta de edición de páginas web. La más popular en la industria actualmente es Dreamweaver. También puede utilizar Frontpage de Laowei. Los amigos que quieran crear su propio software es mejor que elijan el primero. He usado Frontpage antes, pero rara vez lo usé después. Creo que Dreamweaver es más conveniente de usar y tiene funciones más potentes. en esto. Los amigos que necesiten el software Dreamweaver pueden descargarlo de Internet. Método de descarga: ingrese "descarga del software Dreamweaver" en la barra de búsqueda de Google y podrá encontrar muchos sitios web de descarga. ¡Puede buscar otras herramientas y software de esta manera y descargarlo! . Sin embargo, recuerde matar el virus primero después de la descarga. Para nosotros, las tiendas, la seguridad es muy importante.
2. Antes de crear una página web, primero debes considerar el diseño básico de tu plantilla. No se apresure a comenzar a editar con Dreamweaver. Antes de la edición formal, les sugiero a mis amigos que lean más trabajos de otras personas y resuman el método de diseño general de la plantilla de descripción del bebé y las diversas opciones requeridas. ¡La mejor manera es hablar primero en papel! Utilice un bolígrafo sobre el papel. Primero delinee el diseño de la plantilla de descripción e indique algún trabajo que debe realizarse, etc. Sin embargo, resumo los módulos principales de la plantilla para bebés de la siguiente manera
A. Imagen grande del producto B. Descripción del producto C El comprador importa D Método de entrega E Clasificación de la tienda F Conexión de la tienda
Puedes esbozar aproximadamente el diseño general en papel antes de comenzar el siguiente trabajo.
3. Preparar materiales. No se puede crear una página web sin materiales. Los materiales se refieren a algunas imágenes, textos, fondos y otros recursos llamativos. Lo más importante, y lo más probable que se utilice, es el logotipo de su tienda, imágenes de sus productos y texto que presente todo lo relacionado con los productos de su tienda. Coloque todos estos materiales en un directorio (el verdadero método de edición formal es organizar sus propios materiales según carpetas) para que sea más fácil encontrarlos más adelante. Además, para producir mejores efectos, es posible que también necesites utilizar la herramienta Photoshop, especialmente para el procesamiento de imágenes, que es inseparable. El método de descarga es el mencionado anteriormente.
4. Ahora lo básico está listo. Así que comencemos.
Taoqiao.com
A. Primero abra Dreamweaver y cree una nueva página web html. En este momento verá un área blanca en el banco de trabajo, que es el área de edición.
B. Agregue tablas para el diseño. Esto es muy importante, porque la mesa puede facilitarnos la asignación de diseños y la colocación de diversos materiales en el futuro. Con la mesa, básicamente conocemos el diseño en nuestra mente. En el formulario podremos añadir nuestros materiales, texto, cambiar el fondo, etc. Estos textos son generalmente textos generales, que son fijos y no cambiarán con diferentes productos, como información del comprador, métodos de entrega y otros títulos y textos explicativos. En este momento también debemos reservar un lugar para colocar las imágenes y descripciones del bebé. Estas cambiarán, porque las imágenes y descripciones de cada bebé son diferentes. Así que asegúrese de dejar este espacio abierto. Taoqiao.com de Gong Shuhua
Consejos: antes de este paso, primero debe cargar las imágenes que necesita usar en Internet. Recomiendo este sitio web a todos. Hay una ventaja en cargarla primero. Cuando uses la imagen en el futuro, puedes encontrarla directamente, luego copiar el enlace de la imagen y agregarla a la fuente del marcador de posición de la imagen. imagen y editar la página web al mismo tiempo.
C. Agregue un marcador de posición de imagen donde sea necesario agregar una imagen. Recuerde, todas las imágenes en la plantilla de descripción del bebé deben ser un marcador de posición de imagen y no pueden ser imágenes directas. Después de agregarlo, vemos un cuadrado roto, lo que demuestra que el objeto es un marcador de posición de imagen. Taoqiao
El punto clave es comprender por qué la imagen no se inserta directamente. Las imágenes insertadas directamente no se pueden mostrar en Taobao. Se deben utilizar marcadores de posición de imágenes siempre que se vayan a colocar imágenes, incluidas las imágenes de fondo. Con el marcador de posición de la imagen, equivale a ocupar esta posición primero y luego agregar la dirección de conexión de la imagen correspondiente en esta posición. De esta manera, al ver la página web en el navegador, el navegador descarga la imagen de acuerdo con la dirección de conexión de la imagen. Puede mostrar la imagen que desee. Esto es muy importante.
D. Agregue también algunos marcadores de posición de imágenes en otras ubicaciones, como el logotipo de la tienda, la clasificación de la tienda, etc. Estas ubicaciones pueden brindar comodidad a sus operaciones futuras.
E. Complete el marcador de posición de la imagen con la dirección de conexión de red de la imagen. Cuando se trate de cada imagen de producto, la completaremos en el editor de productos de Taobao. En el editor de descripción de productos de Taobao, encontramos la dirección del enlace de la imagen del producto y la completamos en la fuente de la imagen del marcador de posición de la imagen. En este caso, solo necesitamos cambiar la dirección de origen de la imagen del marcador de posición de la imagen del producto para mostrar la imagen que queremos.
6. Si lo anterior es como se esperaba y de acuerdo con su propio diseño, básicamente puede considerarse completado. La belleza específica debe ajustarla usted mismo lentamente.
Lo más importante ahora es cambiar a la ventana de edición de código en Dreamweaver, CTRL+a para seleccionar todo el código, seleccionar copiar, luego seleccionar un bebé, editar el bebé en Taobao, en el editor de bebés, elegir editar el archivo fuente. , esta vez cambie a la ventana de edición de código. Pegue el código previamente copiado en esta ventana, luego seleccione Modo de edición para cambiar al modo de edición de gráficos. En este momento, encontrará que los marcadores de posición de imágenes que configuró antes ahora se muestran como imágenes. Si no se puede mostrar, significa que no hay ninguna dirección de conexión de imagen allí. Simplemente seleccione el marcador de posición de la imagen, luego haga clic en el botón Insertar/Editar imagen e ingrese la dirección de conexión de la imagen correspondiente. Recordatorio especial: modificar la descripción del bebé es principalmente para mostrar directamente la imagen grande del bebé. En este momento, debe cambiar el marcador de posición de la imagen del bebé y cambiar la fuente de la imagen del marcador de posición a la dirección de conexión de la imagen del bebé actual. El contenido proviene de Taoqiao.com
Haga clic en la vista previa para ver el efecto de edición. Si no está satisfecho con él, solo podrá modificarlo lentamente en el futuro.
Cambia el editor de bebés al modo código, selecciona todos los códigos para copiarlos y guárdalos en un archivo de texto TXT, para que cada bebé pueda usarlos en el futuro. Al crear un nuevo bebé, copie estos códigos directamente en el modo de edición de código y luego vuelva al modo de edición de imágenes para cambiar la imagen del bebé correspondiente.
Qué te parece, todo es muy sencillo.
La siguiente imagen es el diseño de la plantilla de bebé en el modo de edición de gráficos en Dreamweaver. La parte de descripción de fuente roja se usa comúnmente, así que asegúrese de prestar más atención.
Puedes ir a mi tienda y hacer clic en cualquier producto para ver los efectos específicos. Todavía hay muchas áreas que deben mejorarse, así que por favor dame tu consejo. Si tiene alguna pregunta, podemos discutirla juntos. Sólo puede considerarse como un consejo. Espero que los expertos puedan compartir su experiencia de diseño con todos.
Como complemento, puedes usar la función de conexión de punto de acceso en el editor de bebés para crear una función de conexión directa en la imagen. Por ejemplo, en mi plantilla, uso la introducción de la tienda, visito nuestra tienda y. texto de evaluación de crédito. La función de conexión está habilitada. ¿Cómo implementar esta función de conexión? El método es el siguiente:
Seleccione las imágenes que necesita para conectarse. Luego, en este momento encontrarás algunos pequeños íconos verdes en la parte inferior izquierda del pie de Dreamweaver. Se utilizan para dibujar áreas cuadradas, circulares u otras formas en la imagen. En el navegador, cuando el mouse pasa por estas áreas, adoptará la forma de una mano pequeña. Cuando el mouse haga clic en este punto de acceso, se conectará a la página web correspondiente.
Date prisa, dibuja un área en la imagen y luego ingresa la dirección web a la que deseas conectarte en la dirección de conexión en la esquina inferior izquierda de Dreamweaver.
Coloque el código en el editor de bebés y luego obtenga una vista previa. Cuando el mouse se coloque en estas áreas, tomará la forma de una mano pequeña. Haga clic una vez y será conectado a la página web correspondiente. Me gustaría preguntar, ¿pueden usar PS para crear una plantilla de producto que pueda reemplazar imágenes a voluntad? Si no, ¿qué software debería utilizarse?
Sí, primero use PS para hacer una plantilla de producto, pero cada pieza de esta plantilla debe dividirse en diferentes capas, de modo que las imágenes de diferentes productos solo necesiten colocarse en el correspondiente. Simplemente reemplace la imagen con la capa ¿Cómo diseñar imágenes de productos Taobao sin cambiar otros aspectos?
Si quieres hacer algo sencillo, puedes ir a un sitio web de edición de imágenes online como "Maker Post". Hay plantillas y sólo necesitas cambiar la imagen y el texto.
Pero si desea crear imágenes de productos atractivas y sobresalientes, aún debe encontrar diseñadores de comercio electrónico profesionales. También puede contactarnos si es necesario ~
.