Cómo diseñar un catálogo de productos
Spanish (Español) translation by Valeria Angulo (you can also view the original English article)



Imprimir un catálogo de productos bellamente diseñado puede ayudarlo a atraer clientes y aumentar las ventas. Los catálogos contienen información importante sobre productos que pueden ayudar a las personas a realizar mejores compras.
En este tutorial de catálogo de productos de Adobe InDesign, aprenderás a diseñar un catálogo de productos atractivo, qué páginas considerar para la creación de un diseño de catálogo y las mejores prácticas de diseño de impresión al crear una plantilla de catálogo de productos. El resultado de este tutorial será un catálogo de diseño de productos que contiene varias plantillas de páginas maestras para incorporar fácilmente tus imágenes.
¿Buscas más ejemplos de catálogos de productos o plantillas de catálogos de productos de InDesign? Envato Elements ofrece una amplia gama de diseños de catálogos y millones de recursos como fotografías y fuentes para que los uses con una sola suscripción.


Adobe InDesignCómo hacer una plantilla de catálogo de InDesignGrace Fussell

CatálogosMás de 25 de mejores diseños de plantillas de catálogo de productos y artículos (InDesign y Word 2021)Nona Blackman
Sugerencias para las plantillas de diseño de catálogos
Diseñar una plantilla de catálogo de productos puede complicarse si es la primera vez. Hay consejos y trucos que pueden ahorrarte tiempo y que te permitirán editar la plantilla de tu catálogo de productos de forma fácil y rápida. A continuación, se incluyen algunas cosas a tener en cuenta al crear un catálogo de productos:
- Configurar páginas maestras: estas páginas son páginas que no se imprimen y que puedes utilizar como plantillas para diseñar tu catálogo de productos. Puedes diseñar varias de estas plantillas y mezclar y combinar tu publicación final.
- Edita tus imágenes para que tengan el mismo aspecto: asegúrate de que todas las imágenes de tu catálogo tengan el mismo estilo de edición para crear una apariencia coherente.
- Aplicar números de página estándar: utiliza páginas maestras para configurar números de página automáticos que pueden cambiar a medida que agregas páginas adicionales a tu diseño.
- Si se imprimen, haz que el número de páginas sea divisible por cuatro: las publicaciones solo se pueden imprimir si el recuento de páginas final es divisible por cuatro. Eso es porque hay cuatro páginas en un pliego.
- Configura los sangrados: si planeas imprimir una plantilla de catálogo de productos con imágenes que se extienden hasta el borde de la página, asegúrate de que las imágenes toquen los sangrados para evitar bordes blancos no deseados.
- Usa guías para organizar productos: usa columnas y guías como cuadrículas para organizar las imágenes de productos en la página y asegúrate de que estén espaciadas uniformemente.


¿Qué páginas debe incluir tu plantilla de catálogo de productos?
Hay ciertas páginas a tener en cuenta cuando creas una plantilla de catálogo de productos. Estas páginas pueden ayudarte a organizar tu contenido de manera efectiva y transmitir una idea clara. Las siguientes páginas son estándar en todas las plantillas de catálogo de productos porque han demostrado tener éxito al mostrar productos de manera coherente. Vamos a ver:
- Portada y contraportada: como cualquier publicación, asegúrate de incluir una portada que se ajuste al contenido dentro del diseño de la plantilla.
- Tabla de contenidos: si estás trabajando con muchos productos diferentes, considera dividir el contenido en secciones para que sea más fácil para los lectores encontrar productos.
- Páginas de productos: diseña diferentes páginas de productos. Por ejemplo, configura páginas que muestren una cantidad diferente de productos para que el catálogo no parezca monótono y repetitivo.
- Páginas de contenido: mientras que el objetivo principal de un catálogo de productos es mostrar productos, las páginas de contenido son útiles para dar detalles de la marca o incluso inspiración para productos o servicios de temporada.
- Divisores: estas páginas sirven para separar diferentes secciones de un catálogo. Estos también proporcionan un buen descanso para que los lectores restablezcan su atención.


