Friday, August 25, 2006

Notes on new online design

The new online site design is now active, sort of. The rest of it will require work by College Publisher on Monday. I just spent the afternoon tweaking things so the page looks the way it should. Here are some notes and thoughts you all should think about:

  • When a photo is wider than it is deep it is HORIZONTAL. What we need for the top photo/story for each section is either a SQUARE or a VERTICAL. This is imperative because the width of images on the front page is so little that a horizontal will leave the online editor with no way to make the page look nice. Actually, verticals --except for the top photo-- give the online editor more flexibility. Photos for non-lead stories can be horizontal if you wish.
  • Online photos are small, so really tight cropping is needed to make them most viewable.
  • Don't forget photo captions. And don't make them too long.
  • The online photo does not have to be the same one that appears in the print edition. Think about what will look best in color and small.
  • I noticed that a lot of the online photos (and some of the ones in print) had pretty dark faces. Faces are the most important part of most photos. Here's what I do to get better photos when pre-pressing.
    1. Crop the photo first. From the IMAGE menu select Adjustments: Auto levels. This does a good job of correctiing color and will almost always result in a photo where the mid-tones (faces) are too dark. So,
    2. select IMAGES:Adjustment:Levels. Slide the middle triangle (midtones) to the left while watching the faces. Make them light, don't worry about the rest of the photograph.
    3. Size the photo.
    4. Often times for online photos that have been shrunk so much I find that applying the FILTER:Sharpen:Sharpen filter makes the photo... well, sharper.
  • And finally, here's a big tip: Online photos cannot be any wider than 6 inches (or 432 pixals). Three inches (or 216 pixals) is usually easier to work with, but with a really good horizontal you might want the lead photo attached to a story to be six inches wide. But the front page needs the photo to be smaller. So when you upload to the site, you can determine what the thumbnail size (which is used on the front page and section pages) by typing the pixal width into the thumbnail size box. Note: There are 72 pixals per inch.

    upload photos box
    Rosali, Eric and Tanya, this is different than what I've told you before about having to upload multiple sizes and then manipulating their placement.

    The lead photo must be 215 pixals wide (thumbnail won't work). The lead photo for the various sections can be bigger, but the thumbnail should be 125 pixals wide. The thumbnail for the Arts/Life/Amped section must be 275 pixals wide.
  • The main story for each section MUST have a photo. The main story for each section DOES NOT have to be the main one in the paper. Pick what works/looks best online.
  • Summaries must be short.
  • Headlines should not wrap to more than two lines. Be frugal with words.
  • I found at least one story online (the editorial) that did not have double-spacing between paragraphs.
  • The online editor is going to have to work on the summaries for your stories. Note that the tool we use automatically chooses the first one or two paragraphs of your stories for the summaries if you don't write one manually. Think about those paragraphs. If the reader sees only the first one or two paragraphs of your story does he/she know what the story is about? Is the reader attracted to read on? We'll talk more about this during critiques. Leads are perhaps the most important part of your stories.
  • We've GOT to have more sports stories. For each issue there should be something for football, cross country, water polo, men's soccer and women's soccer. I filled in the gaps a bit by posting some sports schedules, but that's wussy for every issue.


Post a Comment

<< Home