Transcripciones
1. Introducción: Si eres alguien a quien le encantan los sistemas de
organización
completamente personalizables, entonces probablemente hayas
oído hablar de la noción antes. Notion es un software basado en que le permite tomar notas, diseñar sistemas y construir herramientas
organizativas
que funcionen para usted. Es un programa realmente intuitivo y muy fácil de comenzar, pero es un poco
más difícil
diseñar páginas realmente estéticas,
hermosas. Eso es lo que vamos a
estar abordando en esta clase. Juntos, vamos a estar
pasando por el proceso de diseñar un tablero y una noción que
puedes usar para planificar tu día, organizar subpáginas y
hacer listas y notas. Puedes personalizar este diseño tanto
como quieras para que se
adapte a tu gusto y tus
propias preferencias de diseño. Al final de esta clase,
tendrás un dashboard personalizado fácil de
usar, pero también las habilidades para crear
otras páginas por ti mismo. Mi nombre es Rebecca, seré
instructora para esta clase. Soy diseñador gráfico o profesor y también dueño de una
pequeña empresa. Y uso Notion para
planear toda mi vida. Estoy muy emocionada de
mostrarte los consejos y trucos que he aprendido
para optimizar la noción. Entonces, si estás listo
para aprender conmigo, entonces empecemos juntos
en la clase.
2. Comencemos: Antes de que podamos empezar a diseñar
nuestro dashboard de noción, vamos a necesitar dos cosas. Primero, una
cuenta de Notion y, en segundo lugar, una cuenta de Canva para hacer algunos de los trabajos de diseño gráfico que cubriremos más adelante en la clase. Ambos son gratis de
hacer y no te
costará nada
completar este proyecto. Si no has usado
la noción antes, entonces no te preocupes, es
muy fácil de navegar. Pero antes de entrar en eso, primero
echemos un vistazo
detallado ejemplo
del dashboard
que hoy vamos a diseñar en
esta clase. Esto de aquí mismo es el dashboard de noción
terminada que
creé que vamos a estar reproduciendo en esta clase. Ahora lo primero que podrías notar es que el tema para este diseño es muy
rosa y femenino. Y por supuesto eso no es necesario para su diseño en absoluto. Este es solo el
estilo que elegí. Tendrás mucha
flexibilidad para elegir tu estética o tu diseño
para tu proyecto. A medida que me desplace un poco hacia abajo, verás que este es un diseño de tres columnas
aquí en la parte superior. Entonces tenemos
una estrecha a la izquierda, columna
más grande en el medio, y una columna estrecha a
la derecha. A la izquierda tenemos una sección
para diferentes planificadores. Tenemos una lista de tareas, así que más como una lista de tareas pendientes y un
elemento decorativo en el medio, tenemos un horario para el día, y luego a la derecha tenemos una afirmación de espacio para poner rastreadores u otro
tipo de listas, y también una lista de tareas. Desplazándose hacia abajo aún más, tenemos otra sección, es un poco básica, así que realmente puedes
personalizarlo a lo que
quieras y a lo que tenga sentido
para tu horario diario. Y no hay espacio
para una cotización aquí arriba. Aquí hay cuatro enlaces
para diferentes páginas que puedes, siempre que las páginas tengan sentido
para ti si estás en la escuela, estas podrían ser materias
diferentes. Si eres dueño de un negocio, podrían ser diferentes aspectos
de tu negocio a los que
necesitas acceder rápidamente,
cualquier cosa por el estilo. También hay un
espacio de enlace para un video aquí. Y me parece agradable enlazar
en la música ambiental o en la lista de reproducción de música de
trabajo. Esa es sólo mi preferencia. Otro espacio para cotizar y sólo algunos elementos
decorativos más. Entonces ese es el diseño básico del tablero que
vamos a estar creando. Y vamos a pasar por todos
estos paso a paso. Ahora, solo para
comenzar, voy a abrir una
nueva página en Notion y solo
lo prepararemos y
podremos empezar a diseñar
en la siguiente lección. Entonces así es como
se ve una página de noción cuando
creas una nueva, está muy en blanco y
necesitamos configurarla un
poco antes de empezar a arrastrar y soltar nuestros elementos. Entonces lo primero que voy
a hacer es subir a la esquina superior derecha a
estos tres puntos de aquí. Y esto
te va a dar algunas opciones de formato para esta página en particular. Entonces lo primero que me gusta hacer es cambiar el estilo a Sarah. Esto es solo una
preferencia estilística y
solo significa que todas las fuentes de esta página
van a ser una fuente serif. Eso depende de ti.
Cuálprefieres. Yo sí enciendo ancho completo porque esto nos da mucho espacio
para agregar esas tres columnas. Pero si estuvieras haciendo
un diseño más pequeño, tal vez
quieras
no hacer página de ancho completo. Al hacer clic fuera de esa caja. Todo lo que vamos a
agregar es nuestro título y un ícono en este punto, y luego agregaremos todo lo
demás en la siguiente lección. Así que para empezar, solo
voy a escribir agenda diaria. Puedes teclearlo de esta manera. Me gusta jugar alrededor de una noción haciendo diferentes
combinaciones de capitalizar
y usar espacios. Eso se debe a que no
hay un montón de edición y
formato de texto
incorporadas opciones deedición y
formato de texto
incorporadaspara
ciertos tipos de bloques. Entonces para el encabezado de la página, la forma en que me gusta
hacerlo a veces es hacer todas las mayúsculas con espacios
entre las letras, solo porque creo que
se ve bien, así que lo cambiaré a eso y puedes jugar
con él como quieras. Yo lo dije más así. Y ahora sólo vamos a
agregar un icono para esta página. Ahora puedes subir un
ícono personalizado aquí si tienes un pequeño gráfico cuadrado
que quieres usar, declaración de Mr .
Page, aparece aquí en la esquina junto
al nombre de tu página, lo cual es útil
si tienen muchas páginas
de nociones diferentes. Es solo como una
señal visual rápida en cuanto a lo
que estás buscando. También puedes usar emojis o
iconos que la noción ofrece. Pero solo me gusta usar emojis
porque son coloridos. Y voy a ir
con este icono de flor de
cerezo para este diseño
en particular. Pero como dije, piensa en el tema o paleta
de colores que
deseas para tu diseño. Y solo busca un ícono que se ajuste a ese color o diseño. En este punto, estamos
listos para comenzar a agregar en nuestras columnas y bloques. Así que pasemos a la
siguiente lección y empecemos a poblar esto con
las formas básicas.
3. Adición de bloques básicos: Ahora que tenemos nuestra página de
noción en blanco lista para funcionar, comencemos a agregar en los
diferentes bloques de nuestro diseño. Ahora, como mencioné,
este va a ser un diseño de tres columnas y vamos a
estar encapsulando todos nuestros diferentes
elementos iz, y lo llamamos característica. Esta es básicamente una opción de
formato que le permite poner todos
los diferentes aspectos. Enlaces de página, encabezados
para hacer casillas de verificación de lista, lo que sea que tengas dentro de
otra casilla enmarcada. Y visualmente, me parece
muy útil para que los dashboards intenten romper y
organizar el contenido. Vamos a empezar por
poner en uno de esos. Yo solo voy a dar
click aquí
para poder agregar bloques en Notion, puedes hacer clic en
el signo más o puedes escribir una diagonal
para diferentes comandos. Entonces te mostrará todos los diferentes bloques
que puedes usar. La primera sección
son bloques básicos y eso es lo que vas a
estar usando la mayor parte del tiempo. Pero si te desplazas hacia abajo,
hay otros más complejos. Tablas y bases de datos, todo
tipo de cosas que puedas agregar serán agregando imágenes
más adelante en otra lección. El primero que
vamos a buscar es la caja de llamadas,
que está justo aquí. Es el último de
la sección básica. Y así es básicamente como se
ve esto. Se trata de una caja fina forrada gris. Hay un icono en la esquina y luego puedes escribir aquí. Puedes cambiar la forma en que se ve
tu caja si lo deseas, haciendo clic en los seis puntos
del costado e yendo a color. En esta primera sección, cambiaremos el color de la fuente y la segunda
cambiará el fondo. Entonces, por ejemplo, si
hice clic en naranja, la caja ahora es naranja. Podrías hacer eso si
quisieras que tu página se vea así con el fondo blanco
y las cajas de colores. Pero solo voy a
establecer este como predeterminado, así que solo obtendremos ese
delgado contorno gris. Simplemente realmente ayuda a separar
visualmente el contenido. Antes de agregar cualquier otra cosa. Si este icono no es el
que coincide aquí, puedes seguir adelante y cambiarlo o elegir
uno diferente si lo deseas. Y vamos a hacer
tres de esta caja para que podamos empezar a crear
esas tres columnas. Voy a hacer click en los seis puntos. Golpea duplicar, y lo
haré otra vez. Ahora tengo tres de
estas cajas de llamadas para crear columnas. Todo lo que necesitas hacer es ir a
los seis puntos, hacer clic y mantener presionado. Y luego puedes arrastrarlo
alrededor, reposicionarlo. Si lo llevas todo
el camino hasta el final. la derecha, hay una pequeña línea azul que
aparece y la suelta. Y va a crear
esto en dos columnas. Podemos hacerlo de nuevo
con la tercera, y crea tres columnas. Ahora podemos
ajustarlas yendo a pasar cursor sobre estas
líneas grises para que aparezcan entre las columnas y hacer ésta
estrecha y ésta estrecha. Ahora tenemos una gran sección media y para estrechar
columnas en el costado. Así es como
estructuraremos la mitad superior de este plan o tablero. Ahora para este diseño en particular que vamos a estar creando, voy a duplicar
éste de nuevo, porque vamos
a tener que llamar
a casillas en esta columna. Solo necesitamos uno para
el medio y necesitamos tres para el lado derecho. Como solo los
duplico, solo apilarán uno
encima del otro. Ahora que estoy viendo
esto, creo que quiero esta columna de la derecha
un poco más grande, así que simplemente voy a arrastrar esa. Ahora comencemos a agregar en los
encabezados para estas secciones. Entonces en todas partes
dice tipo algo es donde voy
a poner un encabezamiento. Voy a usar el
mismo formato de escritura con los espacios en mayúsculas porque creo que crea
una distinción visual
del texto plano,lo una distinción visual
del texto plano, que hace que estos
textos de llamada se vean un poco más como un encabezamiento en lugar de solo
una pieza de texto simple. Vamos a ir de izquierda a derecha aquí. Entonces la primera caja
va a ser planificadores. Entonces voy a escribir eso en. El segundo recuadro va
a ser una lista de tareas pendientes. Entonces voy a
llamarlo tareas de hoy. Ahora, hay un
par de
errores de formato que surgieron
cuando hice esto. Sólo quiero mostrarte
cómo deshacerme de ellos. En algunas computadoras. Si golpeas
el espacio tres veces rápidamente, automáticamente pondrá
un punto ahí para ti. Entonces solo voy
a borrarlo y agregar un espacio extra atrás,
pero eso lo reemplazó. También porque estoy haciendo
este formato de espaciado. A veces estos apóstrofes se
enfrentan a la dirección equivocada. Entonces todo lo que necesitas hacer es borrarlo y el
espacio después de la y, agregar el apóstrofo en, usar la tecla de flecha sobre nuevo espacio y ahora está
orientado de la manera correcta. Para la columna media
vamos a agregar en el horario de hoy. Y a la derecha,
voy a dejar la primera caja en blanco
porque
vamos a hacer algo un
poco diferente con ella. Siguiente voy a
agregar rastreadores y listas. El último va a
ser donde guardemos las tareas. Hay encabezamientos. Ahora, también puedes agregar
encabezados como un bloque separado, y se ven un poco diferentes a lo que
hemos hecho aquí. Así que sólo voy a
bajar aquí abajo. Hay un poco de
espacio en blanco. Haga clic en él. Y vamos a simplemente
tirar hacia arriba rumbo tres. Esa es la rúbrica de menor
tamaño. Entonces 123. Voy a escribir la
palabra afirmación aquí. Ahora podrías usar la palabra cita o motivación de pensamiento diario, lo que sea que funcione, no
tiene que ser una afirmación. Voy a cambiar
el color de esto. Y voy a
hacer que el fondo rosado, el ajuste nuestro tema. Y voy a dar click
en los seis puntos y arrastrar esto a la parte superior
de esta columna aquí. Estoy haciendo esto porque
quiero que este top box sea un poco de texto con
un dicho motivacional, solo para comenzar el
día libre, ¿verdad? Podrías cambiar
esto todo el tiempo o dejarlo
igual si quieres. Para hacer la caja un poco diferente
visualmente. Voy a hacer click en estos
seis puntos y voy a cambiar el fondo
a rosa también. Ahora sólo voy a pegar en mi pequeña cita. Ahí vamos. Y he hecho esta cita en cursiva
con solo resaltarla. Y puedes entrar y obtener algunas opciones de
formato diferentes aquí. Tan negrita, cursiva
subrayan tachado, así
como puedes cambiar el color de la
fuente si quieres, pero voy a dejarlo como
está y solo usa la cursiva. Así que ahora tenemos todas
estas cajas de llamadas y nuestra pequeña sección
de afirmación. En la siguiente lección,
vamos a comenzar a poblar todas estas cajas con
diferentes tipos de contenido.
4. Adición de subpáginas y listas: Nuestro planificador diario está
empezando a ponerse en forma. Tenemos todas estas cajas
en diferentes columnas y ahora ya estamos listos para comenzar a poblar estas
diferentes secciones. Entonces, primero agreguemos nuevas
páginas y subpáginas a la sección de planificadores
y a la sección de rastreadores
y listas. Para ello,
solo voy a dar click en los planificadores de títulos aquí, presionar Enter o Retorno en mi teclado y aquí vamos
a terminar en una nueva línea. Voy a agregar en
una página características, así que ese es el slash
o el signo más. Es el segundo ítem
en bloques básicos. Y cuando haga clic en esto, realidad
va a abrir una página en blanco completamente nueva para mí. No tienes que diseñar
todas las subpáginas de inmediato. Puedes simplemente titularlos un poco y luego volver
a ellos después. Y eso es lo que
vamos a hacer. Lo primero que
vamos a crear es un planificador semanal. Y voy a añadir en
el icono para este diseño. Y luego para volver,
solo voy a dar click en el planificador
diario justo
arriba en la parte superior izquierda. Ahora bien, esto es lo que
se convierte en un desenlace aquí
mismo para que pueda
dar click sobre él para volver a esa nueva página. Y tiene el icono de marca. Entonces solo voy a
agarrarlo en los seis puntos, hacer clic y arrastrar y
ponerlo justo debajo de los planificadores. Y ese es nuestro primer
enlace en esta sección. Lo voy a hacer es
dos veces más para agregar en un planificador mensual y anual. Y luego más adelante en la clase te
voy a mostrar algunos ejemplos de cómo podrían
verse estas páginas cuando estén pobladas. forma algo más rápida de mantener el formato igual es simplemente duplicar esto y
duplicarlo dos veces. Pero obviamente tenemos que cambiar el nombre, así que
simplemente voy a hacer clic en él. Entra aquí y cambia este
a planificador mensual. Y este en
un planificador anual. Y de vuelta a casa. Así que ahora tenemos tres planificadores instalados y listos
para diseñar posteriormente. Vamos a hacer lo
mismo básicamente por aquí en las secciones de rastreadores
y listas. Entonces voy a hacer clic en eso. Pulsa Enter, y voy
a añadir una nueva página. Ahora en cuanto a rastreadores y listas y cosas que
quieres hacer un seguimiento, realmente
puedes hacer cualquier cosa
que se adapte a tu estilo de vida, tus aficiones, tus intereses. Los dos ejemplos
que estoy usando aquí son una lista de lectura
y un rastreador de hábitos. Entonces agregaremos esos en. Y nuevamente, les echaremos un
vistazo después de simplemente hacer el
mismo método que antes, duplicarlo, entrar
y cambiar el nombre. Aquí vamos. Bien, entonces ahora
nuestras dos secciones aquí tienen sub páginas enlazadas y
podemos decorar esas páginas
individuales más adelante. Y te voy a mostrar ejemplos
de cómo los he configurado. Lo siguiente que vamos a hacer es configurar las listas de tareas pendientes. Entonces esas son estas
dos cajas aquí para las tareas y quehaceres de hoy. De una manera muy similar. Simplemente haremos clic en
eso, pulsaremos Enter. Y luego iremos a la lista de tareas pendientes, que es el tercer ítem
en los bloques básicos. Simplemente aparece muy
fácil pequeña casilla de verificación que puedes hacer clic y
puedes escribir en tu lista de tareas pendientes. Entonces voy a arrastrar esto
y ponerlo bajo las tareas de hoy. Para crear una lista de tareas un poco
más compleja, voy a agregar
dos encabezados aquí para tareas urgentes y regulares. Entonces vamos a hacer eso agregando
en ese encabezado tres nuevamente, lo cual es de buen tamaño. Y en lugar de hacer
las mayúsculas para esto, porque está destinado a
ser como un divisor de sección, más que solo un encabezado grande, lo
va a hacer en minúsculas. Entonces vamos a hacer urgente. Voy a cambiar el
color de la fuente a rosa. Simplemente agárrala por los seis
puntos de aquí y arrástrala hacia arriba. Y ahora tenemos
una sección urgente con un ítem de lista de tareas pendientes en blanco. Voy a duplicar esta. Haga clic en los puntos,
duplique, arrástrelo abajo. Y voy a cambiar
esta palabra demasiado regular. Y nuevamente, simplemente duplicaré
este elemento de la lista de tareas pendientes. Ahora tenemos algunos
espacios para algunos artículos. La función de lista de tareas pendientes es
realmente genial porque
puedes crear fácilmente una lista larga. Entonces, por ejemplo, si solo
voy a escribir respuesta,
correos electrónicos, solo presiona Enter o Return y comienza
otro bloque de lista de tareas pendientes. Así que haz café. Noción de fecha. Puedes dejarlos en blanco si
quieres y simplemente rellenarlos con la información correcta una vez que realmente estés
usando el diseño. Pero solo voy a poner
algún texto marcador solo para que se vea un
poco más realista cuando estamos tratando de visualizar cómo va a
funcionar
esto para usted. Eso es todo para la lista de tareas. Vamos a crear
una sección muy similar por aquí para las tareas. Y para que sea realmente fácil, recomiendo solo entrar y
duplicar algunos de estos. Voy a duplicar urgente
y arrastrarlo hasta aquí. Y duplicaré
la lista de tareas pendientes y la arrastraré también. Creo que una buena manera de
dividir una lista de tareas es por habitación o tipo de tarea. Entonces lo haré por habitación,
haré espacio libre. Claramente la forma de escribir con otros espacios puede
ser un poco engorrosa, pero solo
lo estoy haciendo para encabezados, así que no tengo
que hacerlo varias veces. Yo solo voy a
duplicar esto y agregué un par de
habitaciones diferentes de la casa. Se
pusieron todos los encabezados en su lugar. Sólo voy a duplicar las casillas de verificación y empezar a arrastrarlas hacia abajo a
las secciones correctas. Entonces obviamente esta no es
una tarea que necesites es una tarea ardua. Sólo voy a
rellenar esto con alguna
información de marcador de posición nuevamente para ayudarnos a visualizar
lo que estamos haciendo. Bien, entonces ahora nuestra lista
de tareas ya está hecha y nuestras tareas de hoy también
están hechas. Tenemos nuestros planificadores
y nuestros rastreadores. Estas son las
barras laterales que
vamos a estar diseñando hasta ahora. Vamos a decorar todo
esto en otra lección, pero pasemos
a la siguiente y veamos diseñar el
sistema de horarios en el medio.
5. Cómo agregar una tabla de horarios diaria: Vamos a crear una tabla
para nuestra columna media aquí que nos ayudará a
organizar nuestro horario diario. Hay muchas
maneras en las que podrías organizar tu día
en Notion podrías usar listas de verificación para organizar las diferentes
secciones del día. Podrías usar mesas. En este ejemplo en particular, vamos a estar
usando una tabla simple. Entonces voy a
encontrar eso con solo hacer clic aquí en el
medio, golpeando a Slash. Y vamos a
desplazarnos hacia abajo hasta la tabla aquí
mismo en la sección del bloque
básico. Ahora bien, si tecleas mesa,
encontrarás que en realidad hay dos tipos aquí. Hay un bloque básico,
uno, o una base de datos. La tabla de base de datos es un poco
más compleja y permite agregar diferentes columnas con diferentes tipos de información. Puede rellenar automáticamente las fechas. Puedes usarlo para
categorizar cosas. Es una mesa mucho más
compleja que tiene fines
muy específicos y
útiles para lo que estamos haciendo aquí. Creo que la tabla básica funciona mejor porque en realidad solo
estamos buscando poner tiempos
y una columna en blanco, una para el nombre
del evento y luego un
poco de espacio para notas. Así que sólo vamos a ir
con una mesa básica aquí. Cuando haces clic en eso, te
da este diseño de seis cajas. Y vamos a dar click
en este cuadro gris
del lado derecho para
agregar una tercera columna. Ahora quiero que estas columnas abarquen el ancho de esta sección
en particular aquí. Entonces voy a dar un poco más de espacio
para la primera columna, mucho más espacio para la segunda. Y luego
acabaremos arrastrando tercero. Hasta el final. Aquí tenemos tres columnas. Voy a ir a
esta primera fila. Y a medida que vuelo la UC, hay una, hay dos cajas diferentes de
seis puntos y una está justo
al final aquí. Voy a dar click en este, y me da
la opción de activar esta alternancia para fila de encabezado. Y todo lo que hace es hacer esta fila superior un color un
poco más oscuro. Para que veas que
es el encabezado. Voy a etiquetar
estas tres columnas. El primero
va a ser tiempo, el segundo será evento, y el tercero serán notas. Siéntase libre de ajustar esta medida aquí mismo
si encuentra que
desea que su
sección de notas sea más grande o que su sección de eventos
sea más pequeña. Ahora la única columna que
vamos a pre-poblar es la time one porque eso es lo que
no va a cambiar todos los días. Esos van a
indicar la hora del día en que están sucediendo diferentes
cosas. Y luego todos los días puedes borrar y rellenar
en el evento y las columnas de notas en cuanto a
qué horarios quieres establecer. Esto depende de tu horario. Si estás en la escuela,
tal vez cada media hora, tienes algo diferente
y quieres hacer doble de pérdidas
que vamos a estar haciendo aquí. Voy a estar haciendo una hora a
partir de las 06:00 AM a las
siete y luego voy a ir hasta la medianoche. Pero solo considera en qué tipo de horario están tus eventos. Si pasas por un
sistema por horas durante el día o incluso
trozos de tiempo más pequeños, solo
rellenaré el primero aquí y luego
avanzaremos rápidamente. Voy a usar el reloj de
24 horas, así que 06207. Ahora sólo voy
a seguir dando click en este cuadro gris aquí para
agregar más filas a medida que vaya, solo
voy a
pre-poblar esto. Voy a adelantar rápidamente a través de
él y a verme hacerlo. Y luego veremos
el resultado final aquí. Ahora he llenado
las secciones de tiempo y pueden
ver que esto es básicamente
un día completo de eventos. Y puedes entrar y
estas secciones escribiendo tu tarea como
despertar a las seis de la mañana. También puedes cambiar el color
de cada una de estas columnas, lo que podría ser una
buena manera de organizar el tipo de tarea que estás haciendo. Por ejemplo, si querías
colorear todas tus horas de trabajo, solo
tienes que ir a esa misma caja que aparece aquí
en la fila final, en el lado izquierdo. Y puedes colorear la fila de la misma manera que
hemos estado haciendo antes. Si quieres
hacerlos todos azules, por ejemplo, eso te ayudará a cambiar visualmente
las diferentes columnas y organizar tu día
un poco más fácil. Lo último que hay que
hacer para poner
en marcha este horario es agarrarlo con los seis puntos exteriores y
arrastrarlo a la caja de color que
ponemos para el horario de hoy. Como puedes ver, todas nuestras cajas en la parte superior aquí están llenas. Ahora en el
diseño de muestra que te mostré, también
hay una
sección inferior. Entonces en la siguiente lección, sólo
vamos a agregar esa sección secundaria. Y te voy a mostrar algunas cosas diferentes
que puedes poner ahí. Y luego comenzaremos a
decorar todo este diseño con
algunas imágenes personalizadas que crearán en Canva.
6. Diseñar una segunda sección y explorar bloques: Llenamos las cajas en
la mitad superior de este diseño. Entonces ahora
veamos la mitad inferior. Esta es una sección donde realmente
puedes comenzar a agregar algo más de información
personalizada. Los diferentes elementos
en la mitad superior de este diseño son realmente cosas en las que
vas a estar haciendo clic y con las que vas a participar todos los días. Pero es posible que desee poner
alguna información de uso más poco frecuente pero aún importante
sobre la segunda mitad. Para hacer esto, me desplazé hacia
abajo aquí e hice clic en el espacio abierto y aquí hay una barra para
el botón Comandos. Ahora bien, esto es en realidad más bajo que cualquiera de
estas otras cajas porque ya no estoy en
este modo de tres columnas más abajo. Y vamos a hacer
un divisor más obvio golpeando a Slash y
escribiendo divisor. Esto solo agregará
esta delgada línea gris que abarca todo este diseño. Así que realmente podemos mostrar
dónde comienza la mitad superior, termina y comienza la segunda mitad. Como dije, puedes ser realmente
creativo con lo que
agregas aquí abajo. Sólo voy a agregar
algunos espacios para los cuadros de texto. Voy a agregar
algunas opciones para algunas páginas especiales que eventualmente
irán acompañadas gráficos
interesantes o
relevantes. Y luego agrega un video en. Y te voy a mostrar un par
de las otras opciones, pero siéntete libre de
personalizar esto ya sea ahora o más tarde después de que hayas
terminado la plantilla general. Lo primero que voy
a agregar es una caja de llamada. Y simplemente lo pondré a
nuestro diseño estándar aquí. Creo que voy
a hacer diferente el color del texto. Yo lo haré rosa aquí. Sólo voy a añadir una
pequeña cotización aquí. Puedes poner cualquier
tipo de información sea importante o interesante. O otra vez, sólo para citar como yo. Más abajo,
voy a crear cuatro columnas que van
a tener una imagen con un enlace de página
o subpágina justo debajo de ella. Entonces agregaremos primero los
marcadores de posición de la imagen. Estoy golpeando a Slash y
solo voy a la imagen, solo tecleando imagen. Está bajo los medios, que es, creo que la segunda
categoría después de los bloques básicos. Todavía no tengo una imagen
que quiera usar, así que solo voy
a hacer click fuera de ella. Y vamos a
duplicar esto tres veces para tener cuatro
cajas en total. Ahora de la misma manera que
creamos tres columnas arriba, solo
voy a
agarrar estos menos seis puntos, arrastrarlo sobre. Y voy a crear
para columnas de igual tamaño, cada una comenzando con una imagen. Y pondremos una
imagen aquí después. Debajo de cada imagen,
voy a poner un enlace de página. Entonces voy a golpear
slash, buena página. Y puedes llamar a esto como
quieras por ahora otra vez, podría ser relevante
para tus clases, tu trabajo, cualquier tipo de
proyectos que estés organizando. Podrías hacer una página para recetas, una para tu presupuesto. Cualquier cosa que ayude a que tu vida sea un poco más organizada. Así que solo voy a poner nombres
de marcador de posición. Y voy a añadir el
icono para nuestro diseño. Y ahí
lo tenemos ahí mismo. Nuevamente, duplicaré
esto tres veces. Entra y sólo voy
a limpiar estos nombres. Ahí vamos. Entonces ahora tenemos cuatro
enlaces a algunas páginas. Y voy a
agarrar el primero,
ponerlo justo debajo de
esta primera imagen, ves que la línea azul simplemente
se extiende a lo largo de esta imagen. Si lo dejo un
poco, recorre toda la página y ahí
ya es donde se coloca. Entonces queremos en esta columna. Y yo haré lo mismo por 234. Ahora cuando tengamos fotos aquí, será una imagen bonita con
un enlace justo debajo de ella. Y esa imagen podría estar conectada a tu
tema o a la página. Una forma en la que se vincula. Ahora voy a agregar
otro divisor aquí. Y más abajo. Sólo voy a añadir algunos elementos
visuales interesantes. Lo primero que voy
a agregar es un enlace de video. De hecho, puedes incrustar videos de
YouTube o Vimeo
o desde otro sitio. Eso es sólo mi corte. Sólo voy a escribir el video. Y ahí lo tenemos. Así que solo puedes pegar el enlace aquí o puedes subir un video, pero en la mayoría de los casos solo
querrás vincular uno. Entonces solo voy a agarrar
el enlace a un video musical,
como una lista de reproducción de canciones lindas. Y yo solo lo pegué ahí
y vamos a golpear embed video. Ahora porque es el lapso
completo de la página, será muy grande. Y esa es solo la
linda miniatura. Voy a agregar otra casilla de
llamada que
irá en la segunda columna
de esta sección. Así que sólo voy a ponérselo
fácil y duplicar éste. Y luego lo arrastraré y lo
pondré a un lado. Obtenemos esa línea azul que muestra que va a
crear una nueva columna. Y ahí vamos,
automáticamente redimensiona el video. Creo que probablemente voy a
hacer esto tal vez un tercio. Ahí vamos. Solo
cambiemos esta cita para que sea divertida. Para llenar esta pequeña sección, creo que una imagen de
aquí mismo, sería muy agradable. Así que simplemente voy
a hacer clic debajo del cuadro llamarlo y agregar en otro cuadro de imagen. Y sólo
lo dejaremos en blanco por ahora. Puedes seguir adelante
y agregar más cosas. Por ejemplo, sólo
voy a mostrarte algunos de los otros bloques
que aquí son útiles. Podrías agregar tablas
adicionales si hay otra información
que quieres atrapar. Puedes hacer listas,
hacer listas de comestibles o ideas diferentes
para títulos de publicaciones de blog, libros que quieras leer,
cualquier cosa por el estilo. La lista numerada es una buena opción. Toggle list es
lo que uso bastante y solo
te mostraré cómo funciona eso. No hay ninguno en
este diseño en particular, pero este es útil.
Hagaclic en Toggle list. Te da un espacio para
escribir y esta pequeña flecha. Entonces solo lo llamaremos listas. Si hace clic en esta
flecha estaba apuntando hacia abajo. Ahora tienes una subsección. Podemos agregar bloques adicionales. Sólo voy a hacer clic aquí. Tal vez hagamos una lista de tareas pendientes y luego podamos tener el ítem uno. Entonces, si tienes muchas listas
y no quieres que esté saturando
visualmente tu tablero. Esta es una buena opción
porque al hacer clic en
eso, la cierra copia de seguridad. Puedes tener tantos artículos
debajo aquí como quieras. También puedes simplemente hacer texto plano. Puedes hacer listas de viñetas. Los encuentro útiles
para mi propio tablero. Tengo una sección de trabajo y
tengo muchos proyectos de trabajo. Cada proyecto tiene su
propio pequeño toggle con su propia lista que puedo encerrar porque no
siempre quiero
ver todos los trabajos
que tienen que hacer. A medida que te desplazas hacia abajo por
estas diferentes cajas, puedes ver que hay
muchas otras cosas. Se puede añadir que un más complejo. Para que puedas agregar fechas, puedes agregar emojis, matemáticas si necesitabas
hacerlo por alguna razón. Todas estas bases de datos
son mucho más complejas, pero son realmente útiles
para tareas específicas. Los revisaré todos
en esta clase en particular, pero puedes jugar
con ellos si quieres. También puedes agregar enlaces
a páginas externas aquí usando el
marcador web, audio y video. Si quisieras
agregar solo un sonido, puedes hacer Spotify, puedes subir un archivo,
un PDF o cualquier cosa por el estilo. Notion también se conecta
con muchos otros programas u
otros sitios web. Entonces tenemos Embed, puedes hacer tus PDFs
aquí en Google Maps, pero también puedes enlazar a
elementos en tu Google Drive. Como un tuit, pon un mapa en. Aquí hay muchas opciones
diferentes, realmente depende de lo
que estés buscando hacer. Pero ahora tenemos nuestro
dashboard básico diseñado. Es momento de empezar a
decorarlo. En nuestra siguiente lección,
vamos a subirnos a Canva y veremos los
diferentes tipos de tamaños y diseños
que crearán para llenar tu planificador y hacer que
se vea realmente hermosa.
7. Diseña tus gráficos personalizados: En esta lección,
vamos a
repasar los diferentes gráficos que crearemos para que
nuestro tablero sea realmente hermoso. Entonces primero vamos a repasar todos los diferentes gráficos
que utilicé en esto. Y luego compartiré
contigo los tamaños y repasaremos
creando uno de ellos juntos para que puedas
ver el proceso si nunca antes has
usado Canvas. Así es como se ve nuestro
diseño general o más bien el producto
terminado. La primera imagen es el encabezado
en la parte superior de la página. Ahora solo necesitamos uno de
estos para el dashboard, por lo que solo estará
creando un encabezado. A continuación tenemos estas imágenes divisoras
delgadas. Son muy estrechos,
pero
también son unos gráficos de Cloud,
así que está por tema. Los usamos seis veces
en este diseño, pero no tienes que crear seis individuales si no
quieres. De hecho, acabo de crear dos y utilizarlos tres veces cada uno. Entonces depende de ti
si quieres tener seis individuales
o solo uno o dos. A continuación tenemos estas amplias imágenes
decorativas. Nuevamente, hay tres
usos de este tamaño, pero solo creé dos de ellos. Y el superior y el
inferior son iguales. Puedes usar uno cada
vez cuando puedas crear tres separados
o lo que quieras. He incluido dos imágenes
flotantes aquí. Ahora bien, estos son en realidad PNG
transparentes, por lo que no tienen fondo, pero
el fondo de Notion es blanco. También puedes usar una imagen con
fondo blanco. Te voy a mostrar cómo en Canvas buscar gráficos que sean PNGs
transparentes en caso de que
quieras agregar ese estilo también. Entonces utilizo dos de
esos y hay dos imágenes diferentes de nubes. A continuación se muestra una imagen de cotización. Entonces esta es una imagen
rectangular con solo una linda cita en
ella se me ocurrió, y solo usamos esta
una vez en la página. Y finalmente tenemos imágenes
Foursquare. Estos pueden ser temáticos. He elegido todas las
imágenes diferentes de nubes rosadas, o podrías parecerlas a la longitud que va
justo debajo de ellas. Realmente depende de ti, pero la imagen de
cuatro cuadrados es básicamente, nuevo, podrías crear
para todos iguales. También podrías usar colores
sólidos si
quisieras tener fotos, pero eso es lo que he hecho aquí. Esto es totalmente opcional, pero si quieres usar
el mismo tema estético, las nubes rosadas que he
usado para este diseño. He puesto todos estos gráficos
y una carpeta zip y
puedes encontrar ese enlace y
descargarlo a continuación en la clase. Y entonces puedes
importar eso a tu noción y utilizarlos ahí. Pero si quieres
crear tus propias imágenes, como probablemente lo haría la mayoría de la gente, entonces puedes hacer una pausa
y escribirlas, tomar una captura de pantalla, o
encontrarás este PNG de esta
diapositiva descargable abajo en la
clase con todas las dimensiones para los diferentes gráficos que acabo de mostrarte. Así podrás entrar en Canva
o cualquier otro software que quieras utilizar para crear
cada una de estas imágenes. También en el texto naranja, verás el número
de usos por diseño. Como dije, no tienes que
crear seis
divisores delgados, por ejemplo, puedes usar las mismas 16 veces
o cualquier combinación que te guste para
empezar a usar Canvas, sobre todo si
nunca lo has usado antes. Solo vamos
a crear uno de estos gráficos juntos y luego puedes usar la misma
fórmula para crear el resto. Vamos a empezar por
crear el encabezado en Canvas. Así que vamos a pasar a
esa aplicación. Ahora todo el sitio web de velas, que es solo canva.com. Si no tienes una cuenta, puedes crear una gratis. Y hay una versión paga que es cuando tengo, sin embargo, no
necesitas una
versión paga para crear ninguno de estos gráficos
para nuestro proyecto. Para comenzar en el
encabezado de nuestro tablero, voy a subir
para crear un diseño en la esquina superior derecha. Haga clic en eso y
baje al tamaño personalizado. Aquí puedo asegurarme de que
estamos trabajando en píxeles. Y luego
escribiré los píxeles de esa diapositiva o el gráfico
si lo descargas que imagen
del encabezado es de 2 mil
píxeles de ancho y 750 de alto, entonces voy a dar click en
crear nuevo diseño. Aquí tenemos nuestra
imagen de cabecera para trabajar. Este es el tamaño recomendado que sugiere la noción para
crear estos encabezados. Y solo quiero señalar que normalmente
cortará un poco de arriba y
abajo cuando
realmente lo subas a la noción. Entonces quieres poner cualquier cosa importante en medio
de este gráfico. Y luego cuando lo
subes a Notion, tienes la opción de
reorganizarlo un poco. Puedes arrastrarlo y moverlo para que
veas la parte superior del
gráfico o la parte inferior. Pero quieres mantener ahí tu elemento
central en
el medio. Ya que estás creando
esto para uso personal, esto es algo que
solo vas a usar tú mismo. Le invitamos a utilizar cualquiera de los elementos de la biblioteca
Canvas. Si tienes una cuenta gratuita, entonces te recomiendo cuando
vayas a la barra de búsqueda, vamos a agregar algunos filtros. Pero primero vamos
a buscar nuestro término. Voy a poner nubes rosadas. Esto nos muestra una gran cantidad
de artículos diferentes. Así que voy a
pasar por algunos filtros. Primero, voy a hacer click en las fotos porque solo
quiero usar fotografías. Y luego voy a ir a
estos deslizadores justo aquí al lado del cuadro de búsqueda
y dar clic en eso, desplazarse hasta el
fondo y dar clic en gratis. De esa manera filtra cualquier elemento
pro para que no te decepciones si te
indican que pagues por ello. Obviamente, tengo mucho
para elegir aquí, así que simplemente puedo hacer clic y arrastrar
algo al diseño. Y este será
el tamaño del encabezado. Con esto puedes
ser realmente creativo. Podrías poner texto por aquí. Podrías poner
gráficos adicionales en la parte superior. Canva tiene una gran biblioteca llena de cosas como gráficos en acuarela, ilustraciones, todo tipo de activos que podrían
adaptarse a tu tema. Así que diviértete
navegando por su biblioteca para encontrar cualquier cosa que se adapte a tu estética y se vea
linda en tu tablero. Digamos que aquí voy a usar
este diseño rosa. Si esto mira como quiero que lo
haga y ya terminé con ello. Sólo voy a
titularlo encabezado por noción. Entonces voy a compartir
descargar aquí mismo. Y lo voy a descargar como PNG
con el tamaño que
es y pulsa Descargar. Ese es el proceso muy
sencillo de diseñar cualquier cosa con Canva. Y si estás creando tus propios gráficos y quieres seguir mi misma ubicación para las
imágenes en nuestro dashboard. Entonces solo pasa por la lista de diferentes diseños
con las dimensiones. Crea todos esos gráficos Canva, exórtalos de la misma manera. Y luego podemos pasar a
la siguiente lección para comenzar a
colocarlos en nuestro diseño. Antes de dejar aquí Canva, solo
quiero mostrarte
si estabas buscando algo con
fondo blanco o transparente. Es fácil solo entrar en
esos filtros de búsqueda. Otra vez. Si estás buscando
a través de las fotos, entonces puedes desplazarte hacia abajo
y hacer clic solo en los puntos de corte. Y te mostrará
fotografías que tienen el fondo quitado
de diferentes imágenes. También puedes simplemente ir
a gráficos aquí. Yo sólo voy a
quitar eso podría haber sólo eso es sólo para fotos. Y mira que todos
estos gráficos tienen fondos transparentes, así que aparecerían como blancos, cualquier cosa como esta imagen aquí, solo
voy a
quitar este fondo, que se abren Noción con
este fondo blanco funde en la parte posterior
de nuestro tablero. Entonces esto
parecería que estaba flotando. Quizás quieras hacer algo
así para los dos tamaños de imagen
flotantes que
incluí en la lista. Ahora, cuando tienes todos
tus gráficos diseñados, tendrías todas tus
imágenes juntas y sabes lo que quieres
poner en tu plantilla. Así que
volvamos a Notion y comencemos a insertar
nuestros gráficos.
8. Colocar tus gráficos: Es hora de agregar nuestros gráficos
a nuestro tablero de nociones. Y esta es la parte
en la que realmente todo se junta y empieza a verse realmente
personalizado e interesante. Tengo todos mis
gráficos guardados en
una carpeta en mi escritorio
y solo vamos a revisarlos uno por uno en orden y empezar a
colocarlos en el diseño. Por supuesto, siéntete libre de
ponerlos donde quieras. Este es tu
dashboard después de todo, pero así es como
crear la plantilla o el diseño que he
creado en primer lugar. Vamos a comenzar
con la imagen del encabezado. Todo lo que necesitas hacer
para agregar el encabezado es desplazarte hacia
arriba y justo debajo de tu ícono habrá un
botón que dice Agregar portada. Cuando hacemos clic en
eso, se va a colocar automáticamente una de la biblioteca aleatoria
o portadas que tengan. Pero solo vamos a este botón de cambio cubierto
aquí, da clic en él. Nos da algunas opciones. Entonces, antes que
nada, está la galería. Todas estas son imágenes que la noción proporciona
que te gustaría usar, pero no son muy
específicas de nuestra estética. En este caso, también hay upload o puedes subir tuyo propio, que es
lo que haremos. Después hay enlace. Si solo hay una imagen que quieres vincular
en Internet. Y también ayudan a
conectarse con Unsplash. Unsplash es un sitio de
fotografía libre de regalías, por lo que en realidad puedes
buscar temas aquí y encontrar diseños bastante
decentes. Este es un atajo si
quieres cambiar esto a menudo, o si solo tienes ganas
de ser muy rápido. Por ejemplo, si
escribo nubes rosadas, sí
tienen algunas fotos
que funcionarían muy bien. No obstante, me gusta hacer
las cosas manualmente solo para que todavía pueda tener mis
gráficos en mi computadora. Voy a ir a subir. Y aquí está nuestra colección de imágenes que
vamos a utilizar. Nuestro encabezado está justo aquí. Este es el
del diseño original con la pequeña
luna en el medio. Así que voy a hacer doble clic en eso. Y procesará y subirá. Se subió y se centró. También puedes reposicionarlo con solo hacer clic en este botón y
arrastrarlo hacia arriba o hacia abajo si no está perfectamente
alineado a tu gusto. Así que vamos a guardar que
son cabecera está hecho. Los siguientes gráficos que vamos a agregar son los divisores delgados. Así que vamos a empezar
por bajar aquí. Hay un poco de
espacio golpeando a Slash y escribiendo una imagen que
sacará a colación esta cajita con la
que estamos familiarizados. Ahora, solo tengo dos diseños
diferentes para mis divisores delgados, así que voy a subirlos ambos apenas como dos imágenes separadas. duplicaré algunas veces y los
reordenaré en la página. Entonces primero, vamos a conseguir el
primero, dividir uno. Y voy a añadir otra imagen. Entonces divide o dos. No voy a
mantenerlos ahí. Ahí es justo donde los dejan caer por ahora. Voy a estar colocando
estos delgados entre las llamadas solo para agregar un poco más de interés
visual. Así que vamos a arrastrar uno
a la cima aquí. El segundo lo
arrastraremos entre estos dos. Y luego sólo
duplicaré el
primero y lo pondré en la parte inferior. Voy a poner tres en la columna de la
derecha también. Entonces duplicaré este 1 primero. Estos son muy similares. Son sólo dos rebanadas
de la misma imagen. Básicamente. Voy a poner uno en la parte superior. Duplica el otro. Este después de la cita,
antes de los rastreadores. Y volveré a duplicar
esta en la parte superior. Y voy a arrastrar este
todo el camino hasta el fondo aquí. Hay los seis puntos
para nuestros divisores delgados. Puedes agregar más
en cualquier otro lugar que quieras. Por supuesto, la razón por la que
diseñamos este gráfico para que tenga 2 mil píxeles de
ancho es que si quisieras, podrías ponerlo
todo el lapso del diseño. Sólo te voy a mostrar
cómo se ve eso. Es un poco más grueso
cuando lo pones
aquí arriba que abarca todo el ancho. Pero podrías seguir usando esto como divisor en lugar de los divisores de líneas grises
que están
integrados en Notion o como quieras. A continuación agregaremos las amplias imágenes
decorativas. Usamos estas imágenes tres veces, una en la parte superior del horario, una en la parte inferior
del horario, una en la parte inferior de
la página aquí mismo. Sólo voy a
encontrar un poco de espacio para trabajar aquí mismo en la parte inferior y poner
en un bloque de imagen. Subiré una amplia
decorativa. Sólo voy a
arrastrar eso hasta la parte superior de esta columna. Ahora esto empujó la columna hacia abajo. Entonces no hay ese pequeño
espacio de trabajo aquí otra vez, pero solo puedo encontrar un
signo más en cualquier parte. Haga clic para añadir una imagen de bloque. Entonces buscaremos por qué decorativo
para poner esto en la
parte inferior del horario. A veces es fácil
deslizarlo y
ponerlo de ancho completo o en otro lugar. Solo busca dónde está
la línea azul indicando que el gráfico
se va a establecer. Ya hemos colocado un
marcador de posición aquí abajo para sostener esa otra imagen amplia
decorativa. Por lo que sólo voy a hacer clic en esto y seleccionaré mi
decorativo. Otra vez. Si estoy repitiendo imágenes
como estas, trato de ponerlas en
un orden diferente. Entonces la versión uno, la
versión dos aquí, y luego la versión uno otra vez. Y sólo para ser un
poco perfeccionista, veo que estos
dos no se alinean, así que sólo voy a reducir un poco
esta columna. Ahí vamos. Bonito fondo plano al diseño. A continuación tenemos nuestras imágenes flotantes para mi diseño particular, eso significa nublar imágenes. Entonces voy a crear algunos bloques de imagen e importar esas dos imágenes
flotantes, una. Y las imágenes flotantes también. Solo uso cada uno de estos
diseños una vez en este proyecto. Entonces voy a tomar el
número uno y solo
ponerlo justo debajo de
este divisor de aquí. Y tomaré el número dos
y lo pondré entre estos dos bloques aquí
por encima de la tabla de tareas. Eso es casi todo para
la parte superior del diseño. Todo lo que nos queda es nuestra pequeña cita que va justo aquí. Voy a hacer clic y poner
otro bloque. Y esta es una pequeña
imagen de cita que creé. Ten en cuenta que como elementos de tu lista de tareas y
tu lista de favoritos, aumentará el
tamaño de estas columnas. Por lo tanto, no necesariamente tiene
sentido
preocuparse por tener todos estos
bloques superiores alineados. Pero siempre se puede
ajustar el ancho de las columnas para hacerlas un
poco más simétricas. Todo lo que nos queda es agregar
nuestras cuatro imágenes aquí mismo, y ya tenemos
esos marcadores de posición en. Entonces solo voy a
agregar una en cada una de las imágenes cuadradas
que he creado. Ahí vamos, Eso es todo por
agregar imágenes a nuestro diseño. Como puedes ver,
estos enlaces aquí pueden corresponder a la imagen
justo encima de ellos, o simplemente podrían
ser decorativos. En este punto tu tablero está hecho de estar diseñado
y listo para funcionar. Le invitamos a seguir
personalizándolo, agregar más gráficos, cambiarlo y
asegurarse de que sea realmente utilizable para usted
y sus propósitos diarios. En la siguiente y última lección, solo
voy a ver
la forma en que he diseñado rastreador de hábitos de
la lista de lectura y los tres planificadores semanal, mensual y anual,
para mostrarte cómo he idear una manera de
organizar esta información. Y rápidamente repasaré
qué tipo de elementos en bloques utilizo para
lograr estos looks.
9. Más Inspo de diseño de página: Antes de concluir la clase, echemos un
vistazo rápido a algunas de las formas en que he diseñado estas
subpáginas para este planificador. Si la plantilla que estamos
viendo aquí mismo, se ve un poco
diferente a la anterior. Eso es solo porque hice clic
en el original que
hice en el que estaba basando el diseño de
este curso. Las columnas pueden tener anchuras
ligeramente diferentes. Entonces primero echemos un
vistazo a nuestro planificador semanal. He empezado esto de la
misma manera que nuestro tablero original. Entonces usé el ancho ancho
y la fuente serif. Así es básicamente como se ve
el diseño. Aquí hay siete cuadras. El diseño sí llama a los bloques, uno por cada día de la
semana con lunes a viernes, sábado y domingo
en la parte inferior. Y luego dos de las amplias imágenes
decorativas
justo en la parte inferior, solo para mantenerlo
interesante y sobre el tema, también
he agregado un encabezado
aquí arriba donde he escrito la fecha y solo usé algunas
diferentes colores y fuentes. Para que sea un
poco interesante. Entraría y cambio personalizado esto cada semana junto con los nombres de los días
aquí mismo para descomponer los
bloques que usé aquí. Esto es un encabezado aquí mismo. Todas estas son cajas de llamadas. Yo uso solo el texto
de la llamada
aquí y solo un cuadro de
texto plano aquí mismo. Estos son encabezados también, muy en el mismo estilo que nuestras listas de
tareas pendientes en el tablero
principal. Se trata de dos viñetas
y luego dos casillas de verificación. Creé esto una vez y lo
dupliqué cinco veces, o mejor dicho cuatro veces, decreté
cinco cajas por aquí, y luego dos más y las
puse abajo. Es un diseño bastante simple, pero para mantener
las cosas organizadas semanalmente, esto
podría ser útil. A continuación, veamos
el planificador mensual. Esta página utiliza un par
de elementos diferentes. En la parte superior tenemos un encabezado con el mes que puedes
cambiar cada mes. Este calendario se crea
utilizando una función de base de datos. Te voy a mostrar aquí
abajo. Si tecleamos el calendario de corte diagonal, te
da una vista de calendario. Y luego cuando haces clic en
él, es un poco más de
una configuración compleja. Pero básicamente,
lo que hace es que
te permite agregar pequeñas notas
para artículos en cada día. Aparecerán aquí como
objetos en tu calendario. Entonces es un gran sistema. Y encima de la columna de la
derecha, he agregado solo un
par de
listas de tareas pendientes y el pequeño recordatorio. Entonces nuevamente, estas son casillas
de llamada, casillas de verificación y viñetas. Y una de nuestras nubes,
el planificador anual, se presenta así. Cuando creé esto,
tuve que pensar bastante en la mejor manera de
organizar un planificador anual. Entonces, lo que decidí
hacer fue crear cajas
de llamadas y filas
de tres para cada mes. He creado estos pequeños
gráficos y Canva solo con diferentes
colores en una escala de colores. Creo que eran del tamaño de la amplia decoración simplemente se
encogieron para adaptarse al espacio. En cada caja, he incluido
el nombre del mes, solo gráfico decorativo
que cualquier evento. Acabo de encontrar una lista en línea de días festivos importantes
para hacer un seguimiento, los
agregué aquí, y
luego algunos recordatorios. Me imaginé que la forma en que probablemente
se va a
usar esto es para recordar cumpleaños, grandes asignaciones o eventos
significativos que suceden en diferentes meses. Obviamente, hay muchas formas diferentes
de conceptualizar
un planificador anual, pero creo que esto se ve bien y también es relativamente
funcional. Siguiente es nuestra lista de lectura. Esta página es un
poco más compleja. Tengo bastantes
elementos por aquí. Pero si eres un amante de los libros y tienes un hábito
de lectura muy grande podría ser agradable tener un lugar para organizar
esa información. Entonces así es como se ve la página
básicamente. No es muy largo, pero tiene un par de aspectos importantes. Primero, tenemos la lectura
actualmente, y acabo de encontrar una
portada de libro que coincidía con mi tema. Pero puedes importar la portada
de cualquier libro que estés usando o simplemente
escribirlo en texto. Agregué una cotización aquí, y esto se establece
dentro de una caja de llamada con un pequeño divisor debajo esta columna tenemos las dos nubes y
luego un cuadro de cotización aquí. Este es un elemento que
no usamos antes, pero si escribes
slash y luego quote, solo agrega el texto
con esta línea al lado de él. Realmente no me encanta cómo se
ve en la mayoría de los contextos, así que no suelo
usarlo, pero aquí lo hice. Después agregué otro gráfico. Este es el mismo tamaño la imagen que usamos
en la otra página. Y en la cuarta columna, creé una lista roja por ser con casillas de verificación para que
pudieras marcarlas mientras las leías o
como él las compró. Desplazándose un poco hacia abajo, agregué una mesa muy
sencilla de nuevo aquí con un lugar para
poner reseñas de libros. Entonces las columnas,
tengo nuestro título de libro, fecha de
finalización,
calificación, y luego notas. Por aquí, agregué una
caja de color con solo texto dentro, y creé un
pequeño sistema de clasificación. Entonces sería muy
fácil entender
cómo escribo libros a medida que
terminé de leerlos. Las listas de lectura son muy
populares en Notion. Me parece que la mayoría de las plantillas que
veo incluyen una sección de libros, un lugar para poner lo
que estás leyendo. Así que hay mucha más
inspiración para esto en lugares como Pinterest
o Instagram, donde la gente comparte
sus diseños de noción. La última subpágina que
te mostraré es el rastreador de hábitos. Esta página está
diseñada de manera bastante simple pero no incluye otra de las características de la
base de datos. Entonces en la parte superior tenemos solo
el nombre de la página. Esta es una caja
de colores
donde incluí muchos contextos para explicar
cómo usarlo. No tienes que hacer
esto en tu propio diseño. Simplemente hice esto para recordar cómo usar realmente esta página. Desplazamiento hacia abajo. Esta es una tabla compleja que usa la función de base de datos y luego solo a los gráficos
en el costado, la nube nuevamente, y
esta usando la plantilla de sitios de imagen de
cotización. La razón por la que utilicé la tabla
base es porque te permite hacer casillas de verificación que realmente
puedes marcar, lo cual es útil para
un rastreador de hábitos. manera en que usas
esto como básicamente debajo de la columna de fecha,
rellenarías la fecha. Entonces cambiarías el nombre de estos en
función de los hábitos
que estás haciendo, como beber agua o
hacer ejercicio o lo que sea. También es un poco de espacio para
notas sobre este extremo. Y le harías clic todos los
días que haces la cosa. No es particularmente difícil
crear una tabla de base de datos. Sólo te voy a mostrar muy rápido, que es dos tabla de slash. Está bajo base de datos en
lugar de los bloques básicos. Haga clic en eso. Y primero
te pedirá una fuente de datos, simplemente
pinchará en nueva base de datos y luego
te da a rellenar. Entonces no es tan diferente de una tabla normal o
la rediseñada, excepto que puedes agregarle
varias páginas. Elige simplemente haciendo clic sobre esto aquí. Puedes agregar tu
título aquí mismo. Y entonces realmente puedes
personalizar estas columnas. Entonces la primera
sería tu cita. Simplemente puedes cambiar
esto aquí a la fecha. El segundo aparece
actualmente como etiquetas, pero puedes ir a Tipo
y hacer clic en multiselección. Y te dará todos
estos otros diferentes tipos de columna que puedes agregar. Estaba usando la versión
checkbox. Y ahora hay una
casilla de verificación en cada uno. Puedes cambiar el tamaño de
estas columnas muy fácilmente, hacerlas realmente
pequeñas si quieres, pero a mí me parece, puedes
etiquetarlas de esta manera. Así que los hice
un poco más grandes. Entra y cambia esto
para que te guste el ejercicio. Y luego te los puedes quitar. Una de las desventajas,
en mi opinión, que es muy pequeña para usar la tabla de estilo de base de datos, es que
solo hay todo este desorden
visual extra que con la tabla de símbolos usamos el tablero principal que
no se incluye. Por lo que funciona muy bien para un rastreador de hábitos en particular. Ahora hemos llegado al final de
la parte instruccional
del curso y podemos pasar a
las pocas tareas de recapitulación. Entonces primero, me encantaría ver los dashboards que has
creado a través de este curso. Y ese es nuestro proyecto de clase. Cuando hayas terminado de seguir
las instrucciones esta clase y crear
tu propio tablero, simplemente toma una captura
de pantalla de la parte superior de misma o una sección que te parezca
realmente interesante. Y por favor sube ese
gráfico aquí para la clase. Me encantaría verlos
personalmente y también pueden ser realmente inspiradores para
tus compañeros de clase. Sería genial
ver qué tipo de diseños o estética se
te ocurren o cómo reinterpretas
lo que hemos hecho en esta clase para
adaptarlo a tus propias necesidades. Si tienes alguna gran idea de otros elementos
para agregar a tu tablero u otro tipo de subpáginas que podrían ser útiles. Entonces, por favor, baje a la discusión en clase y comparta sus pensamientos sobre
lo que podría agregarse. Debido a que la noción es tan abierta, puede ser un poco complicado encontrar inspiración
a veces en cuanto a cosas creativas
para agregar a su tablero. Así que echa un vistazo si hay
alguna otra buena idea ahí y por favor siéntete
libre de compartir la tuya. Dicho esto, hemos llegado al
final del curso. Así que muchas gracias por
acompañarme para aprender
sobre Notion. Si quieres dejar un
comentario para esta clase, realmente
te lo agradecería. Los leo todos y ayudan a otros alumnos a encontrar mi curso. Y por último, si te
gustó aprender conmigo, doy muchas otras clases. Así que por favor echa un vistazo a lo
que ofrezco en habilidades de diseño, comercio electrónico y habilidades empresariales. Espero que esta
noción de diseño sea realmente útil en su
organización en el
futuro y que haya
adquirido algunas habilidades que también puede usar en
otros diseños. Feliz creación. Y te veré la próxima vez.
Rebecca Wilson, Artist