Qué necesitarás para crear tu plantilla de catálogo de productos
Para crear una plantilla de catálogo de productos, necesitarás acceso a Adobe InDesign y algunas fuentes e imágenes. Las fuentes que usaremos son:
Es posible que desees utilizar tus propias imágenes, pero si deseas utilizar las imágenes gratuitas que se muestran en esta plantilla de catálogo de productos, los enlaces se enumeran a continuación:
- Foto de moda gratis
- Sonrisa
- Modelo de retrato urbano
- Invierno acogedor
- BF
- Portada de retrato al aire libre de chica pelirroja
- Fashionista
- Foto de otoño gratis
- Siente el momento del verano
- Foto de la ciudad gratis
- Tú y ese imaginario colectivo
- Fotografía de moda callejera tomada por mí en Atlanta
- Estilo occidental
- Impulso
- Bellezas negras
- Joyas personales
Descarga las fuentes y las imágenes y asegúrate de que las fuentes estén instaladas antes de comenzar el tutorial.


Plantillas de InDesignMás de 30 de las mejores plantillas de informes de InDesignNona Blackman

Adobe InDesignDe la A a la Z de InDesign: consejos, trucos y hacksDaisy Ein
1. Cómo configurar una plantilla de catálogo de productos
Paso 1
Para crear una plantilla de catálogo de productos, abre InDesign y ve a Archivo> Nuevo> Documento.
Elige Imprimir de las opciones en la parte superior de la ventana. Selecciona el ajuste preestablecido A4 de las opciones siguientes. Comprueba las Páginas opuestas, ya que crearemos una publicación.
Establece el Número de columnas en 3 y el Medianil en 0,5 cm. Establece el margen Superior en 2 cm y el Inferior, Interior y Exterior en 1,5 cm. Establece el Sangrado a 0,3 cm. Haz clic en Crear.



Paso 2
Ve al panel Páginas y selecciona A-Página maestra haciendo doble clic en el pliego.
Ve a Maquetación > Crear guías. En la ventana Crear guías, establece las Filas en 5 y el Medianil en 0,5 cm. A continuación, selecciona Encajar guías a márgenes. Haz clic en OK.



Paso 3
Ve al panel Capas (Ventana > Capas).
Haz doble clic en la Capa 1 y cámbiale el nombre por Fondo. Haz clic en el botón Crear nueva capa para agregar una nueva capa y asígnale el nombre Imágenes. Crea dos capas nuevas más, nombrándolas Superposición y Copiar.



Paso 4
Ve al panel Muestras (Ventana > Color > Muestras). Haz clic en el menú desplegable y selecciona Nueva muestra de color. Establece el Tipo de color en Tinta plana y el Modo de color en CMYK.
Agrega los siguientes valores:
- Amarillo: C=4; M=20; Y=48; K=0
Repite el paso Nueva muestra de color para agregar las siguientes muestras:
- Gris: C=4; M=3; Y=4; K=0
- Turquesa: C=49; M=4; Y=28; K=0
- Rosa: C=0; M=15; Y=13; K=0
- Salmón: C=9; M=50; Y=55; K=0



Paso 5
Ve al panel Páginas (Ventana > Páginas). Haz doble clic en A-Página maestra para configurar la plantilla.
Con la Herramienta Texto, crea un cuadro de texto que tenga las siguientes medidas:
- Ancho: 6,65 cm
- Alto: 0,606 cm
Coloca el cuadro de texto justo encima del margen superior y alinea el eje x con el sangrado de la derecha. Ve al panel Muestras y establece el color de relleno en Turquesa. Agrega un número de página haciendo doble clic en el cuadro de texto, haz clic con el botón derecho y ve a Insertar carácter especial > Marcadores > Número de página actual.
Selecciona el contenido y ve al panel de Control. Establece la Fuente en Magdelin SemiBold, el Tamaño en 8 pt y el Tracking en 50.



Selecciona el cuadro de texto y presiona Comando-B para abrir las Opciones de marco de texto. Establece el Espaciado de margen en:
- Superior, inferior y derecha: 2 cm
- Izquierda: 1,7 cm



Paso 6
Presiona Opción y arrastra el marco de texto que creamos en el paso anterior. Colócalo en la página opuesta. En el panel de Control, establece la alineación en Derecha.
Presiona Comando-B para abrir las Opciones de marco de texto y configura el Espaciado de margen en:
- Superior, inferior, izquierdo: 2 cm
- Derecha: 1,7 cm



2. Cómo crear páginas maestras para una plantilla de catálogo de productos
Paso 1
Crearemos cinco pliegos de páginas maestras diferentes que nos ayudarán a agregar páginas con diseños preestablecidos al diseño del catálogo de productos. Crearemos un pliego de índice, dos pliegos de contenido y dos pliegos de producto.
En el panel Páginas, haz clic con el botón derecho en A-Página maestra y selecciona Nueva página maestra. En la ventana de la opción Nueva página maestra, establece el Prefijo en B, el Nombre en Índice y Basado en página maestra en A-Página maestra. Haz clic en OK.



