Pagina inicial » Kit de ferramentas » Utensílios úteis (off-line) e kits de ferramentas para designers

    Utensílios úteis (off-line) e kits de ferramentas para designers

    A maioria dos web designers inicia novos projetos em seus computadores. Existem centenas de ferramentas para criar wireframes, mockups, protótipos e várias outras atividades de planejamento no seu computador ou on-line. Mas também há toneladas de ferramentas off-line baseadas em papel que podem acelerar seu processo de desenvolvimento e design. Os designers que iniciam o planejamento off-line geralmente usam apenas papel em branco ou gráfico e começam do zero.

    Por que começar completamente do zero quando você pode usar um desses guias pré-fabricados para economizar tempo e direcionar melhor suas energias criativas? Abaixo, compilamos uma ótima lista de ferramentas gratuitas para download, bem como uma coleção de blocos de anotações e outros produtos que você pode adquirir para planejamento e design off-line..

    Aqui estão mais artigos de kits de ferramentas de designers que você pode querer conferir:

    • 27 must-have Starter Kits para web designers
    • Conjuntos de ícones da GUI para designers da Web
    • 50 (mais) excelentes mini conjuntos de ícones

    Transferências

    As ferramentas abaixo estão disponíveis para download gratuito. Eles incluem navegadores, grades e ferramentas pré-desenhados para o desenvolvimento de iPad e iPhone..

    Navegador De Papel

    Uma janela do navegador simples e imprimível para wireframing. Há uma grade sutil dentro da janela para melhor design (para designs com largura de 960px e largura de 800px). É dimensionado proporcionalmente para uma resolução de tela de 1024 × 768.

    Papel de rascunho MBTI para ideação

    O MBTI Sketching Paper contém quatro áreas distintas para propor idéias para as quatro modalidades específicas de compra: competitiva, espontânea, metódica e humanista. Está disponível em quatro tamanhos: A4, A3, Carta e Legal.

    Concept7 Desenhar Papel

    Este papel de rascunho fornece uma janela do navegador com linhas de grade pré-fabricadas, além de uma área de anotações na lateral. Está disponível nos tamanhos A4 e A3.

    Folhas de rascunho do sistema de grade 960

    O 960 Grid System tem muitos modelos disponíveis para vários programas de design. Mas muitas pessoas não estão cientes de que há também modelos PDF para download para wireframing com 960.gs em papel.

    Grid Design Graph Paper

    O Konigi tem papel milimetrado de impressão livre para maquetes de design de grade. Os modelos disponíveis incluem um wireframe com área de notas, wireframes orientados por paisagem e retrato, storyboards (com e sem notas), papel gráfico de dois por dois e papel de gráfico básico.

    Wireframe Ímãs Kit DIY

    Um conjunto de modelos magnéticos do Konigi. Basta imprimi-las em folhas magnéticas e você estará pronto para começar a modelagem e prototipagem no quadro branco ou em outra superfície magnética. Você também pode laminar estes para usar com marcadores de apagar a seco.

    Sketchboards

    Esses esboços estão disponíveis em duas versões: uma única tela com espaço para notas ou seis para cima com espaço para notas. A versão de várias páginas é ótima para a rápida criação de protótipos de várias páginas, onde a versão de uma única página é ótima para wireframes mais detalhados de páginas específicas.

    Modelo de 6 páginas

    Este é um modelo simples com janelas do navegador pré-desenhadas para maquetes de seis páginas em cada folha, com espaço adicional para anotações na lateral. Muito simples, mas muito útil para planejamento de alto nível.

    Modelos de Wireframe de Papel

    Uma variedade de modelos de wireframe, com um total de sete incluídos no download. Há também modelos PSD disponíveis, se você quiser personalizá-los antes de imprimir.

    Modelo de Wireframe

    Um modelo de wireframe simples com espaço para o título da página na parte superior e notas ao longo do lado. É profissional o suficiente para usar para wireframes finais e maquetes para mostrar aos clientes.

    Modelo de Wireframe para iPhone App

    Um modelo de aplicativo para iPhone muito elegante, disponível nas orientações retrato e paisagem. Existem versões com modelos únicos do iPhone com muito espaço para anotações, bem como páginas com três iPhones em uma única página.

    Folha de ideias do iPad

    Há três versões disponíveis: uma folha dupla com iPads orientados para retrato, uma folha de quatro páginas com iPads orientados para a paisagem e uma folha de uma folha com um iPad orientado para a paisagem. Eles também têm uma folha de ideias do iPhone disponível para download.

    Cenários, fluxogramas de tarefas e esboços de grade

    Essas folhas de rascunho são ferramentas valiosas para o planejamento de sites. A folha de cenário ajuda você a planejar como fazer com que os visitantes do seu site executem uma ação desejada. A folha de fluxo de tarefas ajuda você a descobrir quais etapas estão envolvidas no desempenho de tarefas específicas em seu site. E a planilha de grade oferece espaço para wireframes e anotações em páginas específicas.

    Produtos

    Os produtos abaixo são frequentemente semelhantes aos disponíveis para download acima, mas vêm pré-impressos. Outras ferramentas também estão incluídas, como estênceis e notas.

    Mighty Mouse Pad

    Um mouse pad que também é um bloco de notas. Existem três versões diferentes: 5 dias por semana (com espaço para cinco dias de listas de tarefas), Information Central (com bastante espaço para anotações) e Random Dawdle. US $ 10 cada.

    Kit de estêncil para iPad

    Um estêncil de metal da interface do usuário Stencils para projetar para o Apple iPad. Tem tudo o que você precisa para criar aplicativos para o iPad. O kit também inclui um Lápis Mecânico Zebra de 7mm e uma tabela técnica de interação. US $ 24,95

    Kit de estêncil para iPhone

    Outro kit de estêncil de metal da UI Stencils, desta vez para o iPhone. Ele também vem com os adesivos Zebra Mechanical Pencil e UI Stencils. US $ 24,95

    App Sketchbook

    Oferece Sketchbooks App de espiral para design de aplicativos para iPhone e iPad. Existem versões padrão, perfuradas e iPad disponíveis. As versões do iPhone vêm com três imagens do iPhone em tamanho real por página, com 50 páginas (frente e verso) no total. O caderno de esboços do iPad (ainda não disponível) vem com uma imagem por página. US $ 12 cada.

    Notepod e Notepod+

    Blocos de notas em tamanho real para projetar aplicativos para iPod e iPad. Os notebooks do iPod vêm em um pacote de 3, com 100 páginas por pad. A versão para iPad (Notepod +) é vendida individualmente e também tem 100 páginas por pad. Notepod + é $ 19,95; Notepod é $ 17,95 / três.

    Bloco de notas storyboard

    8 blocos de notas de 11 x 11 polegadas da Konigi com 50 folhas de storyboard, cada uma com espaço para anotações. O que diferencia isso dos blocos de anotações de storyboards mais comuns é que cada seção do storyboard é dividida em uma grade, tornando-as muito mais apropriadas para o design de interação. US $ 9 cada, disponível apenas nos EUA.

    Bloco de desenho do navegador

    Um bloco de notas que inclui um modelo de janela do navegador em cada página. Cada janela inclui uma grade, que é compatível com o Kit de Estêncil do Site ($ 24.95), também da UI Stencils. US $ 8,95 cada.

    Dot Grid Book

    Estes livros de grelha de pontos do Behance são semelhantes ao papel de gráfico tradicional, mas em vez de linhas, têm pontos onde as linhas se cruzam. Ele fornece uma excelente grade para esboçar sem a intrusão de linhas sólidas. US $ 14 cada.

    Sempre nota pegajosa definida

    Para aqueles de nós que usam notas para se manterem organizados, isso pode ser o ideal para levar o seu sistema de produtividade ao próximo nível. Separe os tipos de notas para o que fazer hoje, em breve ou um dia, mais três tipos de notas adicionais. US $ 12,99.

    Mais recursos

    Encontre ainda mais recursos através dos resumos abaixo:

    • 50 kits de wireframes de UI e Web design gratuitos, recursos e arquivos de código-fonte - um resumo fantástico da Smashing Magazine que inclui recursos on-line e off-line.
    • Modelos PDF gratuitos para esboços, wireframes e anotações para impressão - Outro grande resumo da Smashing Magazine, consistindo inteiramente de recursos imprimíveis desta vez.
    • Recursos de UI, Wireframing e Layout Design - Um pequeno resumo de recursos imprimíveis compilado pelo Es Developed.