# Editor visual de experiências interativas

> O PandaSuite Studio é um editor visual de experiências interativas: organize ecrãs, conteúdos e lógica, teste no seu telemóvel e publique na web, em app ou em quiosque.

https://pandasuite.com/pt/recursos/editor-visual/

Editor visual

## Um editor visual para ecrãs, conteúdos e lógica interativa

O PandaSuite reúne ecrãs, conteúdos e lógica interativa num único projeto. As equipas criativas concebem, testam e ajustam aí uma experiência e depois implementam-na onde ela deve viver: web, app, quiosque, offline, instalação.

[Crie uma conta](https://pandasuite.com/dashboard/register)

[Fale com a nossa equipa](https://pandasuite.com/contact-sales/)

[Imagem: Editor visual do PandaSuite Studio]

### Arraste, largue e depois ligue a lógica

No PandaSuite Studio, coloca imagens, textos, vídeos e componentes no ecrã e depois liga-os através de ações: um toque abre um pop-up, um objeto largado num cesto altera uma pontuação, uma resposta decide o ecrã seguinte.

[Descarregue o PandaSuite Studio gratuitamente](https://pandasuite.com/dashboard/download-studio)

[Vídeo: Arraste, largue e depois ligue a lógica]

### Personalize cada pixel e cada interação

Cores, gradientes, contornos, cantos arredondados e sombras definem-se em cada forma e em cada objeto. Os tipos de letra, as imagens e os ícones da sua marca acompanham-no. Para que estes elementos se movam e reajam ao toque, consulte [Interatividade](https://pandasuite.com/pt/recursos/interatividade/).

**Disposição dos elementos**

Defina a sua própria grelha (tamanho dos blocos, colunas, linhas) e encaixe nela os objetos, ou deixe-os alinhar-se pelas margens e pelo centro dos objetos vizinhos. Os botões alinhar e distribuir tratam do resto.

**Personalização do estilo**

Edite cores, tipos de letra, tamanhos e estilos de cada elemento para corresponder às diretrizes da sua marca.

**Fácil integração dos seus activos**

Importe as suas imagens, ícones, ilustrações e outros elementos gráficos diretamente para o editor.

**Tipos de letra personalizados**

Carregue os tipos de letra da sua marca (.otf ou .ttf, num ZIP) com uma conta Pro, ou escolha na lista integrada.

**Ícones e formas vetoriais**

Cole o código SVG de um ícone de traçado único e ele torna-se uma forma que pode recolorir e animar. Os ícones com várias formas mantêm-se nítidos em qualquer tamanho, mas conservam as suas cores. Um conjunto gratuito de ícones de navegação está pronto a utilizar.

[Imagem: Um conjunto de projectos visualmente diversificados]

### Um projeto, adaptado a cada ecrã

Smartphone, tablet, quiosque interativo ou computador: o mesmo projeto adapta-se a cada ecrã, depois de lhe indicar como. No modo responsive, decide ecrã a ecrã que elementos formam um bloco e como esse bloco se desloca e se redimensiona. Uma mudança de orientação, de um telemóvel na vertical para um tablet na horizontal, tem o seu próprio layout. Teste no dispositivo real.

**Conceção reactiva**

Ative o modo responsive e depois defina como reage cada ecrã e cada contentor: objetos fixados a uma margem, esticados ou redimensionados para manter as proporções.

**Gestão do layout**

Apoie as mudanças de orientação criando layouts específicos para cada orientação.

**Flexbox**

Gira dinamicamente a apresentação do conteúdo na sua página utilizando o componente Flexbox.

> Quando se procuram resultados simples, o processo é muito simples. O software acompanha as minhas capacidades. À medida que aprendo, descubro novas funcionalidades e crio interações mais avançadas.
>
> David Hughes
>
> Responsável adjunto de aprendizagem digital, Chester Zoo
>
> [Ler a história do Chester Zoo](https://pandasuite.com/blog/how-chester-zoo-uses-pandasuite-to-bring-conservation-projects-to-life/)

### PandaSuite: a solução para todos os criadores de experiências interactivas

[Imagem: Um designer]

#### Designers gráficos

Dê vida aos seus conceitos visuais sem restrições técnicas utilizando o PandaSuite e crie experiências interactivas únicas.

[Imagem: Um designer de movimento]

#### Designers de movimento

Integre facilmente as suas animações para conceber interações dinâmicas e cativantes com o PandaSuite.

[Imagem: Um programador]

#### Programadores

Acelere a produção de projectos e desenvolva componentes personalizados para responder a necessidades específicas.

[Imagem: Profissional de Mediação Cultural]

#### Profissionais de mediação cultural

Destaque o património cultural através da criação de conteúdos digitais, como quiosques interactivos e guias multimédia.

[Imagem: Um profissional de marketing]

#### Profissionais de marketing

Reforce a sua marca criando facilmente projectos que cativam o seu público com o PandaSuite.

[Imagem: um professor]

#### Designers instrucionais e professores

Conceba módulos educativos interactivos e envolventes para enriquecer a experiência de aprendizagem dos seus alunos.

[Imagem: Um estudante]

#### Estudantes

Explore o mundo da criação digital sem codificação. Crie projectos interactivos para os seus estudos ou para os seus projectos pessoais.

[Imagem: Um empresário]

#### Empresários

Desenvolva rapidamente aplicações interactivas para promover a sua empresa, apresentar produtos ou otimizar processos internos.

### Componentes: monte, sincronize, construa

Cada componente é um bloco de construção: uma galeria, um mapa, um temporizador, uma zona de arrastar e largar, uma Flexbox. Encaixa-os uns dentro dos outros e sincroniza-os, para que uma única ação controle vários ao mesmo tempo. Quando falta algum, um programador pode adicioná-lo como componente personalizado.

[Descubra todos os componentes](https://docs.pandasuite.com/getting-started/understand-components/)

### Teste no seu telemóvel enquanto constrói

No Studio, abra o menu Preview e leia o código com a câmara do seu telemóvel: o projeto abre-se no PandaSuite Viewer, em iPhone, iPad ou Android. Sempre que guarda, um banner propõe-lhe a nova versão. Depois de descarregado, o projeto também funciona offline, o que é útil para testar no local antes de a rede estar instalada.

[Descarregue o PandaSuite Viewer gratuitamente](https://pandasuite.com/dashboard/download-viewer)

[Vídeo: Teste no seu telemóvel enquanto constrói]

[Imagem: Recursos para o apoiar em todas as etapas do processo]

### Recursos para o apoiar em todas as etapas do processo

Sabemos que a flexibilidade do PandaSuite pode, por vezes, parecer-lhe demasiado grande. Mas não se preocupe! Estamos aqui para o orientar e transformar esta versatilidade numa vantagem real.

**Tutoriais**

Mergulhe nos nossos tutoriais detalhados para dominar todas as funcionalidades do PandaSuite, passo a passo. [Consultar a documentação](https://docs.pandasuite.com/)

**Vídeos**

Uma demonstração é mais rápida do que palavras - os nossos vídeos mostram-lhe como fazer as coisas num instante. [Ver os vídeos](https://pandasuite.com/videos/)

**Carteira**

Explore projectos inovadores da nossa comunidade e inspire-se para as suas próprias criações. [Ver os projetos](https://pandasuite.com/showcase/)

**Modelos**

Poupe tempo com os nossos modelos prontos a utilizar, totalmente personalizáveis para satisfazer as suas necessidades. [Ver os modelos](https://pandasuite.com/templates/)

**Equipa de apoio**

Estamos aqui para o ajudar em qualquer altura, com um sorriso e um toque de humor. [Contactar o suporte](https://pandasuite.com/contact/)

### Todas as nossas caraterísticas

Descubra tudo o que pode fazer com o PandaSuite.

#### [Editor visual](https://pandasuite.com/pt/recursos/editor-visual/#)

Crie facilmente com o nosso editor ultra-intuitivo.

Saiba mais

#### [Multimédia](https://pandasuite.com/pt/recursos/multimedia/)

Tire o máximo partido de vídeos, 3D, áudio e 360°.

Saiba mais

#### [Interatividade](https://pandasuite.com/pt/recursos/interatividade/)

Envolva os utilizadores com interações imersivas.

Saiba mais

#### [Localização e sensores](https://pandasuite.com/pt/recursos/sensores-fisicos-localizacao/)

Personalize com geolocalização e sensores nativos.

Saiba mais

#### [Lógica e gamificação](https://pandasuite.com/pt/recursos/gamificacao/)

Aumente o envolvimento com cenários interactivos.

Saiba mais

#### [Dados](https://pandasuite.com/pt/recursos/dados/)

Tire partido dos seus dados para aplicações mais inteligentes.

Saiba mais

#### [Segurança](https://pandasuite.com/pt/recursos/seguranca/)

Mantenha as suas aplicações e dados seguros.

Saiba mais

#### [Implementação Web e Nativa](https://pandasuite.com/pt/recursos/implantacao-web-nativa/)

Alcance o seu público em todos os dispositivos.

Saiba mais