Windows Dev Center

Diretrizes para miniaturas

Essas diretrizes descrevem como usar imagens em miniatura para ajudar os usuários a visualizar arquivos à medida que eles navegam em seu aplicativo da Windows Store.

O meu aplicativo deve incluir miniaturas?

Se o seu aplicativo permitir que os usuários procurem arquivos, permita que os usuários visualizem esses arquivos com rapidez, exibindo imagens em miniatura.

Use miniaturas quando:

  • Exibir visualizações para muitos itens (como arquivos e pastas). Por exemplo, um aplicativo de galeria de fotos deve usar miniaturas para fornecer aos usuários uma pequena visualização de cada imagem à medida que eles procuram seus arquivos de fotos.

  • Exibir uma visualização para um item individual (como um arquivo). Por exemplo, o usuário pode querer ver mais informações sobre um arquivo, incluindo uma miniatura maior para melhor visualização, antes de decidir se abrir o arquivo.

O que fazer e o que não fazer

  • Especifique o modo de miniatura (picturesView, videosView, documentsView, musicView, listViewou singleItem) quando você chamar um método para recuperar miniaturas. Isso garante que as imagens em miniatura sejam otimizadas para exibir os tipos de arquivos que o usuário deseja ver.
  • Use o modo singleItem para recuperar uma miniatura para um único item, independentemente do tipo de arquivo. Os outros modos de miniatura (picturesView, videosView, documentsView, musicView e listView) devem exibir visualizações de vários arquivos.
  • Exiba imagens de espaço reservado genéricas em vez de miniaturas enquanto as miniaturas são carregadas. Usar espaços reservados desta forma faz com que seu aplicativo pareça mais responsivo, porque os usuários podem interagir com os itens antes que as imagens de visualização sejam carregadas.

    Uma imagem de espaço reservado deveria ser:

    • Específica ao item de item que ela representa. Por exemplo, pastas, imagens e vídeos devem ter todos seus próprios espaços reservados especializados que utilizam diferentes ícones, texto e/ou cores.
    • Do mesmo tamanho e taxa de proporção da imagem em miniatura que ela representa.
    • Exibida até que a imagem da miniatura seja carregada. Se uma miniatura não puder ser recuperada, exiba uma imagem de espaço reservado no lugar.
  • Use imagens de espaço reservado com rótulos de texto para representar grupos de pastas e de arquivos. Isso diferencia construções do sistema, como grupos de pastas e de arquivos de arquivos individuais. Uma distinção visual entre esses tipos de itens facilitará aos usuários que estão procurando com seu aplicativo. Certifique-se de incluir um rótulo de texto no espaço reservado que seja o nome da pasta ou os critérios que foram usados para formar o grupo de arquivos.
  • Se você não puder recuperar uma miniatura para um item (como um arquivo, pasta ou grupo de arquivos), exiba uma imagem de espaço reservado.
  • Exiba informações do arquivo, além de imagens em miniatura ao fornecer visualizações para arquivos de documento e de música. Isso permite que os usuários identifiquem informações-chave sobre um arquivo que podem não estar prontamente disponíveis de uma imagem em miniatura sozinha. Por exemplo, você pode exibir o nome do artista de um arquivo de música junto com uma miniatura mostrando a capa do álbum.
  • Não exiba informações adicionais do arquivo junto com as miniaturas para arquivos de imagem e de vídeo. Na maioria dos casos, uma imagem em miniatura é suficiente para os usuários procurarem pelas imagens e vídeos.

Diretrizes de uso adicional

Modos de miniatura recomendados e seus recursos

Exibir visualizações paraModos de miniaturaRecursos das imagens em miniatura recuperadas
Imagens
Vídeos
picturesView
videosView
Tamanho: Médio, preferencialmente pelo menos 190 (se o tamanho da imagem for 190 x 130)
Taxa de proporção: Taxa de proporção uniforme e ampla de cerca de 0,7 (190 x 130 se o tamanho for 190)
Recortado para visualizações
Ideal para alinhar imagens em uma grade, devido à taxa de proporção uniforme
Documentos
Música
documentsView
musicView
listView
Tamanho: Pequeno, preferencialmente pelo menos 40 x 40 pixels
Taxa de proporção: Taxa de proporção uniforme e quadrada
Ideal para visualização da capa do álbum devido à taxa de proporção quadrada
Os documentos têm a mesma aparência apresentada em uma janela do seletor de arquivos (usam os mesmos ícones)
Qualquer item simples
(independentemente do tipo de arquivo)
singleItem
Tamanho: Grande, pelo menos 256 pixels no lado mais longo
Taxa de proporção: Variável, usa a taxa de proporção original do arquivo

 

