6/18/2014 6:29:00 PM

1

I. Digital Publishing
Publishing: the process of production and dissemination of
literature or information the activity of making information
available to the public
Electronic: the format and method used to produce and
distribute information or message
Digital Publishing: is the digital production or publication of e-
books, EPUBS, digital magazines, and the development of digital
libraries and catalogues
II. Pros and Cons of Traditional Media
Advantages
o Visually appealing
o Tangible and durable
o Higher perceived value
o Technology not required
o Accepted norm
o Valuable and certifiable
o Collectible
o Requires no power source
Disadvantages
o Books are expensive
o Requires a publisher
o Costly
o High printing cost
o No multimedia
o Limited copies
o Storage
III. Pros and Cons of Electronic Publishing
Advantages
o Visually appealing with media
o Speed and searchable
o Non-linear and interactive
o Lower cost of republishing
o Accessibility/distribution
o Links to other information
o Save time and storage
o Publishers keep rights (the publisher is the author)
Disadvantages
2

o Requires devices
o Technological Knowledge
o Multiplicity of Platforms
o Perishable citation
o Technically challenging
o Format/readers
o Theft (easy to steal off the internet)
o Cost of software (Adobe is expensive. There is free
software, but its not industry standard.)
IV. Business Models
Digital Distribution Platform: download or free view service
providers
o iTunes, iBooks, Newstand
o App Store
o Google Play
o Netflix
o Games for Windows-Live
o Xbox-Live
o Flipboard, Issuu
Online Advertising
o Email
o Websites/Portals
o Search Engines
o Community Sites
o Social Media Sites
Open Access
o Freeware Websites
o Creative Commons
o Libraries
o Universities
o Institutions and Archives
Print on Demand
Pay Per View
o HBO Pay Per View
o Digital magazines
Subscription
o Magazines
Self-Publishing
3

o Personal website/blog
o Wiki
IV. Format Media
Traditional
o Email, HTML
o CD ROMS, USBs
o Magnetic Tapes
o SD Cards
o Epub, MOBI, Folio (Adobe files)
o PDF, PPT
o SWF, MP3, OGV
V. New Media
Blogs, Web Publishing
Collaborative Software
File Sharing (torrents)
Mobile Apps
Podcasts
Enhanced Publications/Databases
VI. Benefits & Stats
Benefits
o For Readers: easier and greater access, quick delivery,
enormous navigational freedom, among linked documents
o For Libraries: reduced paper processing, shelving, no re-
shelving, no binding, no storing, no risk of damage and
loss
o For publishers: enlarged audience, simplified editorial tasks
History
o 1970s: Project Gutenberg
o 1980s: CD Era
o 1990s: First e-books




Appreciation, Design Principles and Publishing
Process 6/18/2014 6:29:00 PM
4

I. Appreciating Examples
Disc Based
o CD/DVD ROM (Encarta Encyclopedia, Digital yearbooks,
etc.sd)
o Mini Discs (Corporate profiles, etc.)
o SD Cards (Press kits, etc.)
Web-Based
o Blogs
o Portfolios
o Catalogs
o Social Media
o Events/Promotions (for parties, big gatherings, no need to
print anything)
o Online Magazines (not downloadable, but you can browse)
Mobile
o iBooks
o Newsstand
o Web Apps
Web Apps vs. Mobile Apps: Web Apps cant be
accessed offline. They just keep on loading whenever
you open it. Mobile Apps can be accessed offline.
o PDFs
Output for the midterm exam (PDF magazine)
II. Design Principles
1. Pixel Resolutions
o Pixel: Picture + Element
Pixels are tiny squares that combine to form the
image the human eye perceives
Too small for the human eye to distinguish
Each pixel displays one color
o Resolution: number of pixels in an image
More pixels = higher resolution
Measured in ppi (pixels per inch) or dpi (dots per
inch)
2. Monitor Resolutions
o The higher the resolution, the better the quality.
5

o The higher the resolution, the more memory it takes up
and the longer it takes to download when viewed on the
web.
o Most computer displays are 72ppi.
o Saving an image at a higher ppi will only waste memory,
increase download time, and will not be displayed at a
higher resolution.
3. Image Types
o Painting
Creating images using pixels
Photoshop is a painting program
Primarily used for photo editing and enhancement
File formats:
JPEG (Joint Photographic Experts Group); Used
for photographs (high res) and web (low res)
Supports 16 million colors
Compresses an image every time it is
saved by throwing out subtle color
changes (lossy compression)
Good practice to keep an original in case
the image degrades below quality
standards
Compression can be adjusted in this file
type
GIF (Graphic Interchange Format)
Efficiently compresses files
Only 256 colors
Best for images that have large areas of
the same colors: cartoons, logos, etc.
Lossless compression: compression
without loss of quality
Used when an image has transparent
parts
Can be animated
PNG (Portable Network Graphics)
Was designed to replace the gif and jpeg
(for digital purposes)
6

Supported by some web browsers and is
the native file type for Fireworks
Compresses without loss of image quality
and supports 16 million colors
BMP (Bitmap)
Not usually used on the web
Used in Paint
TIFF or TIF
Large file sizes: too large for digital
purposes
Can be used in print
Not compressed
PSD
Photoshops working format
o Drawing
Create images using mathematically defined lines
and curves (Vector Graphics)
Illustrator is a drawing (vector) program
Can scale infinitely without loss of quality
Vector Graphics: can be converted to other types of
graphics
File Types: ai, fla, wmf, eps, cdr
4. File Compression
o The process of reducing the file size of an image
o Often required in digital media to decrease load times
o Lossless: reduces the file size of an image without losing
any pixel information
o Lossy: reduces the file size of an image by removing pixels
that are not essential
o Greater compression: quality loss
5. Basic Design Principles
o Repetition: repeating parts of the design throughout the
project
Elements: fonts, colors, etc.
Master Elements: theres a master page that carries
all the repeating elements
o Contrast
Some elements are created different from the rest
7

Creates a focal point, adds visual interest
Must be used sparingly and for elements you want to
emphasize
o Proximity
Grouping related elements together
Helps create whitespace: a part of the project that is
not taken up by images, text or other elements
(allows the eye to rest, does not have to be white)
o Perspective: creates depth and viewing angle
Linear perspective: the close an element is in an
image, the larger it is
6. Color Theory
o Color models: additive and subtractive
o Additive
Light is added from the source in order to see the
color (hence the name additive color)
RGB: default for class
o Subtractive
CYMK: how we see color naturally and how printing
colors are mixed
Light reflects off of objects and some of the color is
absorbed or subtracted. We only see the colored light
waves that are reflected
o Color Wheel
Primary Colors
Complimentary Colors
Split Complimentary: three color palette; uses one of
the colors on the wheel and two adjacent colors of its
compliment
o
7. Typography and Fonts
o Font Typefaces
Sans-Serifs: Best for reading online material because
its hard to read words with a tail
Serifs: Best for reading material on print
Slab-Serifs: Boxy
Script Fonts
Monospaced
8

Display Fonts
o Common Styles
Condensed
Regular
Black
Italic
Bold Italic
Bold


6/18/2014 6:29:00 PM
9


6/18/2014 6:29:00 PM
10