-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (61 loc) · 8.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Research | Marta Kule</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i" rel="stylesheet">
</head>
<body>
<div class="bgimg-1">
<div class="title">
<h1>Photo Research in Publishing</h1>
<h1 class="subtitle">by Marta Kule</h1>
</div>
<p class="caption">Photo by <a href="https://unsplash.com/@anniespratt" target="_blank">Annie Spratt</a></p>
</div>
<div class="text">
<p>If you publish content, print or digital, you often need photos to go with your text. Picking pictures for my personal projects (like this site) doesn't feel much like research, but selecting illustrations for a college textbook can become quite a task. (If you'd rather read about photos for blogs, <a href="http://www.1dogwoof.com/10-tips-best-image-size-blog/" target="_blank">One Dog Woof</a> has some good advice.)</p>
<p>Where I work, in educational publishing, we need photos for most of our college and university textbooks: large, visually appealing images for chapter openers, and smaller, informative pictures to illustrate content throughout the text. Usually junior staff will receive the text of the book that needs new images and will present a few different options for each spot that editors will choose from. We do that only for the inside of the book, though – it's the graphic designers who pick the cover picture.</p>
<p>For a textbook, the criteria of photo selection are narrowly defined. A chapter opener has to illustrate the general concept of the whole chapter, so it can’t be too specific but not too broad either. For example, what photo would you choose to open a chapter on issues and trends in professional communication? (The photo below is what we picked.)</p>
<p>If a textbook has 16 or 19 chapters, and each needs an opener and a bunch of smaller photos in the text, all meeting the strict criteria, that’s where the research begins.</p>
</div>
<div class="bgimg-2">
<p class="caption">Chapter opener for Issues and Trends in Professional Communication | Photo by <a href="https://unsplash.com/@madbyte" target="_blank">Vladimir Kudinov</a></p>
</div>
<div class="text">
<h2>Where to Get Photos?</h2>
<p>Some images in textbooks come from specialized databases, like a portrait of a specific person for a history book or a cell cross-section for a biology text. However, for most textbook illustrations, website backgrounds, or blog post, <a href="https://en.wikipedia.org/wiki/Stock_photography" target="_blank">stock photos</a> will do.</p>
<p>There are some good free photo collections on the web, the most popular being <a href="https://unsplash.com" target="blank">Unsplash</a> — that’s where many pictures on this site come from (links in captions). This <a href="https://bootstrapbay.com/blog/free-stock-photos/" target="blank">article</a> from Bootstrap Bay lists the best destinations for spectacular free images to use in your desing. While Unsplash-type images are perfect for most websites, they are often too cool for a textbook. That’s where paid stock photos come in handy: from cheaper but lower quality, like <a href="https://www.dreamstime.com" target="_blank">Dreamstime</a> or <a href="http://www.thinkstockphotos.com" target="_blank">ThinkStock</a>, to pricier but better, like <a href="http://www.gettyimages.com" target="_blank">Getty</a> or <a href="http://www.alamy.com" target="_blank">Alamy</a>.</p>
</div>
<div class="bgimg-3">
<p class="caption">NASA has a a collection of royalty-free photos on Unsplash | Photo by <a href="https://unsplash.com/@nasa" target="_blank">NASA</a></p>
</div>
<div class="text">
<h2>How Should the Photos Look?</h2>
<p>High resolution is a given in print, and all of the stock photo websites do provide large images. It's different on the web, where loading time is important, so you have to balance out the quality of the photo and its file size. In jpg, the fewer colour changes in a photo the smaller size at the same quality. For example: the astronaut photo above is only 34 kB (all the black background), compared to 143 kB that the complex office building photo (above the astronaut) takes up. (Further reading: Expert opinion on big photos for the web from <a href="https://www.webmalama.com/the-best-full-screen-background-image-sizes-for-web-design/" target="_blank">Aaron Brown</a>.)</p>
</div>
<div class="bgimg-4">
<p class="caption">Vibrant colours make up for low contrast | Photo by <a href="https://www.pexels.com/photo/pink-green-and-purple-flowers-during-daytime-101472/" target="blank">Valeria Boltneva</a></p>
</div>
<div class="text">
<h2></h2>
<p>In textbook publishing, we generally don’t like blurry photos, including Instagram-style filters and those dreamy pictures with sunlight flashes or glare on windows. Another thing you won’t have to worry about on the web but might in print is black-and-white photos. A lot of books are still published in one colour, so when you pick pictures for them, make sure that what looks super vibrant in full colour (picture above) doesn’t turn into a grey blob in grayscale due to low contrast, like in the example below.</p>
</div>
<div class="bgimg-5">
<p class="caption">Imagine this picture not on a bright screen but on regular, greyish book paper.</p>
</div>
<div class="text">
<h2>What to Avoid?</h2>
<p>Depending on the purpose of your work, you might have to be careful about the content of the photos you select, in print or online. For example, university and college textbooks don’t want to promote alcohol consumption among students, so for a photo of a celebration we wouldn’t go for people clinking glasses of champagne but rather shaking hands, hugging, or clapping.</p>
<p>Another big no-no for most pictures is looking fake. As you browse through stock photos, you’ll notice that so many of them look extremely staged and posed, with models either grinning regardless of circumstances or forcing unconvincing face expressions. A lot of stock photos will make you cringe. So the big challenge is to find those that look as if they were taken in a real-life situation.</p>
<p>Let’s say I'm looking for a photo to show teamwork in an office environment. If it's for a textbook, it can't be <em>too</em> cool, so I'd have to wade through paid stock photo collections with gems such as <a href="http://www.istockphoto.com/photo/business-meeting-in-office-gm484163994-71091595" target="blank">hands pointing at turned off tablets</a> or <a href="http://www.istockphoto.com/photo/team-building-at-the-work-place-gm178608173-24909076" target="blank">an awkward group high-five</a>. I've discovered that the free photo collections have much better shots of people at work looking focused and natural. However, the majority of those people look like the creative, designer crowd, so they're not the easiest source for illustrating the conventional corporate environment. The photo below, from Unsplash, looked corporate enough, though, to make it to one of our business communication textbooks.</p>
</div>
<div class="bgimg-6">
<p class="caption">You can see the laptops are on, but the content is conveniently blurred | Photo by <a href="https://unsplash.com/@helloquence" target="_blank">Helloquence</a></p>
</div>
<div class="text">
<h2>Creative Input</h2>
<p>Photo research is by far my favourite thing to do at work. It's so much fun to scroll through hundreds of pictures and think up themes and associations, until you find the best candidates for the given title. It's pleasant to the eye and inspiring – as Bob Martin says in <i> The Clean Coder</i>, "creative output depends on creative input," so the more you've seen, the easier you'll come up with ideas for other projects, like I did with this website. (I probably spent more time selecting these photos and experimenting with their file sizes than I did writing the text.) Check out the free galleries. Maybe you'll find a perfect picture for your work. Just remember to credit the authors. Good luck, and have fun!</p>
</div>
</body>