Paso 2
Para la Página maestra de B-Index, crearemos una tabla de contenido basada en imágenes.
En el panel Capas, selecciona la capa Imagen.
Desde el panel Herramientas, selecciona la herramienta Marco (F). Usando las guías y columnas que creamos al comienzo del proyecto, crea marcos que quepan entre una y tres columnas, y lo mismo para las filas.
Agregué un color de relleno del panel Muestras para poder ver dónde están colocados los marcos.



Paso 3
Selecciona todos los fotogramas y presiona Comando-C para Copiar. En el panel Capas, bloquea la capa Imagen y selecciona la capa Superposición. Presione Mayús-Opción-Comando-V para Pegar en mismo lugar.
Selecciona todos los marcos, ve al panel Muestras y selecciona la muestra Turquesa. En el panel Efectos (Ventana > Efectos), establece la Opacidad en 60%.



Paso 4
Bloquea la capa Superposición en el panel Capas y selecciona la capa Copiar.
Con la herramienta Texto, crea marcos de texto para cada marco de imagen.
Agrega un número de página y algún contenido de sección. En el panel de Control, establece el texto en lo siguiente:
- Número de página: Fuente a Magdelin ExtraBold, Tamaño a 60 pt.
- Sección: Fuente a Magdelin Black, Tamaño a 16 pt.
Abre la Ventana de opciones de marco de texto seleccionando el marco y presionando Comando-B. Establece el espaciado de margen a 0,5 cm para todos los lados.



Paso 5
En el panel Páginas, haz clic con el botón derecho en A-Página maestra y selecciona Nueva Página maestra.
En la ventana de la opción Nueva Página maestra, establece el Prefijo en C, el Nombre en Contenido-1 y Basado en página maestra en A-Página maestra. Haz clic en OK.



Paso 6
En el panel Capas, desbloquea todas las capas. Selecciona la capa Fondo.
Usando la Herramienta Rectángulo (M), crea un rectángulo para que actúe como un elemento en el fondo de la página de la izquierda. Coloqué el mío en la parte inferior izquierda. Asegúrate de que el rectángulo toque los sangrados en los lados izquierdo e inferior. Utiliza el panel Muestras para establecer el color de relleno. En mi caso, utilicé el color Salmon.
Usando la Herramienta Rectángulo (M), agrega un fondo a la página de la derecha. Utiliza el panel Muestras para establecer el color en Gris.



Paso 7
Bloquea la capa Fondo en el panel Capas. Selecciona la capa Imagen. Con la herramienta Marco (F), crea un marco que quepa dentro del margen de la página de la izquierda.



Paso 8
Bloquea la capa Imagen en el panel Capas y selecciona la capa Copiar. En el panel Muestras, establece el color en Negro.
Con la Herramienta Texto (T), crea un marco de texto que se ajuste a las dos primeras columnas de la página de la izquierda. Aquí puedes agregar detalles y secciones del producto.
En el panel de Control, configura el texto como:
- Catálogo de productos: Fuente a Magdelin Bold, tamaño a 12 pt.
- Número de sección: Fuente a Magdelin Bold, Tamaño a 18 pt.
Selecciona el marco de texto y presiona Comando-B para abrir la Ventana Opciones de marco de texto. Establece el espaciado de margen a 0,5 cm en todos los lados.



Con la Herramienta Texto, crea dos marcos de texto: uno para el título y otro para el contenido. Coloca los marcos en el centro de la página.
Selecciona la Herramienta Línea (\) del panel Herramientas y dibuja una línea vertical entre el marco de texto superior e inferior. Establece el grosor en 0,5 pt.
Ve al panel Muestras y establece el color del marco de texto en Blanco.
En el panel de Control, use la siguiente configuración:
- Título: Fuente a Volgue Bold, Tamaño a 24 pt.
- Subtítulo: Fuente a Volgue Regular, Tamaño a 14 pt.
- Cuerpo de la copia: fuente a texto Magdelin, tamaño a 9 pt, tracking a 50.
En Controles de formato de párrafo, establece el Espacio antes en 0,5 cm.



