Coleção de modelos e recursos de designer para iOS

A Apple App Store já ultrapassou a impressionante marca de 25 bilhões de downloads e não dá sinais de que vá desacelerar. Com as vendas avassaladoras do iPhone 5, o desenvolvimento para iOS veio para ficar. Não tem como ficar fora de uma indústria que está movimentando bilhões de dólares. Mas qual é o segredo para um aplicativo de sucesso? Planejamento é a resposta.

Para executar um planejamento perfeito é preciso compreender o fluxo do seu aplicativo e identificar potenciais problemas de usabilidade ou erros técnicos. É preciso rascunhar e criar protótipos que permitam melhorar sua visão do aplicativo que se deseja produzir. Mesmo que não seja o seu projeto, um bom esboço tornará mais fácil explicar seus objetivos para os clientes.

Se você é um designer ou desenvolvedor que deseja ingressar na criação de aplicativos para iOS, aqui temos uma coleção de ferramentas essenciais. Não se trata aqui de um tutorial para iOS, mas uma apresentação de um conjunto de modelos e recursos visuais que irão facilitar o seu dia a dia nesta carreira. São templates para telas, criadores de interface de usuário, ícones para barra de ferramentas e até ícones de gestos para ilustrar uma apresentação ou documentação.

Templates de Rascunho

Alguns preferem desenhar no papel um esboço rápido do que será criado. É rápido e fácil de apagar. Mas a coleção seguinte é uma seleção de templates que podem ser impressos e utilizados como um esboço mais profissional para mostrar para a equipe de desenvolvimento, para reuniões ou mesmo como modelo pessoal. Inclui telas de iPad e iPhone:

  1. iPhone Wireframe Templates

    iPhone Wireframe Templates for Sketching
    Criados pela Interactive Logic e disponíveis tanto em PDF quanto no formatoViso (VSD).

  2. iPhone Idea Sheet

    iPhone Idea Sheet
    Este diagrama simplificado do iPhone é muito útil para começar um esboço de conceito.

  3. iPhone Application Sketch Template

    iPhone Application Sketch Template
    Mais um diagrama com grade do iPhone.

  4. iPad Idea Sheet

    iPad Idea Sheet
    Este diagrama simplificado do iPad é muito útil para começar um esboço de conceito.

  5. iPad Application Sketch Template

    iPad Application Sketch Template
    Diagrama com grade do iPad

  6. High Level iPad App Wireframing

    High Level iPad App Wireframing
    Um formulário de aplicativo do iPad com campos para explicar cada tela em detalhes.

Interface de Usuário

Desenhar a interface do usuário com elementos prontos é uma forma rápida de prototipar. Ao invés de desenvolver a funcionalidade antes, você pode rascunhar rapidamente com as seguintes ferramentas:

  1. iPhone GUI PSD (iPhone 4S)

    iPhone GUI PSD (iPhone 4S)
    Este template para Photoshop do iOS é ideal para simular aplicativos do retina display. Este arquivo foi atualizado para refletir as mudanças e novidades do iOS 5. Todos os elementos foram recriados como camadas de shapes editáveis no Photoshop (recomenda-se usar o Photoshop CS5).

  2. OmniGraffle iPhone Stencil

    OmniGraffle iPhone Stencil
    Este é o modelo definitivo para quem desenvolve aplicativos para iPhone usando OmniGraffle, OmniGraffle Pro ou OmniGraffle for iPad.

  3. iPad GUI PSD v2

    iPad GUI PSD v2
    Este template para Photoshop do iPad recria do zero, usando vetores e camadas, os elementos de interface de um aplicativo.

  4. iPad Vector GUI Elements

    iPad Vector GUI Elements
    Este pacote contém quase todos os elementos de interface do usuário, incluindo botões, abas, menus, teclado, balões etc… muito útil para designers e desenvolvedores, inclui versões em vetor redimensionáveis e totalmente editáveis para Adobe Illustrator.

  5. OmniGraffle iPad Stencil

    OmniGraffle iPad Stencil
    Este é o modelo definitivo para quem desenvolve aplicativos para iPad usando OmniGraffle, OmniGraffle Pro ou OmniGraffle for iPad.

  6. iPad Sketch Elements

    iPad Sketch Elements
    Para protótipos ainda mais rápidos, esta coleção de elementos para iPad cumpre sua missão..

Ícones de Ferramentas

Em design, encontrar o ícone certo para representar uma determinada função é um desafio. Ele precisa ser ao mesmo tempo relevante e o mais adequado para descrever a ação desejada de forma rápida e livre de confusões. A seguir uma série de coleções contendo milhares de ícones. Certamente, você irá encontrar aquele que mais de adapta ao seu aplicativo:

  1. Ícones para Phone

    iPhone icons

  2. Série “Reflection"

    200+ Exclusive Free Icons: “Reflection

  3. Ícones em Vetor

    260 free vectors icons

  4. Ícones de Interface para iOS

    Tabs - Interface Icons for iOS & Designers

  5. Ícones para E-Commerce (Vetor em PSD)

    20 Minimal ecommerce icons (vector PSD)

  6. Série "Token"

    Token Icons

  7. Série "Meta"

    Meta Icons

  8. Ícones para Wireframe

    Free Wireframe Toolbar Icons for GUI designers

  9. Glyphos

    Glyphish icons

  10. Série "Pixel Perfect"

    Pixicus Icon Set: 106 Pixel Perfect Icons

  11. Glyphicons

    Glyphicons

  12. Ícones em Vetor (Open Source)

    gcons - Open Source Vector Icons

  13. Série "Gentleface"

    Gentleface

  14. Série "NounProject"

    NounProject Icons

Ícones de Gestos

Ícones de gestos são muito úteis para desenhos, apresentações e documentação. Um dos problemas de sistemas com multitouch é que nós estamos sempre tentando decifrar qual o tipo de ação de toque pode ser utilizada em uma aplicação. Uma das soluções é uma documentação ilustrada, com os símbolos corretos para cada tipo de toque. Para facilitar esta tarefa, segue uma lista de pacotes de ícones de gestos:

  1. Touchscreen Gesture Icons

    Touchscreen Gesture Icons

  2. Touchscreen Stencils

    Touchscreen Stencils

  3. Gesturecons

    Gesturecons

  4. Touch Gesture Reference

    Touch Gesture Reference

  5. Redesigned Gesture Icons

    Gesture Icons

  6. Open Source Gestures

    Open Source Gestures

  7. Gesturcons

    Gesturcons

  8. Multitouch Gesture Icons

    Multitouch Gesture Icons

Qual é a sua opinião ou dúvida?