Dica  Os recursos de imagens em miniatura para diferentes modos podem ficar ainda mais específicos no futuro. Para responder a isso, recomendamos que você especifique o modo de miniatura que mais descreve os tipos de arquivos para os quais você deseja exibir visualizações. Por exemplo, se você desejar exibir arquivos de vídeo, deverá usar o modo de miniatura videosView (a menos que esteja exibindo um arquivo de vídeo simples; nesse caso, use o modo singleItem).

Por que usar os modos de miniatura recomendados?

Aqui estão exemplos mostrando como as imagens em miniatura recuperadas diferem dependendo do tipo de arquivo e do modo de miniatura.

Tipo de item

Quando recuperado usando:

Quando recuperado usando:

Quando recuperado usando:

Imagem

Uma imagem em miniatura de imagem.

A miniatura está recortada de acordo com uma taxa de proporção quadrada.

Uma imagem em miniatura de imagem recortada.

A imagem de miniatura usa a taxa de proporção original do arquivo.

Uma imagem em miniatura de imagem.

Vídeo

A miniatura tem um ícone que a diferencia de imagens.

Uma imagem em miniatura de vídeo com um adorno de vídeo.

A miniatura está recortada de acordo com uma taxa de proporção quadrada.

Uma imagem em miniatura de vídeo recortada.

A imagem de miniatura usa a taxa de proporção original do arquivo.

Uma imagem em miniatura de vídeo.

Música

A miniatura é um ícone em tela de fundo de tamanho apropriado. A cor de fundo é determinada pelo aplicativo associado ao arquivo. (Se o aplicativo associado for um aplicativo da Windows Store, a cor de fundo do aplicativo será utilizada.)

Uma captura de tela de um ícone para um arquivo de música que possui a cor do aplicativo associada em tela de fundo

Se o arquivo tiver capa do álbum, a miniatura será a capa do álbum. Caso contrário, a miniatura será um ícone em tela de fundo de tamanho apropriado. A cor de fundo é determinada pelo aplicativo associado ao arquivo. (Se o aplicativo associado for um aplicativo da Windows Store, a cor de fundo do aplicativo será utilizada.)

Uma imagem da capa do álbum.

Se o arquivo tiver capa do álbum, a miniatura será a capa do álbum e utilizará a taxa de proporção original do arquivo. Caso contrário, a miniatura será apenas um ícone.

Uma imagem da capa do álbum.

Documento

A miniatura é um ícone em tela de fundo de tamanho apropriado. A cor de fundo é determinada pelo aplicativo associado ao arquivo. (Se o aplicativo associado for um aplicativo da Windows Store, a cor de fundo do aplicativo será utilizada.)

Uma captura de tela de um ícone do documento que possui a cor do aplicativo associada em tela de fundo

A miniatura é um ícone em tela de fundo de tamanho apropriado. A cor de fundo é determinada pelo aplicativo associado ao arquivo. (Se o aplicativo associado for um aplicativo da Windows Store, a cor de fundo do aplicativo será utilizada.)

Uma captura de tela de um ícone do documento que possui a cor do aplicativo associada em tela de fundo é recuperada

A miniatura do documento, se existir.

Uma captura de tela da miniatura de um documento.

Caso contrário, a miniatura será um ícone.

Uma captura de tela de um ícone do documento

Pasta

Se houver um arquivo de imagem na pasta, a miniatura da imagem será utilizada.

Uma imagem em miniatura de imagem.

Se a pasta não contiver uma imagem, nenhuma miniatura será recuperada.

Nenhuma imagem em miniatura será recuperada.

A miniatura é um ícone que representa uma pasta.

Uma imagem do glifo da pasta

Grupo de arquivos

Se houver um arquivo de imagem entre os arquivos no grupo, a miniatura da imagem será utilizada.

Uma imagem em miniatura de imagem.

Se o grupo de arquivos não contiver uma imagem, nenhuma miniatura será recuperada.

Se houver um arquivo que tenha a capa do álbum entre os arquivos do grupo, a miniatura será a capa do álbum.

Uma imagem da capa do álbum.

Se não existir uma capa do álbum no grupo de arquivos, nenhuma miniatura será recuperada.

Se houver um arquivo que tenha a capa do álbum entre os arquivos do grupo, a miniatura será a capa do álbum e utilizará a taxa de proporção original do arquivo.

Uma imagem da capa do álbum.

Caso contrário, a miniatura será um ícone que representa um grupo de arquivos.

Uma imagem do ícone do grupo de arquivos.

 

Tópicos relacionados

ThumbnailMode enumeration
StorageItemThumbnail class
StorageFile.GetThumbnailAsync

 

 

Mostrar:
© 2015 Microsoft