Paso 9
En el panel Páginas, haz clic con el botón derecho en A-Página maestra y selecciona Nueva página maestra. En la ventana de la opción Nueva página maestra, establece el Prefijo en C, el Nombre en Contenido-2 y Basado en página maestra en A-página maestra.
Haz clic en OK.



Paso 10
En el panel Capas, desbloquea la capa Imagen y selecciónala.
Usando la herramienta Marco (F), crea dos marcos. El primero debe comenzar desde la primera columna de la página izquierda y terminar en la primera columna de la página derecha. El segundo marco debe ocupar las dos últimas columnas y las dos primeras filas de la página derecha.



Paso 11
Con la Herramienta Texto (T), crea un marco de texto en la parte inferior de la página izquierda. En el panel de Control, establece la Fuente en Volgue Bold, el tamaño en 24 pt y la Alineación del texto en Alinear al centro. Establece la Justificación vertical en Alinear al centro.



Paso 12
Con la Herramienta Texto (T), crea un marco de texto en las dos últimas columnas de la página derecha y debajo del segundo marco de texto que creaste anteriormente.
En el panel de Control, establece la Fuente en Texto Magdelin, el tamaño en 9 pt y el tracking en 50.
En los Controles de formato de párrafo, establece el Espacio antes en 0,5 cm, el Número de líneas de letra mayúscula en 3 y los Caracteres en letra mayúscula en 1.



Paso 13
En el panel Páginas, haz clic con el botón derecho en A-Página maestra y selecciona Nueva página maestra. En la ventana de la opción Nueva página maestra, establece el Prefijo en D, el Nombre en Productos-1 y Basado en página maestra en A-Página maestra. Haz clic en OK.
En el panel Capas, selecciona la capa Fondo. Con la Herramienta Rectángulo (M), crea rectángulos para que actúen como parte del fondo y agrega dimensión a la página. Utilice el panel Muestras para agregar un color de relleno.



Paso 14
En el panel Capas, bloquea la capa Fondo y selecciona la capa Imagen.
Con la Herramienta Marco (F), crea un marco de imagen con un Ancho de 8,7 cm y una Altura de 10,18 cm. Coloca el marco en el margen izquierdo de la página de la izquierda y fija el eje Y en 4,7 cm.



Paso 15
En el panel Capas, selecciona la capa Copiar.
Con la Herramienta Texto (T), crea un marco de texto en el lado izquierdo, debajo del marco de imagen creado en el paso anterior. Aquí, puedes obtener información como el número y el nombre del producto. En el panel de Control, establece la Fuente en Magdelin SemiBold, el tamaño en 8 pt y el tracking en 50.
Crea otro marco de texto en el lado derecho, debajo del marco de la imagen. Aquí, podemos agregar un precio. En el panel de Control, establece la Fuente en Magdelin SemiBold, el tamaño en 14 pt y el tracking en 50.



Paso 16
Selecciona la imagen y los marcos de texto y duplícalos presionando Opción y arrastrando los elementos. Coloca cuatro en una sola página y repite este paso para la página opuesta.



Paso 17
En el panel Páginas, haz clic con el botón derecho en A-Página maestra y selecciona Nueva página maestra. En la ventana de opción Nueva página maestra, establece el Prefijo en D, el Nombre en Productos-2 y Basado en página maestra en A-Página maestra. Haz clic en OK.
En el panel Capas, selecciona la capa Fondo. Con la Herramienta Rectángulo (M), crea rectángulos para que actúen como parte del fondo y agreguen dimensión a la página. Utiliza el panel Muestras para agregar un color de relleno.



Paso 18
En el panel Capas, bloquea la capa Fondo y selecciona la capa Imagen.
Con la Herramienta Marco (F), crea un marco de imagen que se ajuste al ancho de las columnas guías y que tenga una Altura de 10,18 cm. Coloca el marco en la primera columna de la página izquierda y establece el eje Y en 4,7 cm.
Duplica el marco presionando Comando y arrastrando. Coloca seis marcos en la fila superior y seis en la fila inferior.



Paso 19
En el panel Capas, selecciona la capa Copiar.
Con la Herramienta Texto (T), crea un marco de texto en el lado izquierdo, debajo del marco de imagen creado en el paso anterior. Aquí puedes obtener información como el número y el nombre del producto. En el panel de Control, establece la Fuente en Magdelin SemiBold, el tamaño en 8 pt y el tracking en 50.
Crea otro marco de texto en el lado derecho, debajo del marco de la imagen. Aquí, podemos agregar un precio. En el panel de Control, establece la Fuente en Magdelin SemiBold, el tamaño en 14 pt y el Tracking en 50.
Duplica estos dos marcos presionando Comando y arrastrando. Coloca los duplicados debajo de cada marco de imagen.



