Criando uma interface do usuário (HTML)

Saiba como escolher as superfícies de IU adequadas para o seu aplicativo da Windows Store, como criar o layout do aplicativo e como adicionar controles e conteúdo para a interface do usuário do seu aplicativo. Você também pode aprender a criar blocos, que são a cara do aplicativo na tela Inicial. A série Recursos de aplicativos, do início ao fim é um ótimo lugar para começar, pois oferece modelos, aplicativos de exemplo completos e tutoriais que abordam o desenvolvimento básico de aplicativos.

Antes de começar a  Certifique-se de que você baixou os ativos de design e leu nossas diretrizes de design gerais. Os principais tópicos incluem Planejamento de aplicativos da Windows Store e o índice das diretrizes detalhadas de experiência do usuário.

Criar uma excelente interface do usuário para o aplicativo da Windows Store

Saia na frente com modelos, exemplos e atividades práticas para:

• Exemplo e modelo de navegação simples
• Exemplo e modelo de navegação hierárquica
• Exemplo de noções básicas de interface do usuário do aplicativo (um exemplo de galeria de controles de uma interface do usuário interativa)

Em seguida, veja como você pode criar seus próprios aplicativos ou modificar um destes exemplos para criar sua própria interface do usuário do aplicativo:

• Definindo layouts e navegação
• Adicionando controles e conteúdo

Acrescente sua personalidade e impacto à interface do usuário:

• Animando sua interface do usuário
• Adicionando pesquisa
• Adicionando configurações de aplicativo
• Adicionando ajuda de aplicativo

Cause uma excelente primeira impressão:

• Trabalhando com blocos, selos e notificações do sistema
• Adicionando uma tela inicial

Tópicos relacionados

Planejando aplicativos da Windows Store

Orientações de design de aplicativo

Diretrizes de UX detalhadas para aplicativos da Windows Store