Teknik Penyuntingan Foto dan Desain Grafis WebLokakarya Pelatihan Penulisan Jurnalistik dan Pengelolaan Portal Website Kementerian Luar Negeri RIBandung, 1-4 Juni 2010
OlehCoky
Fauzi Alfi
�
Photos: Web or Print ?
Web Print
Graphics Type
Resolution
Color Mode
File Format
Raster Vector
RGB CMYK
ppi dpi
GIF, PNG, JPG TIFF, EPS, BMP
�
Resolution
Dots per inch (dpi) for printed output
Samples per inch (spi) for scanned input
Pixels per inch (ppi) for images viewed on a computer display
�
Resolution in Monitors
800 x 6001024 x 7681920 x 1440
> 54 ppi> 72 ppi> 133 ppi
Pixel per InchResolution
�
File Format for Web
GIF JPG PNGProduce smaller files256 different colors max.Lossless compressionSharpness in original imageTransparentAnimatedPoor in gradations of color and drop shadow
••••
•••
Compression/qualityThe file sizes can be very smallGradients and soft edges look goodDon’t support animation and transparency
••
•
•
20 % smaller than GIF16.7 million color imagesFaster and better than GIFDon’t support animation and transparency
••••
1�
Phase 1: Definition
Understanding site goalsGathering user needs and wants
Building a project plan
1�
Phase 2: Design
Creating the blueprint for the siteDesigning a plan for each page
Implementing user testingPutting together a content plan
Establishing “look-n-feel”Getting input from a focus group
��
Phase 3: Development
Producing final Web graphicsContent development
Media developmentHolding it all together with HTML
Databases and programming
��
Phase 5: Maintenance
Check broken link and pagesCheck an error script
Update and backup archieves
��
Sugesstions
Choosing the issuesCreating a dialog with audienceLayout with gridFollowing the latest trend
��
Exercise: Wireframe
Beranda
Tentang Kemlu Berita dan Agenda Kedutaan / Konsulat Kebijakan Karir Galeri Arsip
Sorotan Media
Siaran Pers
Pelayanan Publik
Tips
Kontak Kami
FAQ
Links
Top Related