3. Cómo editar tu plantilla de catálogo de productos
Paso 1
En el panel Capas, haz doble clic en las páginas normales de tu catálogo de productos. Crearemos una portada.
En el panel Capas, selecciona la capa Fondo. Con la Herramienta Rectángulo (M), crea rectángulos para que actúen como parte del fondo y agregue dimensión a la página. Utiliza el panel Muestras para agregar un color de relleno.
Con la Herramienta Marco (F), crea un rectángulo dentro de los márgenes de la portada. Haz clic en el marco de la imagen y presiona Comando-D para colocar una imagen. Busca la imagen de la Sonrisa y haga clic en Abrir.
En el panel Capas, seleccione la capa Copiar. Con la Herramienta Texto, crea un marco de texto sobre la imagen. Aquí puedes agregar la temporada de tu plantilla de catálogo de productos, título y nombre de la empresa. En el panel de Control, usa la siguiente configuración:
- Temporada: Fuente a Magdelin SemiBold, tamaño a 12 pt, tracking a 200
- Título: Fuente a Volgue Bold, Tamaño a 26 pt
- Compañía: Fuente a SemiBold, tamaño a 12 pt, Tracking a 200



Paso 2
Para el resto de la plantilla del catálogo de productos, puedes agregar cualquiera de las Páginas maestras. Arrastra la página maestra deseada para agregar páginas a tu catálogo. En mi caso, agregué una página B-Indice y una página C-Contenido-1 para los pliegos después de la portada.
Desbloquea los elementos presionando Mayús-Comando y seleccionando un elemento o varios elementos. Puedes arrastrar y soltar imágenes en los marcos de imagen y editar el texto.



Paso 3
Para el pliego de productos del catálogo, utilicé una página de cada una de las páginas maestras de D-Productos para que no se reflejen exactamente.
Desbloquea los elementos presionando Mayús-Comando y seleccionando un elemento o varios elementos. Arrastra y suelta imágenes en los marcos y edita el texto como desees.
Recuerda, siempre puedes mover algunos elementos para que los pliegos sean únicos, y puedes mezclar y combinar las páginas maestras en tu plantilla de catálogo de productos.



4. Cómo exportar tu plantilla de catálogo de productos
Paso 1
Ve a Archivo > Exportar. Establece el Formato en Adobe PDF (Imprimir). Haz clic en Guardar.



Paso 2
En la ventana emergente, configura la opción Preestablecido de Adobe PDF en Calidad de prensa.
Selecciona la opción Marcas y Sangrados en el menú del lado izquierdo. Selecciona Todas las marcas de impresora y Utilizar configuración de sangrado del documento. Haz clic en Exportar.



Conclusión: tu plantilla de catálogo de productos terminada
¡El diseño de la plantilla de tu catálogo de productos está terminado! Guarda el documento como un archivo de InDesign para que puedas volver a utilizarlo como plantilla y personalizarlo con cada nuevo proyecto. Puedes mezclar y combinar las Páginas maestras, ¡y tendrás un diseño de catálogo de productos diferente cada vez!



En este tutorial, has aprendido a diseñar una plantilla de catálogo de productos. Investigamos cómo configurar Páginas maestras para tener diseños prediseñados que puedes mezclar y combinar. Aprendiste algunas páginas importantes para crear para el diseño de un catálogo de productos y las mejores prácticas de impresión a tener en cuenta para asegurarte de que tu catálogo esté en la mejor forma.
¿Buscas ejemplos de catálogos de productos y diseños de catálogos personalizables? Envato Elements ofrece miles de plantillas editables de InDesign que pueden ahorrarte mucho tiempo.


Plantillas de InDesign15 plantillas de catálogo de InDesign gratuitas con diseños INDD creativos para 2021Brenda Barron

CatálogosMás de 30 de las mejores plantillas de catálogo de productos (diseño de catálogo para descargar)Daisy Ein

Diseño gráficoDimensiones y formatos de folletos estándar e internacionalesLaura Keung

LibrosCómo crear una plantilla de libro en PhotoshopIvan Gromov

Plantillas de InDesignMás de 50 plantillas de InDesign que todo diseñador debería tenerGrace Fussell

FlyersLos 42 mejores tutoriales de plantillas de InDesignLaura Keung