Blog Button

6 Specifications For Content

Figure 6.1

Figure 6-14:3 ratio screen.

 

 

 

 

Figure 6.2

Figure 6-216:9 ratio screen.

 

 

 

 

Figure 6.3

Figure 6-3Letterboxing; One method of fitting a16:9 HDTV video in a 4:3 Screen.

 

 

 

 

Figure 6.4

Figure 6-4Pan and Scan by cropping a 16:9 image onto a 4:3 screen (black area is off screen).

Figure 6.5

Figure 6-5Pillarboxing is placing the 4:3 video on a 16:9 screen without cropping.

Figure 6.6

Figure 6-6A 4:3 image stretched horizontally to fill a 16:9 screen.

Figure 6.7

Figure 6-74:3 image is zoomed in to fill the width of a 16:9 screen.

Figure 6.8

Figure 6-8Typical three-zone partition of the screen.

Figure 6.9

Figure 6-9Five-zone partition of the screen.

Figure 6.10

Figure 6-10Using four zones in an elevator POW network.
©2009 Captivate Networks.                            

Figure 6.11

Figure 6-11Ticker at the bottom of digital signage.
©2009 Rolls-Royce. Image courtesy of MediaTile.

Figure 6.12

Figure 6-12One can download this example by clicking on the thumbnail and then save image as to your local drive. It then can be applied to a 42-inch monitor to see the results for ½-inch to 2½-inch fonts at variable distances. (permission granted for personal download, not to be distributed)

Figure 6.13a

Figure 6-13aThe tails of sans-serif fonts tend to blur, except on high-definition monitors and in larger font sizes. One can download this example by clicking on the thumbnail and then save image as to your local drive. It then can applied it to a 42-inch monitor to see the results. (permission granted for personal download, not to be distributed)

Figure 6.13b

Figure 6-13bLooking closely at a 2-inch Times New Roman font, one can see the blurring effect.

.

Figure 6.13c

Figure 6-13c At 1 inch, Times New Roman has significant loss of its tail.

.

Figure 6.13d

Figure 6-13dAdobe Caslon Pro has less of a tail and holds up at 2 inches very well.

Figure 6.13e

Figure 6-13eAdobe Caslon Pro has less of a tail and seems to hold up even at 1 inch.

Figure 6.13f

Figure 6-13fArial, a sans-serif font, has no tail and no blur effect

.

Figure 6.14

Figure 6-14The world would be dull if we limited ourselves only to sans-serif fonts.
©2009 Zion National Bank. Image courtesy of MediaTile

.

Figure 6.15

Figure 6-15Bite-size text is easier to read and comprehend.

Figure 6.16

Figure 6-16The use of spacing, different font sizes, and caps can provide a hierarchy for the information, making it easier for viewers to digest.

Figure 6.17

Figure 6-17The serial position effect tells us that the order in which we see something has a direct affect on recall.

.

Figure 6.18a

Figure 6-18aText overlaid onto pictures makes it difficult to read.
©2009 Associated Press.

Figure 6.18b

Figure 6-18bPlacing text next to the picture makes it readable and frames the visual.
©2009 Associated Press.

Figure 6.19

Figure 6-19Common type of RGB color wheel chooser

.

Figure 6.20

Figure 6-20Using white on black rather than gray on black creates more contrast and makes text easier for the viewer to read.

Figure 6.21

Figure 6-21Use contrast when choosing text against backgrounds.

Figure 6.22

Figure 6-22Bulding blocks fo the RGB color wheel .

Figure 6.23

Figure 6-23Tertiary complementary color combinations are difficult to read

Figure 6.24

Figure 6-24Cultural references affect the use of color.