EDITOR DE MAQUETES
NinjaMock inclui todos os stencils típicos para Maquetes web e móveis.
Nossos stencils parecem esboçados, como se fossem desenhados à mão. Isso ocorre porque ajuda as pessoas a se concentrarem na interação e no conteúdo de sua estrutura de design, em vez de cores, estilo, design detalhado e outros aspectos de alta fidelidade.
Os stencils são organizados em uma caixa de ferramentas no painel esquerdo do aplicativo e agrupados de acordo com seu tipo e uso. Atualmente, oferecemos vários tipos de projetos (por exemplo, iOS, Android, Windows Phone, etc.) e, para cada tipo de projeto, a caixa de ferramentas contém os stencils necessários.
(Android, iPhone, iPad, Windows Phone, Microsoft Surface, sites web e mão livre)
Ícones e imagens
Os modelos não estão completos sem incluir ícones e imagens. No NinjaMock, você tem muitas opções disponíveis para projetar uma interface que inclua esses elementos visuais.
Ícones incorporados
Nossos ícones incorporados usam o mesmo estilo desenhado à mão que o resto dos elementos do estêncil para que todo o seu design de maquete tenha uma aparência uniforme.
Os ícones internos diferem dependendo do tipo de projeto. Por exemplo, nos projetos de maquete do Android e do iPhone, eles se parecem com os ícones reais da plataforma fornecida, mas ainda têm uma aparência esquemática desenhada à mão.
Os ícones incorporados são vetores. Você pode alterar seu tamanho e até alterar preenchimentos e traços sem perder qualidade.
IconFinder
Se você não encontrar o que precisa entre nossos ícones integrados, também temos uma integração direta com o IconFinder. Basta procurar ícones na guia localizador de ícones dentro do editor de maquete (wireframes/mockups) do NinjaMock, sem precisar sair.
Observe que os ícones do IconFinder não podem ter seus preenchimentos ou traços alterados.
Suas próprias imagens
Tien você tem ícones ou imagens no seu computador que você gostaria de usar no seu projeto? Basta carregar seus ativos visuais em seu armazenamento pessoal em nossos servidores e você poderá usá-los em qualquer projeto. Atualmente, fornecemos a cada usuário 500 MB de espaço livre.
Você pode arrastar e soltar arquivos de imagem diretamente da sua área de trabalho no editor de maquete do NinjaMock. Esses arquivos serão carregados automaticamente no seu espaço de armazenamento pessoal.
Imagens da internet
Encontra você encontrou o ícone ou a imagem perfeita que você precisa para o seu projeto na internet? Não tem problema, basta copiar e colar o link para o arquivo e você poderá usá-lo sem carregá-lo em nossos servidores.
Apenas certifique-se de que esta imagem não seja removida de onde está.
Você pode arrastar e soltar uma imagem diretamente de um navegador aberto na tela de design do NinjaMock. Adicionaremos automaticamente a imagem referenciando o URL da imagem.
Ícones desenhados manualmente
Às vezes, é mais conveniente criar seu próprio ícone quando você não consegue encontrar nada que atenda às suas necessidades. Usando as poderosas ferramentas de edição de vetores do NinjaMock, você pode criar rapidamente um ícone do seu jeito.
Siga estes 3 passos simples para criar seu próprio ícone:
1. Use qualquer ferramenta de edição de vetores para desenhar o que você precisa.
2. Selecione os itens recém-desenhados.
3. Clique com o botão direito e escolha Exportar seleção para -> Minhas imagens....
Seu desenho vetorial agora será salvo como uma imagem reutilizável em seu espaço pessoal em nossos servidores. A partir de Agora, você pode usar esta imagem como fonte para qualquer ícone. No exemplo a seguir, você pode ver um ícone desenhado que é usado dentro do item da barra de guias (tabs) do iPhone:
Suporte de Vídeo
Ninjamock permite que você use vídeos externos em seus projetos apenas adicionando a URL onde o vídeo está armazenado. Ninjamock suporta vídeos do YouTube, Vimeo, Dailymotion e Rumble, bem como arquivos de vídeo nos formatos MP4, WEBM e OGG.
Suporte a Emojis
No Ninjamock, você pode usar emojis padrão em seus projetos, que podem ser redimensionados e colocados em qualquer lugar de seus projetos.
Stencils personalizados
Se você não consegue encontrar o estêncil que você precisa, você pode fazê-lo por conta própria diretamente no editor de maquete (mockup) do NinjaMock. Você pode criar seus próprios elementos reutilizáveis a partir de qualquer seleção de objetos que você criar na tela de design.
Atualmente, os stencils personalizados estão disponíveis apenas no projeto em que são criados.
Veja como criar seu próprio estêncil reutilizável:
1. Crie o que você precisa usando stencils existentes e/ou desenhando elementos exclusivos (a propósito, temos poderosas ferramentas de edição de vetores).
2. Selecione Todos os itens que você deseja incluir em seu estêncil personalizado.
3. Clique com o botão direito e escolha Assets -> Converter para asset.
>
O estêncil recém-criado será adicionado ao grupo "meus ativos" na parte inferior da caixa de ferramentas, e agora você pode usá-lo em qualquer página do projeto atual.
Você pode modificar o estêncil a qualquer momento (clique com o botão direito, escolha Assets -> Editar asset) e suas alterações serão aplicadas a todas as instâncias do stencil em todo o seu projeto.
Gráficos vectoriales
O editor de maquete do NinjaMock possui poderosas ferramentas de edição de vetores. Além de elementos simples, como linhas, círculos e retângulos, nosso editor também inclui um lápis à mão livre e uma ferramenta de Lápis (Com Suporte de curva Bezier) para criar formas de qualquer tipo.
As ferramentas de edição de vetores estão localizadas na caixa de ferramentas, no lado esquerdo da tela de desenho.
Cómo como funcionam as ferramentas de desenho?
As ferramentas de desenho (Linha, Retângulo, elipse, caneta e lápis) funcionam de forma um pouco diferente dos demais elementos. Para começar a desenhar, escolha um ponto de partida, mantenha pressionado o botão esquerdo do mouse e mova o mouse para o ponto final desejado. Solte o botão esquerdo do mouse quando sua figura estiver pronta. A maneira de desenhar é muito parecida com a de outros aplicativos de desenho profissional que você já conhece.
Se o seu desenho for do tamanho errado, não se preocupe, você sempre pode alterá-lo depois, você pode redimensioná-lo com o mouse ou usar o painel de propriedades para fazer ajustes.
Vamos começar com as ferramentas de desenho simples:
Linha
Com a ferramenta linha ... ta-da! - desenhe uma linha.
Abreviação de teclado: Tecla L.
Para desenhar uma linha reta, mantenha pressionada a tecla "Shift" (Shift) enquanto desenha. Em seguida, a ferramenta se ajustará a incrementos de 15 graus para ajudá-lo.
A ferramenta linha produz linhas esboçadas. O aplicativo desenha um caminho complexo nos bastidores o que faz com que a linha pareça desenhada à mão. Se você precisar de uma linha que não seja de esboço (completamente reta), você pode usar nossa ferramenta caneta ou transformar sua linha em um traçado.
Rectângulo
Com a ferramenta retágulo você pode ... tu-rum-desenhe um retângulo.
Abreviação de teclado: Tecla R.
Para bloquear a proporção da forma, mantenha pressionada a tecla shift enquanto desenha.
A ferramenta Retângulo também produz formas esboçadas, assim como a ferramenta linha. Se você precisar de um retângulo não esboçado, você pode usar nossa ferramenta Retângulo ou converta to retângulo em um caminho.
Elipse
Com a ferramenta elipse, você pode adicionar elipses de ótima aparência aos seus projetos.
Abreviação de teclado: Tecla C.
Para bloquear a proporção da forma, mantenha pressionada a tecla shift enquanto desenha.
Vamos dar uma olhada em nossas ferramentas vetoriais mais avançadas:
Caneta
Com a ferramenta caneta, você pode criar qualquer tipo de polilinhas e polígonos.
Abreviação de teclado: Tecla P.
A caneta é útil para fazer um esboço rápido de uma figura (adicionar pontos de controle) antes de aplicar Curvas de Bézier com a ferramenta de edição de plotagem. Você também pode adicionar curvas de Bézier adicionando seu ponto de controle simplesmente arrastando enquanto adiciona um ponto.
Dicas sobre o uso da ferramenta caneta:
Para adicionar um ponto a qualquer caminho existente, selecione a ferramenta caneta e clique em qualquer lugar no caminho que você deseja adicionar outro ponto.
Para remover um ponto de um caminho, selecione a ferramenta caneta e clique em um ponto existente que você deseja remover.
Para fechar um polígono, basta adicionar seu último ponto diretamente acima do primeiro ponto. O cursor do mouse mudará para indicar que o polígono agora será fechado.
Traçado
Con la herramienta de edición de trazado, puede modificar cualquier trazo existente, sin importar cómo se haya creado – ya sea por pluma, lápiz o cualquier otra herramienta de edición de vectores.
Abreviação de teclado: Tecla A.
A ferramenta de edição de caminhos é útil para fazer ajustes em caminhos, como pontos em movimento e edição de Curvas de Bézier.
Como criar uma curva usando a ferramenta de edição de caminho:
1. Passe o mouse sobre o waypoint que você deseja transformar em um ponto de controle para uma curva.
2. Mantenha pressionada a tecla Alt (tecla Option no Mac) e "puxe" o cursor do mouse para qualquer lado, longe do ponto enquanto clica para baixo.
3. As alças de ajuste da curva (pontos azuis conectados com uma linha fina na ilustração) aparecerão. Use esses drivers para ajustar a curva conforme necessário.
4. Você também pode transformar uma curva em um canto em forma de ângulo pressionando a tecla Alt e clicando no ponto de controle.
Lápis
Com a ferramenta Lápis, você pode criar qualquer desenho à mão livre.
Abreviação de teclado: Tecla Y.
Solo asegúrate de tener buenas habilidades para dibujar a mano:-) Una pizarra Wacom u otra tableta de dibujo puede ser útil cuando se usa la herramienta Lápiz.
Mão
Você pode usar a ferramenta mão para percorrer a superfície de design. É conveniente quando você tem um alto nível de zoom aplicado e precisa fazer ajustes delicados de rolagem para que as coisas pareçam claras.
Abreviação de teclado: Tecla H. Como alternativa, você pode manter pressionada a tecla espaço e usar o botão esquerdo do mouse para ativar temporariamente a ferramenta manual. Isso é útil quando você está usando outra ferramenta (caneta, por exemplo) e precisa rolar sem desativar a caneta. Basta soltar a tecla espaço e a caneta voltará a ser a ferramenta ativa mais uma vez.
Figuras genéricas
Em nossa caixa de ferramentas, você encontrará muitas figuras vetoriais comumente usadas.
Essas figuras aparecem em todos os tipos de projeto (os outros stencils na caixa de ferramentas são específicos para um tipo de projeto).
Propriedades comuns de objetos vetoriais
Todos os nossos objetos vetoriais são compatíveis com um conjunto de propriedades: pincel de traçado, largura do traçado e pincel de preenchimento (quando aplicável).
Isso lhe dá a flexibilidade de desenhar rapidamente uma figura em um estilo que combine com o resto do seu design.
Links da página (links)
Às vezes, você pode optar por adicionar apenas alguns links ativos aos seus modelos. Nesses casos, pode ser difícil para os espectadores saberem quais elementos do seu design podem ser clicados. Por esse motivo, incluímos a capacidade de ativar e desativar alguns sinalizadores sutis de Link de página ao visualizar um projeto nos modos de compartilhamento ou visualização. Esses sinais fornecem uma indicação visual dos elementos clicáveis que estão presentes em cada página do seu layout.
Se você atribuiu um link de página a qualquer elemento no modo de design, o indicador de Link de página correspondente será exibido nesse elemento quando o projeto for exibido no modo compartilhado ou pré-visualização.1
Os sinalizadores de Link de página são ativados por padrão quando estão no modo de visualização ou compartilhamento, mas podem ser facilmente desativados clicando no botão link no canto superior direito da página.
Copiado e colado
Você pode facilmente copiar e colar itens entre páginas ou projetos. Você pode copiar e colar dentro do mesmo projeto de maquete ou copiar de um projeto e colá-lo em outro projeto que esteja aberto em uma guia, janela ou até mesmo em um navegador diferente.
Basta selecionar os elementos do seu layout que deseja copiar e usar o Ctrl+C (Cmd+c no Mac) combinação no teclado para copiar para a área de transferência.
Para colar os itens que agora estão na área de transferência, basta navegar até a página do projeto para a qual deseja copiá-los e pressionar os botões Ctrl+V (Cmd+V no Mac) no teclado. Eso é isso! Os itens colados agora são copiados para o novo local.
Por motivos de segurança, a cópia entre as guias do navegador funciona apenas ao usar atalhos de teclado. Não funcionará no menu de contexto ativado com o botão direito do mouse.
Colar gráficos
O NinjaMock suporta seu fluxo de trabalho, mesmo quando você trabalha com designs de alta fidelidade em outros aplicativos gráficos, como o Adobe Photoshop. Mesmo que você possa ter terminado com o conceitual e fases de layout (wireframing) do seu trabalho de design, você ainda pode usar o NinjaMock facilmente para continuar seu fluxo de trabalho colando seus layouts de pixel no NinjaMock. Isso torna mais fácil para você distribuir seus projetos visuais polidos para seus colegas de trabalho, partes interessadas e clientes para obter feedback e aprovação. Não no não há mais tópicos de E-mail pesados ou arquivos compartilhados bagunçados para lidar com suas revisões de design!
Quando você terminar seu trabalho de design de maquete no aplicativo gráfico de sua escolha, tudo o que você precisa é usar o comando Copiar do aplicativo para copiar os layouts que você tem lá, volte para o NinjaMock e cole seus gráficos no NinjaMock com a combinação de teclas Ctrl+V (Cmd+V no Mac). Você não precisa mais se preocupar em Salvar ou exportar seu trabalho de design como arquivos de imagem do aplicativo degráficos! Você também pode usar a funcionalidade da área de transferência do seu sistema operacional para copiar os gráficos que desejar. Por exemplo, em um Mac, você pode usar a combinação de teclas Cmd + Ctrl + Shift + 4 (na Apple) para abrir o na seleção de cópia na marquise da área de transferência, arraste a seleção para ajustar o que você deseja copiar e cole-a no NinjaMock.
A transparência não é suportada. Áreas transparentes dos elementos visuais que são copiados de outros aplicativos serão renderizados com um fundo branco.
Devido a certas restrições, esse tipo de colagem atualmente não é compatível com o navegador Firefox.
Colaboração
A ideia fundamental por trás do layout é comunicar suas idéias. Compartilhe seu trabalho com seus amigos equipe ou clientes para obter feedback instantâneo e garantir que todos estejam atualizados com o progresso do projeto.
Compartilhar
Com apenas um clique, você pode compartilhar seu projeto de estrutura metálica com qualquer pessoa. NinjaMock gera automaticamente um link secreto especial (por exemplo," ninjamock.com/s/some-code") que pode então ser usado para abrir e visualizar seu projeto.
As pessoas com quem você compartilha este link não precisam de uma conta NinjaMock. Isso é particularmente útil para enviar seu trabalho para seus clientes que não usam ferramentas de maquete. Mesmo que seus clientes não tenham uma conta NinjaMock, eles ainda podem ver os layouts e comentários, e até mesmo adicionar seus próprios comentários ao seu projeto.
Se alguém que não tem uma conta NinjaMock deixar um comentário em seu design de estrutura metálica ou maquete, o autor do comentário será exibido como "Shado Ninja Ninja #some-number". Esta é uma conta temporária especial que criamos em tempo real especificamente para não clientes quando eles adicionam comentários.
Como começar a compartilhar seu projeto:
1. Na barra de navegação superior, clique no botão Compartilhar.
2. Clique no botão"Iniciar compartilhamento".
3. Envie o link gerado automaticamente para quem quiser.
Para parar de compartilhar seu projeto, basta clicar no botão" Parar de compartilhar " na mesma caixa de diálogo. Seu link secreto não funcionará mais até você começar a compartilhar novamente.
Compartilhamento parcial
É comum que você queira compartilhar com seus clientes apenas uma parte específica do seu projeto de layout sem que eles tenham acesso às seções inacabadas. Você pode querer continuar trabalhando na próxima parte do projeto enquanto espera que eles revisem as coisas que estão prontas. Ao usar nossos estados de página, você pode controlar facilmente quais páginas são compartilhadas e quais não são.
Na ilustração acima, apenas as páginas com o status "design concluído" ou "aprovado"são compartilhadas. Qualquer pessoa que use o link secreto (incluindo você mesmo, se quiser experimentá-lo) não verá nenhuma página de estrutura metálica marcada como "em andamento".
Página inicial
Para testar vários fluxos em sua maquete (mockup), geralmente é útil escolher uma página específica na qual você gostaria que seus revisores começassem a ver seus designs. No NinjaMock, você pode definir a página inicial diretamente na caixa de diálogo Compartilhar.
A página inicial é salva dentro do próprio projeto. Isso significa que você pode alterar a página inicial a qualquer momento sem enviar toneladas de links secretos diferentes para seus clientes. Qualquer pessoa que acesse seu projeto através do link começará na nova página inicial.
Teste em dispositivos móveis
Os projetos do NinjaMock também podem ser abertos em tablets e smartphones, o que torna muito conveniente ver como seus designs de maquete e maquete aparecem em dispositivos específicos.
Trabalhar em equipe
Ser capaz de compartilhar um projeto para revisá-lo e receber feedback às vezes não é suficiente. O editor de maquete do NinjaMock permite que você compartilhe seu espaço de trabalho e colabore em tempo real com sua equipe. Convide seus parceiros de negócios e colegas para participar do seu projeto e dê-lhes privilégios para que eles possam contribuir diretamente.
Todos podem ser convidados a trabalhar no espaço de trabalho compartilhado. Basta enviar convites e, se seus convidados ainda não tiverem uma conta, eles simplesmente criarão sua própria conta em segundos. ¡Outra grande coisa é que eles não esgotam seus próprios projetos disponíveis, se eles se juntarem ao seu! - e não se preocupe-você é o chefe ou a chefe, e você decide quais privilégios seus colaboradores terão para cada um de seus projetos.
Funções de acesso
As permissões de acesso ao espaço de trabalho são definidas com a função atribuída ao usuário. Existem quatro funções no NinjaMock: proprietário, administrador, designer e revisor.
Quién quem pode fazer o quê?
Proprietário - é o usuário que cria pastas e projetos. O proprietário tem controle total sobre o projeto. O proprietário convida os colaboradores e atribui funções a eles. Cada projeto criado conta para o número de projetos disponíveis do proprietário.
Administrador - você tem controle total sobre pastas e projetos e pode convidar outros colaboradores. Os projetos não contam para o número de projetos de maquete disponíveis para a própria conta do administrador.
Designer - como seria de esperar, os designers trabalham no projeto. No entanto, esse usuário não poderá gerenciar outros usuários e suas funções. O projeto também não conta para o número de projetos disponíveis para a conta do designer.
Revisor - a função com menos permissões é o revisor. Como o nome explica, Eles podem ver o projeto e comentá-lo, mas não poderão projetar no projeto ou alterar os modelos. Além disso, os revisores não podem gerenciar outros usuários e suas funções. O projeto não conta para o número de projetos disponíveis para a conta do revisor.
Compartilhar o espaço de trabalho
Compartilhar o espaço de trabalho do projeto nunca foi tão fácil: basta clicar na opção equipe no editor do projeto.
Você também pode começar a compartilhar o espaço de trabalho na sua lista de projetos de maquete na página meus projetos usando a opção Gerenciar equipe no nível do projeto, pasta ou conta.
Ao enviar convites para compartilhar seu espaço de trabalho, você pode adicionar usuários existentes do NinjaMock ou convidar novos usuários para criar sua própria conta do NinjaMock e participar do seu projeto.
Você pode adicionar quantos colaboradores quiser.
Gerenciar equipe
Como proprietário de um projeto, você tem controle total sobre seus projetos de maquete
O editor de maquete do NinjaMock permite que você defina privilégios de usuário no nível do projeto, pasta e conta. Dê aos seus colaboradores muito ou pouco poder sobre o projeto como desejar: torne-os administradores, designers ou revisores.
O gerenciamento de equipes funciona em três níveis diferentes: conta, pasta ou projeto. Adicione as permissões e tenha uma personalização completa dos direitos de acesso e permissões. As permissões definidas no nível mais baixo sempre terão prioridade.
Acesso ao espaço de trabalho compartilhado
Se alguém compartilhar seu espaço de trabalho do projeto com você, você receberá um e-mail com um link para acessar o projeto. Se você ainda não tem uma conta NinjaMock, você será solicitado a criar uma. Toma isso leva apenas segundos!
Juntamente com o acesso ao projeto, você receberá certas permissões: administrador, designer ou revisor. O proprietário da conta concede essas permissões.
Acesse o espaço de trabalho de todos os projetos (Seus ou compartilhados com você) de um só lugar: meus projetos. Mude de conta para acessar seus projetos.
Além do acesso ao projeto, você pode ter acesso a pastas ou níveis de conta. Dessa forma, você terá direitos iguais para todos os projetos na pasta ou para toda a conta.
Os projetos que foram compartilhados com você não afetarão a contagem de projetos do seu próprio plano.
Trabalhando juntos
A colaboração em um projeto significa que todos os usuários podem acessar o espaço de trabalho do projeto e contribuir para o projeto com base em seus privilégios.
Todas as alterações e movimentos são exibidos para o resto da equipe em tempo real e salvos no servidor.
Status da página
Você pode querer acompanhar o progresso do seu trabalho para entender o quão perto o projeto está da conclusão. No editor de maquete do NinjaMock, você e seus revisores podem controlar o status de páginas individuais.
Cada página pode ter um dos seguintes status "em andamento "(status padrão)," design concluído "e"aprovado".
Todas as alterações no estado de uma página ocorrem manualmente. Não implementamos nenhum fluxo de trabalho complexo que dite quem pode alterar um estado ou a que horas. Em vez disso, decidimos mantê-lo simples e flexível; qualquer usuário que tenha acesso ao seu projeto pode alterar qualquer status a qualquer momento.
O status da página é sincronizado em tempo real, portanto, não há necessidade de atualizar o navegador para ver o status mais recente de uma página.
Visão geral do projeto
Para ver o status de um projeto de mock-up ou wireframe completo em vez de uma página específica, você pode usar a página web visão geral do projeto. Você pode acessá-lo clicando em "Visão geral".
A página Visão geral contém detalhes de todas as páginas do projeto, como o status da página e o número de comentários não resolvidos.
Exportar a PDF/PNG
Exportar PDF e imprimir em papel ainda é uma parte essencial do layout. Muitos idealizadores imprimem seus wireframes e os colocam nas paredes do Escritório; alguns os usam como inspiração, outros discutem projetos em grupo e adicionam comentários diretamente na parede.
No editor de maquetes do NinjaMock, oferecemos a você a oportunidade de exportar suas maquetes com links de página e comentários de página. Dessa forma, você pode navegar pela interação do seu design, mesmo quando está no papel.
Cuando exportas y elige incluir comentarios, agregamos todos los comentarios al lado de la página.
Os comentários têm os mesmos números de comentários exclusivos que eles têm na superfície de design do NinjaMock.
Exportar a HTML
Você também pode exportar seus projetos HTML. Exportar como HTML permite baixar os arquivos para o seu computador ou adicioná-los ao seu próprio servidor onseb para acesso e armazenamento convenientes. Isso pode ser útil para compartilhar seus projetos com seus parceiros e clientes.
Os protótipos de HTML oferecem uma experiência mais interativa ao visualizar o trabalho, por exemplo, permitindo que você digite texto e marque caixas de seleção.
Gestão de projetos
Gostamos de manter as coisas organizadas dentro do editor de maquete do NinjaMock. Fornecemos maneiras convenientes de agrupar páginas em seus projetos e também permitimos que você organize seus projetos em pastas, como os arquivos do seu computador.
Grupos de páginas
Quando seu projeto cresce e fica mais difícil de navegar, é bom organizar suas páginas em grupos. Por exemplo, você pode agrupá-los por suas respectivas áreas no design do aplicativo; por exemplo, páginas de login, páginas de configurações, etc., ou de qualquer outra forma que desejar.
Um grupo de páginas é simplesmente um conjunto de páginas nomeadas (uma página só pode estar em um grupo por vez). Você pode criar quantos grupos precisar, mover páginas entre grupos ou classificá-las dentro de um grupo.
Para criar grupos de páginas, expanda o painel Páginas clicando no ícone correspondente no canto superior direito do painel.
Pastas do projeto
Pense nos arquivos do seu computador por um momento. Quando você tem muitos arquivos e acha difícil encontrar o que deseja, basta criar pastas e mover os arquivos para dentro, verdad certo?
Reproduzimos a mesma experiência no NinjaMock; você pode criar pastas de projetos, colocar diferentes projetos de mock-ups e wireframes em pastas, mover pastas para outras pastas, etc. essa é uma maneira conveniente e familiar de organizar seu trabalho.
Para mover um projeto (ou uma pasta) para uma pasta:
1. Passe o mouse sobre o item na lista projetos.
2. Clique no botão " Mover..."ligação de texto.
3. Selecione a pasta de destino e termine clicando no botão Mover.
Para expandir ou recolher a pasta na janela pop-up, clique no ícone cinza da pasta.
Guia rápido - Editor de Maquetes
Comentários
O editor de maquete do NinjaMock apresenta uma maneira intuitiva e familiar de deixar comentários em cada página e acompanhar seu status.
Os comentários são específicos para a página em que são deixados. Se uma página for excluída, seus comentários correspondentes não serão mais visíveis.
Nossos comentários são sincronizados em tempo real, portanto, não há necessidade de reabrir ou atualizar o projeto para obter os comentários mais recentes.
Adicionar comentários
Novos comentários podem ser adicionados no painel de comentários no lado direito da superfície de design ou simplesmente clicando com o botão direito do mouse em qualquer lugar da maquete e escolhendo "Adicionar comentário" no menu pop-up.
Não temos restrições quanto a quem pode deixar ou editar comentários. Qualquer pessoa que abra seu projeto pode adicionar, editar ou até mesmo excluir qualquer comentário.
Balões de comentários
Cada comentário é representado por um ícone azul de "balão de fala" na superfície de design. Dentro do balão de fala, um número de comentário exclusivo é exibido.
Você pode mover livremente a bolha para qualquer lugar na superfície de design para ajudar o espectador a entender a qual elemento da maquete o comentário se refere.
Clique duas vezes no ícone do balão de fala para visualizar ou editar o comentário.
Acompanhar o status dos comentários
Quando um comentário é resolvido, o ícone do balão de fala fica esmaecido e o comentário é movido para a parte inferior da lista no painel Comentários. Isso ajudará você a se concentrar nos comentários ativos (não resolvidos) exibidos na parte superior da lista de comentários.
Para verificar se há algum comentário não resolvido em todo o projeto, use a opção tudo na parte superior do painel de comentários. Dessa forma, você verá comentários de todas as páginas em vez de comentários apenas para a página atual.
Clique no ícone de balão de fala de um comentário e você será direcionado diretamente para a página em que o comentário foi deixado. A posição de rolagem também será ajustada para que esse ícone de balão de fala seja colocado no centro da tela.
Notificações por email
O editor de maquete do NinjaMock também possui notificações push por e-mail quando novos comentários ou respostas são adicionados.
Como proprietário do projeto, você receberá notificações sobre os comentários de todos os revisores.
No entanto, os revisores só receberão notificações dos tópicos de comentários em que participam se forem usuários registrados do NinjaMock. Os usuários que não tiverem uma conta no NinjaMock que acessarem o projeto por meio do link secreto e deixarem comentários não serão notificados.