What are some guiding design principles for laying out images in several paragraphs of text on a webpage?

In my particular case, there are two columns of text, and the images are proportioned and oriented like upright golden rectangles. They're roughly a third of a column in width. And they're just illustrative, as in a magazine; they're not figures that are referenced by the text:


  • This is a little difficult to answer but is really interesting. The problem is right now we'd have to postulate many, many different layouts to come up with something. Could you go into a little more specific like how many images you need to include and what type of outlines they have? The goal is the editorial / ad / page can also play a role in this.
    – Ryan
    Aug 21 '14 at 18:53
  • @Ryan, no particular outline, just the edge of the image. It's an informational webpage about a research lab.
    – Will
    Aug 21 '14 at 19:01
  • post some screenshots, even if you change the content to filler if you can't publish the real stuff. It'll be a lot easier to help you figure this out and offer advice that way.
    – Ryan
    Aug 21 '14 at 19:04
  • @Ryan, uploaded a screenshot.
    – Will
    Aug 21 '14 at 19:20
  • There's not a whole lot of control in this regard on the web. Some suggestions, though, would be, in general: don't set type in columns online (one column is usually preferred); don't force-justify text; provide sufficient margins around images.
    – DA01
    Aug 21 '14 at 23:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.