resoluÇÃo da imagem o espaçamento dos pixels em uma imagem determina a sua resolução, medida em...
TRANSCRIPT
![Page 1: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/1.jpg)
RESOLUÇÃO DA IMAGEMO espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por polegada (dots per inch - dpi).
![Page 2: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/2.jpg)
Pixel
✤ Uma imagem composta por pixels só será reproduzida corretamente em um determinado tamanho.
![Page 3: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/3.jpg)
Vetor
✤ Como vetores são um processo matemático, eles podem ser ampliados infinitamente sem perda de qualidade ou resolução.
![Page 4: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/4.jpg)
Layout
✤ É o arranjo dos elementos do design em relação ao espaço que ocupam. É o posicionamento dos elementos em uma página.
✤ Com um bom layout, podemos navegar por informações bastante complexas tanto na mídia impressa quanto na eletrônica.
![Page 5: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/5.jpg)
Grid
✤ A disposição dos vários elementos no layout é orientada por um grid, que permite o posicionamento rápido e preciso de itens proporcionando maior identidade visual.
![Page 6: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/6.jpg)
Faça seu grid
✤
![Page 7: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/7.jpg)
![Page 8: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/8.jpg)
![Page 9: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/9.jpg)
![Page 10: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/10.jpg)
Fontes
✤ A tipografia pode produzir um efeito neutro ou despertar paixões, simbolizar movimentos artísticos, políticos ou filosóficos ou exprimir a personalidade de uma pessoa ou organização.
✤ Fontes variam desde formas claras e distinguíveis de fácil leitura, adequadas para grandes quantidades de texto, até fontes visualmente mais fortes e atraentes usadas na arte e em anúncios publicitários.
✤ A escolha da fonte é influenciada pelo gosto, estilo e preferências do designer, assim como pelas tendências atuais.
![Page 11: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/11.jpg)
Corpo
✤ É o tamanho vertical de um caractere. Corpos para leitura costumam ter entre 8 pt e 14 pt, e o uso de diferentes corpos no mesmo texto indica uma hierarquia de importância, uma vez que o tamanho influencia o que é lido primeiro.
✤ CAIXA ALTA x caixa baixa
![Page 12: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/12.jpg)
Kerning e Entrelinha
✤ Diz respeito ao espaço entre duas letras. Certas combinações têm muito espaço entre elas, o que pode dificultar a leitura de algumas palavras. Esse excesso é reduzido pelo kerning.
![Page 13: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/13.jpg)
✤ Se o texto for configurado sem entrelinha (sem espaços adicionais), haverá certa quantidade de espaço em branco acima e abaixo do texto para facilitar a leitura. É expressa em pontos.
✤ A entrelinha funciona juntamente com a largura. Isto é, dois textos compostos da mesma forma (mesma entrelinha, fonte e corpo) terão ma aparência diferente se configurados em colunas de larguras diferentes.
![Page 14: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/14.jpg)
Hifenização, justificação e espacejamento entre letras
✤ Se o texto em uma coluna for alinhado à esquerda ou à direita, haverá um espaço fixo entre cada palavra e o lado oposto ficará desalinhado. Um texto justificado tem os dois lados da coluna perfeitamente alinhados.
![Page 15: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/15.jpg)
![Page 16: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/16.jpg)
Respiro e harmonia
✤ Os textos na web geralmente são mais curtos que na mídia impressa, então podemos dar uma atenção especial para eles.
✤ Para sites, é recomendável o alinhamento a um dos lados, ao invés de justificação. O uso de hífens não é aconselhado nesta mídia.
![Page 17: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/17.jpg)
Links de fontes
✤ www.urbanfonts.com
✤ www.1001fonts.com
✤ new.myfonts.com
✤ new.myfonts.com/WhatTheFont
✤ flowingdata.com/2010/01/29/save-pens-use-garamond-font/
![Page 18: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/18.jpg)
Estilos de fonte
![Page 19: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/19.jpg)
![Page 20: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/20.jpg)
![Page 21: RESOLUÇÃO DA IMAGEM O espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por](https://reader031.vdocuments.pub/reader031/viewer/2022020716/552fc15f497959413d8e6a44/html5/thumbnails/21.jpg)
Mãos à obra > livro de artista
✤ www.youtube.com/watch?v=uUo4NbPtbPU&fmt=18