Formas

Formas dão estrutura ao canvas. Use-as para molduras, blocos, zonas, nós de diagrama, destaques, fundos de chamada, raias e contêineres visuais simples. Uma forma pode tornar um canvas movimentado legível ao mostrar onde o trabalho pertence e como as pessoas devem percorrer a página.

Formas são diferentes de notas adesivas. Uma nota adesiva captura uma ideia. Uma forma cria espaço ao redor das ideias. Formas também são diferentes de objetos de texto. O texto nomeia ou explica uma seção; a forma dá peso visual a essa seção.

Disponibilidade e permissões

Formas não são suportadas como ferramenta de criação ou edição no mobile. Use o desktop quando precisar adicionar formas, redimensioná-las ou construir layouts com muitas formas.

Quando usar formas

Use formas quando um canvas precisa de estrutura antes de precisar de mais conteúdo. Um retângulo pode virar fundo de seção. Um retângulo arredondado pode virar etapa de processo. Um círculo pode chamar atenção para uma métrica, decisão ou status de revisão. Um losango pode marcar um ponto de decisão em um fluxo. Um balão de fala pode enquadrar uma citação ou chamada. A forma exata importa menos do que a consistência do padrão.

Use formas como regiões visuais, não como códigos privados. Se uma forma significa "aprovado", adicione um rótulo ou legenda clara. Se uma forma representa responsabilidade, adicione um rótulo de texto ou coloque a informação do responsável no conteúdo visível. As pessoas não devem precisar memorizar um código privado de formas para entender o canvas.

Para relações entre áreas, use setas e linhas. Para ênfase livre ao redor de conteúdo existente, use desenhos com caneta.

Adicionar formas

Escolha Formas na barra de ferramentas do canvas no desktop ou pressione S quando o canvas estiver com foco no teclado. O seletor inclui formas comuns de diagrama e layout, como linhas, setas, retângulos, retângulos arredondados, círculos, triângulos, losangos, estrelas, balões de fala, setas em bloco, cilindros, cubos, polígonos e blocos de fluxograma.

Escolha a forma que comunica o papel do objeto e coloque-a no canvas. Se o canvas for um diagrama, defina um vocabulário pequeno de formas antes de adicionar muitos objetos. Por exemplo, retângulos podem ser tarefas, losangos podem ser decisões e cilindros podem ser armazenamentos de dados. Consistência ajuda mais os leitores do que novidade.

Se você precisa de uma linha ou seta, e não de uma figura preenchida, escolha as opções de linha ou seta no seletor de formas. O atalho de seta A seleciona a família de linhas com seta na mesma área de ferramentas.

Formatar formas

Os controles de forma incluem opções de preenchimento, traço e estilo de linha onde se aplicam. Figuras podem usar cor de preenchimento e cor de traço. Formas da família de linha usam traço e estilo de linha em vez de uma área preenchida. O seletor de formas também mantém escolhas recentes de cor para que trabalhos repetidos de diagrama permaneçam consistentes.

Use preenchimento para estrutura e traço para limites. Um preenchimento claro com uma borda nítida funciona bem atrás de notas adesivas porque define uma zona sem disputar atenção com as notas. Um preenchimento forte é útil para blocos de status, alertas ou nós de processo de alto nível, mas pode sobrecarregar o texto ao redor.

A barra de ferramentas flutuante e o menu do objeto expõem formatação e ações aplicáveis à forma selecionada. Os controles disponíveis podem incluir cor de fundo, traço, opacidade, sombra, estilo de texto, links, comentários e exclusão.

Dois detalhes importam quando uma forma contém texto:

• Ao editar texto dentro de uma forma compatível, aplicam-se as mesmas regras de rich text usadas por notas adesivas e objetos de texto. Veja Usar o editor de rich text.
• Use sombra com moderação. Ela pode separar um objeto importante do canvas, mas sombras demais deixam diagramas ruidosos.

Organizar, ordenar camadas e bloquear

Formas costumam ficar atrás de outros conteúdos. Use enviar para trás, enviar ao fundo, trazer para frente e trazer ao topo no menu do elemento para controlar camadas. Se uma forma deve servir como raia de fundo, envie-a para trás das notas adesivas ou textos que ela apoia.

Agrupe uma forma com seu rótulo quando os dois devem se mover juntos. Por exemplo, agrupe uma etapa de processo em retângulo arredondado com o rótulo de texto dentro dela. Agrupe um fundo grande de seção apenas se a seção inteira deve se mover como uma unidade. Se as pessoas precisam continuar editando as notas dentro da seção, agrupar tudo pode dificultar a seleção sem necessidade.

Bloqueie formas estruturais quando o layout estiver estável. O bloqueio evita arrastes acidentais enquanto a equipe trabalha em notas, setas e comentários acima da forma. Desbloqueie a forma antes de alterar tamanho, preenchimento ou camada.

Colaboração e comentários

Comentários em formas são úteis quando a própria estrutura está em revisão. Comente em um losango de decisão para perguntar se o ramo está correto, ou em um fundo de seção para perguntar se o nome da categoria ainda faz sentido. Se o comentário é, na verdade, sobre uma nota adesiva ou rótulo de texto dentro da forma, comente nesse objeto para que o tópico permaneça preso ao conteúdo específico. Para o fluxo completo de tópicos, veja Comentários e menções.

Durante colaboração ao vivo, evite mudar o significado de uma cor ou tipo de forma no meio da sessão. Se retângulos verdes significavam "pronto" na primeira metade do workshop, não passe a usá-los como "precisa de responsável" sem atualizar a legenda e avisar o grupo.

Exemplos

Para um mapa de afinidade, adicione grandes retângulos claros como zonas de tópico, rotule cada zona com um objeto de texto e mova notas adesivas para a área correta. Bloqueie os retângulos quando as zonas estiverem definidas.

Para um diagrama de fluxo, use retângulos arredondados para etapas, losangos para decisões e setas e linhas para fluxo. Mantenha rótulos dentro das formas curtos o suficiente para serem lidos sem zoom.

Para um canvas de crítica, use uma forma transparente ou com preenchimento leve para destacar a área em revisão e adicione comentários ao objeto exato que precisa de feedback.

O que pode dar errado

Se uma forma continua sendo selecionada em vez das notas sobre ela, envie a forma para trás ou bloqueie. Formas grandes de fundo são úteis, mas não devem interferir no trabalho que enquadram.

Se as cores parecem significar algo, mas ninguém consegue explicar o quê, adicione uma legenda. Estrutura visual só ajuda quando a equipe compartilha a mesma interpretação.

Se uma forma não pode ser editada, ela pode estar bloqueada, selecionada por outra pessoa ou fora do seu nível de permissão. Use o menu do elemento para verificar as ações disponíveis. Se apenas ações de visualização estiverem visíveis, peça acesso de edição antes de alterar o canvas.