Arquivos de imagem de "fundo" (background) e galerias

Contexto

Nossos aplicativos começaram em 2011-2012, quase junto com o primeiro iPad. Naquela época, qualquer modelo de iPad tinha sempre 1024x768 (768x1024) e iPhone sempre 320x480. Como sempre foi suportada qualquer orientação (rotação), só 4 imagens resolviam qualquer "fundo".

Posteriormente, além do iPhone 5 que aumentou a tela, os tablets começaram a ganhar novos tamanhos, iPhone aumentou em largura e altura (modelos Plus), e começaram a surgir questões como as tela dividida (split view e slide over), tela dividida com rotação, rotação e teclado, etc.

Tecnicamente, hoje o aplicativo é 100% "responsivo". Existem iPads de 9,7", 10,3", 12,9" e diversas combinações envolvendo estes tamanhos, como tela dividida, teclado, rotação, entre outros. Na prática, nenhum número de imagens de fundo (background) resultaria em um bom visual. Em 2019, com o uso de computadores (Mac), o tamanho será ainda mais dinâmico.

Além de "fundo" (background) em diferentes contextos, o mesmo se aplica a "galerias" que são aplicadas e usadas na tela inicial (home) onde são exibidas as pastas inicias.

Compatibilidade

Por isso, passamos a sugerir cores + logos, e no máximo texturas (ou seja, imagens pequenas que servem para repetição, preenchendo tamanhos). Por exemplo, na tela de login, uma cor sólida com um logo centralizado resulta em um bom visual para qualquer orientação.

As imagens de fundo (background) seguem sendo suportadas: login, pastas e produtos, porém funcionam em uma forma de "compatibilidade": apenas se a tela tem as dimensões exatas dos primeiros aparelhos elas são usadas (um aparelho 9,7" com a tela dividida tem dimensões diferentes, por exemplo). Caso contrário, verifica-se a imagem como "textura" (repetição) se for pequena, ou em último caso usa-se apenas uma cor (RGB).

Exemplos

Nos exemplos, são exibidos alguns casos do aplicativo em um iPad Pro (10,5") utilizando o mecanismo de slide over, telas divididas em diferentes formatos/tamanhos, e tela inteira.