Comience con activos en el diseñador de afinidad

Sep 17, 2025
Cómo
[dieciséis]

Cuando trabaje en proyectos como diseño de aplicaciones o colateral de marca, es importante que haya consistencia entre diferentes elementos, para dar un sentido de continuidad a través del diseño. En el diseñador de afinidad, los activos ayudan a abordar este problema. Puede guardar conjuntos de activos, listos para pasar a su documento para uso repetido.

En este artículo, le mostraremos cómo comenzar a usar la función Activos en la afinidad del diseñador. Mire el video de arriba para una visión general de dos minutos, o lea para obtener algunos consejos principales. Esto es parte de una serie de videos tutoriales que le muestran cómo usar Affinity Designer - un popular arte vectorial Herramienta para Mac, Windows y iPad.

01. Acceder al panel Activos.

Assets panel Affinity Designer

[dieciséis] Encontrará el panel Activos en la categoría Estudio.

Puede acceder al panel y agregarlo a su flujo de trabajo yendo a ver & gt; Studio & GT; Activos. Una vez seleccionado, puede arrastrarlo a sus paneles y mantenerlo allí para uso futuro. Mantengo mi panel de activos junto a mi paleta de colores.

02. Activos de importación y exportación.

Import Assets in Affinity Designer

[dieciséis] Hay un montón de kits de UI disponibles para el diseñador de afinidad.

Puede ser que esté trabajando con el equipo y hay una colección de activos existente para su diseño, o que desea descargar un kit de interfaz de usuario (ahora se están realizando muchos de estos para el diseñador de afinidad). Para importar activos, simplemente haga clic en el icono Opciones en el panel Activos y haga clic en Importar. Esto traerá una ventana de Buscador para que usted seleccione lo relevante .afassets Archivo para instalación inmediata: no hay necesidad de cerrar y reabrir la aplicación.

Para exportar activos, simplemente se cierne sobre la opción de exportación. Esto creará un .afassets Archivo, y desde aquí puede hacer sus propios kits de activos para que otros usen.

03. Crear activos

Affinity Designer: working with Assets

[dieciséis] Arrastre un elemento de diseño a la categoría correspondiente

Para crear un activo, simplemente arrastre el objeto que desee en la categoría correspondiente. Cosas que reutilizará a menudo, como botones, logotipos o elementos ilustrativos son cosas buenas para convertirse en activos. Sin embargo, técnicamente podría hacer todo lo posible y convertir los diseños de sitios web a los activos, si, por ejemplo, quería replicar una plantilla.

04. Crear categorías y secciones

Affinity Designer: organise your Assets

[dieciséis] Organice sus activos en categorías y subcategorías

Haga clic en el icono Opción / Menú en el panel Activos para crear categorías y subcategorías adicionales. Las subcategorías son útiles si desea dividir los activos, por ejemplo: es posible que tenga una subcategoría para la marca (logotipos y así sucesivamente), una para elementos ilustrativos y otra para elementos de UI, como los botones o los iconos.

05. Incrustar activos

Affinity Designer: embedding assets

[dieciséis] Incrustar activos para entregarlos a otra parte

Finalmente, al hacer clic en el icono Opción / Menú en el panel Activos, puede incrustar sus activos en el archivo. Esto significa que cuando comparte el archivo con alguien, también podrán acceder a todos los activos relevantes para el archivo. Esto es ideal para entregar el trabajo a un cliente, o si otro diseñador quiere recoger donde lo dejó.

Más en esta serie de herramientas de diseñador de afinidad:

  • Usando restricciones
  • Usando cuadrículas
  • La herramienta de la pluma
  • La persona de exportación
  • La persona pixel

Cómo - Artículos más populares

Cómo crear un fallo de texto y efectos de imagen en CSS

Cómo Sep 17, 2025

En este tutorial, le mostraremos cómo crear un efecto de texto de falla. Los efectos especiales y las animaciones pueden ayudar a los sitios web destacados, creando un impacto inmediato en e..

5 Nuevas características CSS calientes y cómo usarlas

Cómo Sep 17, 2025

[dieciséis] Página 1 de 2: Explora 5 nuevas características CSS: Pasos 01-10 Explora 5 ..

Cómo construir diseños complejos usando CSS

Cómo Sep 17, 2025

[dieciséis] El diseño para la web siempre ha sido limitado, nunca ha habido nada realmente dedicado a hacer que el contenido sea fác..

Cómo pintar miniaturas deliciosas

Cómo Sep 17, 2025

[dieciséis] El origen de la pintura en miniatura se extiende hacia la edad medieval, cuando los artistas en miniatura pintaron exquisi..

Cómo administrar las clases CSS con JavaScript

Cómo Sep 17, 2025

[dieciséis] Al desarrollar proyectos web simples que involucren la interacción del usuario, la mejor manera de administrar los cambio..

Cómo hacer tus propios tableros de lienzo

Cómo Sep 17, 2025

[dieciséis] Hacer tus propios tableros de lienzo es divertido, rápido y puede ahorrarle dinero. También le brinda un producto superi..

Diseñe gráficos SVG en su navegador

Cómo Sep 17, 2025

[dieciséis] los Editor de Vecteezy es una suite de edición de vectores gratis que corre directamente en su navegador. Este..

Cómo usar Fotografía de archivo Creativamente dentro de su trabajo de diseño

Cómo Sep 17, 2025

[dieciséis] En lugar de ser un último recurso, las imágenes de stock pueden y deben formar una parte esencial de su arsenal creativo..

Categorías