Wireframing grátis e fácil com Wireframe.cc

wireframe móvel

Talvez devêssemos começar com o que é wireframing! Wireframing é um meio para os designers criarem rapidamente o protótipo de um layout esquelético para uma página. Os wireframes exibem os objetos na página e sua relação uns com os outros, eles não exibem o design gráfico literal incorporado. Se você realmente quer deixar seu designer feliz, forneça a eles um wireframe de sua solicitação!

As pessoas usam de tudo, desde caneta e papel até Microsoft Word e aplicativos de wireframing de colaboração avançada para projetar e compartilhar seus wireframes. Estamos sempre em busca de ótimas ferramentas e parece que nosso desenvolvedor, Stephen Coley, encontrou um ótimo mínimo de uso gratuito - Wireframe.cc

wireframe-cc

Wireframe.cc tem os seguintes recursos

  • Clique e arraste para desenhar - Criar elementos do seu wireframe não poderia ser mais fácil. Tudo que você precisa fazer é desenhar um retângulo na tela e selecionar o tipo de estêncil que será inserido lá. Você pode fazer isso arrastando o mouse pela tela e selecionando uma opção em um menu pop-up. Se precisar editar algo, basta clicar duas vezes nele.
  • Interface super mínima - Em vez de inúmeras barras de ferramentas e ícones que todos nós conhecemos de outras ferramentas e aplicativos, o Wireframe.cc oferece um ambiente livre de confusão. Agora você pode se concentrar em suas ideias e esboçá-las facilmente antes que desapareçam.
  • Faça anotações com facilidade - Se você quiser ter certeza de que sua mensagem será transmitida, você pode comentar sobre seu wireframe. As anotações são criadas da mesma forma que quaisquer outros objetos na tela e podem ser ativadas e desativadas.
  • Paleta limitada - Se você deseja que seus wireframes sejam nítidos e claros, você deve mantê-los simples. Wireframe.cc pode ajudá-lo a conseguir isso, oferecendo uma paleta de opções muito limitada. Isso se aplica à paleta de cores e ao número de estênceis que você pode escolher. Desta forma, a essência da sua ideia nunca será perdida em decorações desnecessárias e estilos extravagantes. Em vez disso, você obterá um wireframe com a clareza de um esboço desenhado à mão.
  • Sugestões inteligentes - Wireframe.cc está tentando adivinhar o que você pretende desenhar. Se você começou a desenhar um elemento largo e fino, é mais provável que seja um título em vez de uma barra de rolagem vertical ou um círculo. Portanto, o menu pop-up conterá apenas ícones dos elementos que podem assumir essa forma. O mesmo se aplica à edição - são apresentadas apenas as opções aplicáveis ​​a um determinado elemento. Isso significa ícones diferentes em uma barra de ferramentas para editar um parágrafo e diferentes para um retângulo simples.
  • Wireframe sites e aplicativos móveis - Você pode escolher entre dois modelos: uma janela do navegador e um telefone celular. A versão móvel vem nas orientações vertical e paisagem. Para alternar entre os modelos, você pode usar o ícone no canto superior esquerdo ou simplesmente redimensionar a tela usando a alça no canto inferior direito.
  • Fácil de compartilhar e modificar - Cada wireframe que você salva obtém um URL exclusivo que você pode marcar ou compartilhar. Você poderá retomar o trabalho em seu projeto a qualquer momento no futuro. Cada elemento do seu wireframe pode ser editado ou até mesmo transformado em outra coisa (por exemplo, uma caixa pode ser transformada em um parágrafo).

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.