Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
c0MuNIcAçã0
DIGITAL I
VHSLKFTE.  .m

a

1' i I f C 'C' “
w ~ ~ 'a at - v v . 

'l' t. ' 7 . . - . -

VI L l í E í I J b b d? 

Impresso x Digita...
Masaíàããgíg@ x agawan.
(a IMPRESSO x DIGITAL V'

 

Controle total Controle limitado

Texto:  estabelecido peIo designer Texto:  pode ser mudado ...
RESoLUçoES DE TELA

6”Phone
480x854

8”Tabbt
1024x640

. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ....
RESOLUCóES DE TELA

l-caiav VISUElIIEI

000 . ..Mga .  luch

cn.  "ao E

ii?  A. .. g ummm f) nmn a . m amun 'g u.  ü lilp...
@a,  WEB SAFE AREA

 

Arquivo Ed: : Visualizar
I O I

'Im-J unu

C

ng! !!

Rum i louhi-mn r : u i.  i_ urncgn g in;  ,_ ...
Resoluçães (jan,  2016)

1366 x 768: 12.93 %

360 x 64011012 %

Omer:  43.07 era -xgl
u

|  ` Dil

l»  ~_`

«, _ ~ 1920 x1...
Uso dos Navegadores

Web Browser lvlarkei Snare View Month. ! “ends

Chrome

 

.  .3c ter / lblstats h
Sara” w oun mmgoa ...
'* .  . v

device screen width web site safe area

width height
iphone ponrait (320 px) 310 px 352 px
iphone landscape (48...
EXERClCIO

 

Refazer o layout de um dos sites dessa lista: 

http: //www. pinceIadasdaweb. com. br/ blog/2009/08/20/os-36...
Upcoming SlideShare
Loading in …5
×

(CDI) Aula03 - Impresso x Digital

288 views

Published on

Diferenças entre impressão e interface gráfica digital.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

(CDI) Aula03 - Impresso x Digital

  1. 1. c0MuNIcAçã0 DIGITAL I
  2. 2. VHSLKFTE. .m a 1' i I f C 'C' “ w ~ ~ 'a at - v v . 'l' t. ' 7 . . - . - VI L l í E í I J b b d? Impresso x Digital Resoluçães de TeIa 9 Web Safe Area Revisão dos Softwares de Edição Exercício fII
  3. 3. Masaíàããgíg@ x agawan.
  4. 4. (a IMPRESSO x DIGITAL V' Controle total Controle limitado Texto: estabelecido peIo designer Texto: pode ser mudado peIo usuário Cores: CMYK ou Spot Cores: RGB ou HEX Tamanho da página: fixo Tamanho da tela: flexível Navegação: paginação, seçães e tabulaçães Navegação: hyperlinks e menus Tamanho do arquivo: irrelevante Tamanho do arquivo: importantíssimo Testes: através de impressão de pdf's Testes: diferentes navegadores. Construção ClO ClOC: passível de erros Construção d0 dOC: erros podem afetar a usabilidade e o SEO (Search Engine Optimi- zation) Fonte: Iynda. com. Disponível em: <https: //helpx. adobe. com/ muse/ how-to/ muse-understanding- -print-web-design. htmI? set= muse--fundamentaIs--adobe-muse-workspace>
  5. 5. RESoLUçoES DE TELA 6”Phone 480x854 8”Tabbt 1024x640 . ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . L_ 13"Laptop 1366x768 . ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . . 4"Phone 320x569 5"Phone 360x640 . ... ... ... ... . . . 5”Phone Landscape 640x360
  6. 6. RESOLUCóES DE TELA l-caiav VISUElIIEI 000 . ..Mga . luch cn. "ao E ii? A. .. g ummm f) nmn a . m amun 'g u. ü lilpnllíunn nam. 'a p. .. g mgv a alt 'g ! cnundo amu-nau H gm- a «aap unu-meu i aaay: n. iam-gna h Ilvton i". umm . O. -- rman lwvqr-"S Google 5r=1=Il L gumaan-Abr» M Grral - í-I í! : . _ n- _j Q 'JDL-Dmnnwn | ma. . o Paupahan. a Busa:
  7. 7. @a, WEB SAFE AREA Arquivo Ed: : Visualizar I O I 'Im-J unu C ng! !! Rum i louhi-mn r : u i. i_ urncgn g in; ,_ Lnpminm m. .. d ogg; g ! ngra _i m; _gamayng _lv-mauuna g um . g iinfghnaWilnvlnzus d unfrywih 'vvlnvuglo b llvml p_ umm @C _ nr-*zi may. -< Google Far-y n n (ni raman 9 mm
  8. 8. Resoluçães (jan, 2016) 1366 x 768: 12.93 % 360 x 64011012 % Omer: 43.07 era -xgl u | ` Dil l» ~_` «, _ ~ 1920 x1080:914 w: 768 x 1024- 793 0/) ? ln j . I _ __ . - 375x667: 5.39 e2 1230 x 500: 5.07 m, `~ 320 x 568: 58 , ,a Fonte: Net Market Share. Disponível em: <http: //marketshare. hitslink. com/ >
  9. 9. Uso dos Navegadores Web Browser lvlarkei Snare View Month. ! “ends Chrome . .3c ter / lblstats h Sara” w oun mmgoa . pp Inzerner Explorer & Edge Firelox Oper a Fonte: W3Counter. Disponível em: <http: //www. w3counter. com/ gIoba| stats. php>
  10. 10. '* . . v device screen width web site safe area width height iphone ponrait (320 px) 310 px 352 px iphone landscape (480 px) 468 px 202 px ipnd portrait (768 px) 750 px 92o px ipad landscape (1024 px) 1010 px 660 px screen : 1024 px 989 px 548 px screen : 1152 px 1117 px 644 px screen : 1280 px 1245 px 58o px screen : 1360 px 1325 px 548 px screen : 1300 px 1331 px 548 px screen : 1440 px 1405 px 681] px screen : 1600 px 1565 px 680 px screen: 1680 px 1645 px 825 px screen : 1920 px 1885 px 855 px screen : 2560 px 2525 px 1220 p1 Fonte: Web Dimensions. Disponível em: <http: //www. websitedimensions. com/ >
  11. 11. EXERClCIO Refazer o layout de um dos sites dessa lista: http: //www. pinceIadasdaweb. com. br/ blog/2009/08/20/os-36-pio- res-sites-do-mundo/

×