INTRODUCCIÓN A
LUCIDCHART
Herramienta on-line para el diseño de diagramas
AÑO ACADÉMICO 2018
CÁTEDRA DE TECNOLOGÍAS DE LA ADMINISTRACIÓN PÚBLICA
Facultad de Ciencia Política y RRII (UNR)
ÍNDICE
1. Cómo comenzar con Lucidchart ..................................................................................................... 2
1.1. La página de documentos ..........................................................................................2
1.2. Crear un documento .................................................................................................2
1.3. Las partes del editor ..................................................................................................4
1.3.1. El encabezado ............................................................................................................................ 4
1.3.2. La barra de menús ..................................................................................................................... 4
1.3.3. La barra de propiedades............................................................................................................ 6
1.3.4. La caja de herramientas ............................................................................................................ 7
1.3.5. El menú expansible.................................................................................................................... 9
1.3.6. El lienzo...................................................................................................................................... 9
1.3.7. El pie de página ....................................................................................................................... 10
1.4. Fundamentos de la creación de diagramas ............................................................... 10
2. Introducción a la creación de diagramas de flujo .......................................................................... 12
2.1. Crear un diagrama de flujo ...................................................................................... 12
2.2. Símbolos comunes de los diagramas de flujo ........................................................... 13
2.3. Crear carriles...........................................................................................................15
2.3.1. Agregar y personalizar carriles ................................................................................................ 15
2.3.2. Agregar, eliminar, reorientar o mover carriles ....................................................................... 17
2.3.3. Modificar el tamaño de los carriles ......................................................................................... 17
2.3.4. Aplicar estilo a carriles ............................................................................................................ 18
1
1. CÓMO COMENZAR CON LUCIDCHART
Bienvenido al mundo visual de Lucidchart ([Link]), donde puedes crear
fácilmente diagramas atractivos, editarlos con otros colegas de forma simultánea y
guardar todos tus cambios al instante.
Este manual proporcionará algunos recursos básicos que te ayudarán a comenzar. Te
guiará a través de la página de documentos y el editor; te enseñará cómo crear y
personalizar un diagrama sencillo, y te permitirá familiarizarte con la amplia gama de
funciones que Lucidchart ofrece. Para ver artículos más detallados sobre temas
específicos, dale un vistazo a la Base de conocimientos y la Comunidad.
1.1. LA PÁGINA DE DOCUMENTOS
Cuando inicies sesión en Lucidchart, accederás a tu página de documentos, que es la
plataforma de lanzamiento de tu cuenta Lucidchart. Aquí puedes ver y organizar
documentos, crear y gestionar carpetas e importar archivos Visio y otros. La página
también funciona como un portal a la página de configuración de la cuenta, el panel de
administrador (si eres un administrador de equipo), el administrador de integraciones
y, el más importante, el editor de Lucidchart.
1.2. CREAR UN DOCUMENTO
Puedes comenzar a crear diagramas desde cero con un nuevo documento en blanco o
generar uno a partir de una plantilla de Lucidchart.
2
Para crear un documento en blanco desde la página de documentos, haz clic
en en la barra superior de la página o en a continuación.
El editor de Lucidchart se abrirá en una nueva ventana de navegador para que puedas
comenzar a crear diagramas de inmediato.
Para abrir la galería de plantillas, haz clic en una de las categorías de plantillas o
en en la barra superior o presiona junto
Cuando veas una plantilla que te guste, simplemente haz clic en ella y se abrirá en el
editor.
También puedes crear un documento nuevo directamente desde el editor en Archivo >
Documento nuevo.
3
1.3. LAS PARTES DEL EDITOR
Toda la magia de la creación de diagramas sucede en el editor de Lucidchart. Antes de
comenzar a crear diagramas, es útil conocer las distintas partes del editor. Mira la
siguiente imagen para aprender los nombres de los componentes del editor y continúa
leyendo para obtener un resumen de sus funciones.
1.3.1. EL ENCABEZADO
En la parte superior del editor, verás el encabezado.
Haz clic en para volver a la página de documentos, presiona para
cambiar el nombre de tu documento y haz clic en tu dirección de correo electrónico
para navegar a la página de configuración de la cuenta o cerrar sesión.
1.3.2. LA BARRA DE MENÚS
4
Debajo del encabezado se encuentra la barra de menús, donde puedes acceder a una
gama de acciones fundamentales para el proceso de creación de diagramas.
Haz clic en una de las pestañas ubicadas a la izquierda para abrir un menú desplegable
de opciones. Algunas opciones pueden estar atenuadas dependiendo de lo que se
seleccione en el lienzo. Por ejemplo, muchas de las opciones que se muestran en la
pestaña "Organizar" se aplican a grupos de objetos, así que solo podrás
implementarlas después de seleccionar múltiples objetos en el lienzo.
Algunas opciones de la barra de menús también se pueden aplicar a través de los
métodos abreviados de teclado, detallados en la fila correspondiente debajo de cada
pestaña.
GUARDAR TU TRABAJO
A la derecha del botón Ayuda verás el estado de guardado de tu documento.
Lucidchart guarda automáticamente todos los cambios que realices en tu documento y
los almacena en la nube, así que "Guardando" debería cambiar automáticamente a
"Guardado" cada vez que edites tu diagrama.
FUNCIÓN DE BÚSQUEDA
5
A la derecha de la barra de menús, verás el siguiente ícono:
Esta es una útil herramienta de búsqueda que puede ayudarte a encontrar funciones
de Lucidchart dentro del editor. Si no sabes dónde encontrar una función,
simplemente haz clic en este ícono y escribe tu solicitud de búsqueda en el diálogo
emergente. Esta herramienta buscará tu consulta en el editor y el Centro de ayuda.
BOTONES PRESENTAR/COMPARTIR
Ubicados en el extremo derecho de la barra de menús, te llevarán al
modo de presentación y te llevarán al diálogo de la función compartir,
mediante el cual puedes invitar a colaboradores o publicar tu documento.
1.3.3. LA BARRA DE PROPIEDADES
Debajo de la barra de menús está la barra de propiedades.
La sección izquierda de la barra de propiedades contiene funciones relacionadas con
las figuras y las imágenes.
Haz clic en a la izquierda para abrir el administrador de la biblioteca de figuras,
y haz clic en para importar archivos de imágenes o para abrir el administrador
de imágenes. Busca figuras, imágenes o íconos haciendo clic en e ingresando
una palabra clave. Consulta Acceder a más figuras e Importar y gestionar
imágenes para obtener más información.
A la derecha de la lupa, verás dos flechas. Haz clic en para deshacer el último
cambio que hiciste en tu documento y en para revertir esta acción. También
puedes acceder a estas opciones en la pestaña "Editar" de la barra de menús o
haciendo clic en Comando + z o Comando + y.
6
La siguiente sección de la barra de propiedades contiene las opciones de edición de
texto. Consulta Trabajar con texto para obtener toda la información al respecto.
La siguiente sección está dedicada a figuras y líneas. Consulta Aplicar estilo a una
figura y Trabajar con líneas.
A la derecha de la barra de propiedades verás una serie de í[Link] clic
en para agregar enlaces a un objeto, en para magnetizar un
contenedor, y en para bloquear una figura. Haz clic en para abrir las
opciones avanzadas de las figuras, y en en el extremo derecho para ampliar tu
lienzo de modo que ocupe todo el editor.
1.3.4. LA CAJA DE HERRAMIENTAS
El panel ubicado a la izquierda del editor se denomina "caja de herramientas" y
contiene secciones llamadas "bibliotecas de figuras".
7
De forma predeterminada, la caja de herramientas contendrá las bibliotecas de figuras
Estándar, Diagramas de flujo y Básicas, pero puedes agregar más bibliotecas de
Lucidchart o crear otras personalizadas mediante el administrador de bibliotecas de
figuras. Modifica la disposición de tus bibliotecas de figuras arrastrándolas y
soltándolas, minimízalas o expándelas haciendo clic en el triángulo ubicado a la
izquierda de sus nombres y elimínalas haciendo clic en a la derecha.
8
1.3.5. EL MENÚ EXPANSIBLE
El panel ubicado a la derecha del lienzo se llama "menú expansible" y contiene una
serie de cajones, cada uno indicado con un ícono. Haz clic en en la parte
superior del panel o presiona uno de los íconos para ampliar u ocultar los cajones del
menú expansible. El cajón superior contiene las opciones de configuración de página, y
los otros cajones se destinan a una función específica de Lucidchart. Haz clic en los
siguientes enlaces para conocer más sobre estas funciones.
Comentarios
Diapositivas
Historial de revisión
Capas
Temas
Chat
Vinculación de datos
Formato condicional
1.3.6. EL LIENZO
9
El lienzo es el corazón del editor y el espacio en el cual crearás tus diagramas.
Llena el lienzo con figuras y líneas arrastrándolas desde la caja de herramientas y edita
el estilo de estos objetos seleccionándolos y usando la barra de propiedades.
1.3.7. EL PIE DE PÁGINA
Encontrarás el pie de página debajo del editor.
Gestiona las páginas de tu documento con los botones ubicados a la izquierda y ajusta
el nivel de zoom de tu documento con la barra de zoom a la derecha.
1.4. FUNDAMENTOS DE LA CREACIÓN DE DIAGRAMAS
Con la interfaz de arrastrar y soltar de Lucidchart, crear un diagrama es sencillo e
intuitivo. Agrega objetos a tu diagrama arrastrándolos desde la caja de herramientas y
soltándolos en el lienzo, y usa el método de arrastrar y soltar para moverlos de un
lugar a otro del lienzo. Modifica el tamaño de un objeto haciendo clic en él y
arrastrando uno de los recuadros azules que se muestran en sus esquinas o lados.
10
Para dibujar una línea de conexión entre un objeto y otro, ubica el cursor sobre el
primer objeto y arrastra una línea desde uno de los círculos rojos que aparecen sobre
su borde. Cuando sueltes la línea, aparecerá un menú de figuras en una ventana
emergente desde donde podrás seleccionar una figura nueva que se conectará
automáticamente con esa línea. Todo el borde de cada figura actúa como punto de
conexión para unir líneas. Una vez que la línea esté conectada a un objeto, la línea se
moverá con el objeto.
11
Selecciona un objeto y empieza a escribir para editar el texto que contiene.
2. INTRODUCCIÓN A LA CREACIÓN DE DIAGRAMAS DE
FLUJO
Los diagramas de flujo ofrecen una representación visual de procesos o algoritmos.
Simplifica tus diagramas usando elementos y figuras estándar.
2.1. CREAR UN DIAGRAMA DE FLUJO
Arrastra una figura desde la biblioteca de figuras hasta el lienzo.
Haz doble clic en la figura para agregar o editar texto.
Para dibujar líneas que partan de una figura, coloca el cursor sobre la figura, haz clic en
los puntos de conexión rojos que aparecen y arrastra el mouse.
Cuando sueltes el mouse, se te indicará que agregues una nueva figura. Esta función se
puede desactivar de la siguiente manera: icono Lucidchart > Configuración de usuarios
> Preferencias > Después de dibujar líneas > No hacer nada.
Aplica el formato que desees al diagrama. Si no sabes bien por dónde empezar, echa
un vistazo a nuestra Guía sobre los primeros pasos.
Continúa agregando figuras y dibujando líneas hasta que el diagrama de flujo esté
completo.
12
Para diferenciar las responsabilidades de los subprocesos, echa un vistazo a
nuestro Tutorial sobre la creación de carriles.
2.2. SÍMBOLOS COMUNES DE LOS DIAGRAMAS DE FLUJO
→ Flechas: Indican la dirección general del diagrama y los próximos pasos en una ruta.
Conector: Conecta elementos separados en una página. Se utiliza dentro de
diagramas complejos.
Datos (E/S): Representa entrada, salida o recursos usados o generados.
Base de datos: Representa una base de datos.
Decisión: Indica una pregunta que debe ser respondida —generalmente
sí/no o verdadero/falso. La ruta puede cambiar dependiendo de la respuesta.
Demora: Indica una demora o un período de espera en un proceso.
Almacenamiento de acceso directo (disco duro): Representa el
almacenamiento de datos en un disco duro.
Pantalla: Se refiere a la información que se muestra a un usuario, a
menudo con un monitor de computadora.
Documento: Representa un documento o informe.
13
Almacenamiento interno: Representa datos almacenados en una
memoria de acceso aleatorio (RAM).
Entrada manual: Representa la entrada manual de datos en una
computadora, por lo general a través de un teclado.
Operación manual: Indica un paso que se debe realizar de forma manual,
no automáticamente.
Combinar: Combina múltiples rutas.
Documentos múltiples: Representa documentos o informes múltiples.
Nota: Muestra comentarios sobre un diagrama de flujo.
Enlace fuera de página: Conecta elementos separados en múltiples
páginas. Se utiliza dentro de diagramas complejos.
O: Representa una ruta que se bifurca.
Cinta de papel: Representa una entrada o salida.
14
Proceso predefinido: Indica un proceso u operación complicado que es
bien conocido o definido en otro lado.
Preparación: Representa la preparación para próximos pasos.
Proceso: Muestra un proceso, acción u operación.
Datos almacenados: Representa datos albergados en un dispositivo de
almacenamiento.
Unión de suma: Suma las entradas de varias rutas que convergen.
Terminador: Representa los puntos de inicio y finalización, y los posibles
resultados de una ruta.
2.3. CREAR CARRILES
Los carriles dividen tus diagramas de flujo en secciones significativas. Puedes usar los
carriles para ordenar las responsabilidades por persona o para separar un proceso en
fases. En Lucidchart, puedes adherir objetos a un carril para que cuando lo muevas, se
muevan con él. ¡Sigue el ejemplo de Michael Phelps y conviértete hoy en un campeón
de los carriles!
2.3.1. AGREGAR Y PERSONALIZAR CARRILES
Sigue este sencillo proceso para agregar la biblioteca de figuras apropiada y empieza a
usar los carriles:
Abre el Administrador de bibliotecas de figuras.
15
En la columna del lado izquierdo en "Estándar", selecciona "Figuras de diagramas de
flujo" y presiona "Guardar". (Nota: Deberás ver una marca de verificación junto a
“Figuras de diagramas de flujo” si tienes acceso tanto a la biblioteca de “Diagramas de
flujo” como a la biblioteca de “Contenedores”.)
En la barra de herramientas en el lado izquierdo del editor, busca la biblioteca
"Contenedores" y selecciona el carril vertical u horizontal. Puedes ver los nombres de
las figuras desplazando el mouse sobre una figura.
Arrastra y suelta la figura en tu lienzo.
16
Cambia la etiqueta de tu carril haciendo doble clic en el encabezado.
Haz clic en los bordes y arrástralos para modificar el tamaño.
2.3.2. AGREGAR, ELIMINAR, REORIENTAR O MOVER CARRILES
Al hacer clic en el borde de tu carril, debería aparecer un panel arriba de tu
documento, debajo de la barra de propiedades. Este panel te permitirá ajustar el
número o la orientación de tus carriles.
Para agregar o quitar carriles, cambia el número de carriles detallados en el panel.
Para cambiar la orientación de carril o texto, ajustar el " orientación "orientation" a
través del panel emergente. Cuando reorientas un carril, todos los objetos en el carril
se reorientará también.
Para mover un carril, haz clic derecho sobre el borde o el encabezado del carril.
Selecciona “Mover carril hacia arriba”, “Mover carril hacia abajo”, “Mover carril a la
izquierda” o “Mover carril a la derecha” dependiendo de la dirección que desees.
2.3.3. MODIFICAR EL TAMAÑO DE LOS CARRILES
17
Haz clic en el borde de un carril y arrastra el mouse para modificar el tamaño del carril.
2.3.4. APLICAR ESTILO A CARRILES
Puedes aplicar un estilo a los carriles mediante la barra de propiedades en el sector
superior del editor. Une la acción deseada con el número en la siguiente imagen.
Edita la fuente, el tamaño y el color del texto.
Cambia el color de relleno y la textura.
Cambia el color, el grosor y el patrón de las líneas.
Para agregar una sombra, haz clic en el ícono Opción de
figuras > y cambia el botón arriba de SOMBRA de desactivado a
activado. Luego, puedes modificar el ángulo, color, desenfoque y distancia de la
sombra.
Para más información sobre Lucidchart, consultar el Centro de ayuda on-line:
[Link]
18
