Ficha 02 · Plataformas, UI e workflow

Parte I · Plataformas

Exercício 1 · Proporção (15 pts)

Indica a proporção/dimensão adequada:

a) Story de Instagram. ___

b) Thumbnail de YouTube. ___

c) Imagem de pré-visualização de link partilhado (Open Graph). ___

Exercício 2 · Safe area (10 pts)

O que é a "safe area" numa imagem para redes sociais e porque deves respeitá-la?

Parte II · Assets UI

Exercício 3 · Densidades (15 pts)

a) Porque é preciso exportar @1x, @2x, @3x para uma app? (8 pts)

b) Quando é melhor usar SVG em vez destas variantes? (7 pts)

Exercício 4 · Nomenclatura (10 pts)

Critica e melhora estes nomes de assets exportados: Sem título-1.png, final2 (cópia).jpg, IMG_3921.png

Parte III · Workflow

Exercício 5 · Fluxo (15 pts)

Ordena o workflow de produção de assets (1 a 6):

• ___ Otimizar/comprimir
• ___ Preservar o mestre em alta qualidade
• ___ Exportar versão por destino
• ___ Testar em ecrã real e medir peso
• ___ Definir destinos e requisitos
• ___ Organizar e nomear

Exercício 6 · Medir (10 pts)

Que ferramenta usarias para verificar o peso real de uma imagem transferida numa página e como?

Parte IV · Cenário

Exercício 7 · Produzir para vários destinos (25 pts)

Tens uma fotografia mestre (6000×4000 px, TIFF). Tens de a entregar para: (a) banner do site (1600 px largura, HiDPI), (b) post quadrado de Instagram, (c) thumbnail e (d) anexo leve de email.

Descreve o que produzes para cada (formato, dimensão, cuidados).