Diseñar y crear páginas con marca

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Transformar la página en una página con marca personalizada.
  
• Personalizar los widgets seleccionados y hacer que se destaquen.
  
• Crear un tema de diseño de página.
  
• Publicar y compartir la página.
  

Transformar la página con la marca

Una vez que crea una colección y agrega una página de aplicación o de panel y widgets, es el momento de llevar su página al siguiente nivel. InstaBrand permite crear una página personalizada y que incluya su marca con unos pocos clics.

Para activar InstaBrand, active el modo de modificación en la página a la que desea asignar la marca. Para ello, haga clic en el icono de lápiz (1) en la parte superior de la página. A continuación, haga clic en la ficha Diseño (2) y vea una matriz de opciones de personalización. Haga clic en el conmutador InstaBrand (3) para activar InstaBrand.

Luego, en Activos de marca, agregue su logotipo y una imagen de fondo. Incluso puede utilizar la biblioteca de Unsplash si hace clic en el cuadro de imagen. Aquí puede ingresar una palabra clave para buscar cientos de imágenes. Haga clic en la imagen que desee agregar como imagen de fondo, y su página se actualizará automáticamente. Una vez que seleccione la imagen, no solo se agregará la imagen al fondo, sino que InstaBrand hará lo suyo y creará una página maravillosamente diseñada de acuerdo con la paleta de colores de la imagen elegida. 

De manera instantánea, su página se transforma en una página con marca coordinada por color, de aspecto exclusivo y diseño profesional. Si lo prefiere, puede seleccionar un tema predefinido del menú de opciones THEME (TEMA), el cual ofrece una matriz de temas genéricos que puede aplicar instantáneamente.

Una vez que crea o selecciona un tema, puede cambiar la paleta de colores, ajustar las opciones de configuración de fondo o modificar las fuentes para continuar con la personalización.   

La personalización de la página de aplicación puede variar. Algunas páginas son totalmente personalizables, otras solo ofrecen la personalización de la marca (como el tema o la paleta de colores) y algunos diseños de página no se pueden modificar. 

Personalizar widgets

Ahora que la página incluye su marca y que logró darle una composición estética, destaque ciertos widgets para hacerla más informativa. Con ese fin, seleccione el widget en cuestión y haga clic en la ficha Diseño. Personalice el diseño del widget con las opciones de configuración disponibles. (Nota: Las opciones de la ficha Diseño varían según el tipo de widget).

Las opciones disponibles de diseño de widgets son las siguientes:

• Cuadrícula: Establezca el estilo de formato del widget. Existen tres tipos de estilos de cuadrícula:
  

• None (Ninguna): esta opción mantiene el widget en el mismo lugar de la página.
  
• Sticky (Permanente): fija el widget al principio de la página, y este no se mueve cuando los usuarios se desplazan.
  
• Float (Flotante): hace flotar el widget sobre sus widgets existentes en la página, y permanece allí cuando los usuarios se desplazan.
  

• Fondo: Ajuste lo que se muestra en el fondo del widget, como el color, la opacidad, el brillo y la forma de las esquinas.
  
• Fuentes: Ajuste las fuentes de su widget, como los encabezados y los ejes.
  
• Interacciones: permite agregar opciones de configuración adicionales al widget. Existen tres opciones:
  

• Drill Down (Desglose): permite que los datos se vean con una granularidad inferior.
  
• Highlighting Rules (Reglas de resaltado): permite resaltar valores dentro del widget.
  
• Calendar Events Tags (Calendario, Eventos, Etiquetas): permite agregar una etiqueta de evento al widget para enfatizar aumentos o caídas en los datos. Por ejemplo, si hay un gran aumento en las ventas durante el Black Friday, puede etiquetar este evento como “Black Friday” en su gráfico.
  

• Avanzado: Agregue hojas de estilo en cascada (Cascading Style Sheets, CSS) personalizadas a su widget.
  

Crear un tema de diseño de página

Una vez que crea su página ideal, puede utilizar el mismo diseño para todas sus páginas mediante un tema de diseño de página. Para ello, haga clic en cualquier parte fuera de un widget en la página. Esto lo lleva a la ficha Diseño (1) en el nivel de página. Haga clic en el botón de opciones (2) junto a TEMA y seleccione Guardar como nuevo tema (3). Asigne un nombre a su tema (4) y haga clic en Guardar (5). 

Ahora, su tema estará disponible siempre que cree una nueva página en la lista desplegable TEMA.

Publicar y compartir la página

Ahora es el momento de compartir su página personalizada con las personas interesadas. Primero, haga clic en Guardar (1); luego, haga clic en el icono de publicar circular (2); y, a continuación, seleccione Publicar (3) para que todos los usuarios que accedan el espacio de trabajo puedan ver su página. 

A continuación, en Opciones de página (1), establezca las opciones de configuración Compartir/incrustar (2). Estas son las opciones disponibles.

• Logged Users (Usuarios con sesión iniciada): esta opción comparte la página con los usuarios que iniciaron sesión en su espacio de trabajo.
  
• Anyone (Cualquiera): permite compartir la página con cualquier persona que tenga el vínculo de la página.
  
• Not Shared (No compartir): esta opción impide que la página se comparta públicamente.
  

Una vez que estableció la configuración de Compartir/incrustar, todo lo que queda por hacer es copiar (3) y compartir el vínculo con las personas interesadas relevantes o incrustar el vínculo en la página web deseada.

Mire este video para ver una demostración en vivo de cómo personalizar y asignar una marca a su página.

En esta unidad, aprendió cómo transformar su página en una página con marca, personalizar los widgets seleccionados y crear una plantilla de diseño de página. Avance a la siguiente unidad para aprender cómo examinar y exportar páginas.