Have you any good examples where content on a web page doesn't look boxed in everywhere?

edit examples of what I want to avoid: enter image description here enter image description here

  • 2
    Can you add one or two screenshots to show us what layouts you're thinking of as boxed in?
    – Todd Sieling
    Sep 22 '11 at 5:25
  • this is a design issue, not UX IMHO. Mibbe migrate over to design?
    – colmcq
    Sep 22 '11 at 10:12

Use images with transparent/white background. Allow them to overlap with text and headlines (e.g., objects’ shadows should overlap image bounding box, for example). Make text flow dynamic, decorate additional information on margins (here is a nice example: http://www.artgorbunov.ru/projects/komandor-2/). Highlight important objects, make them big, subordinate unimportant ones.

For example, this is a simple text-image-text-image page, but it does not look boxed: http://www.artgorbunov.ru/projects/onetwotrip-identity/

There is another one, it uses geometric forms to break boxes of image boundaries: http://www.chancecar.ru/

Summing up, it would require a big amount of work to make page not look boxed, so it seems not possible to make site theme/template and apply it to all pages. Content becomes important and will hint you about appropriate form.

P.S. Also take a look at this demo :)

  • Thanks a lot for the examples, they do give a few ideas, but as you say, it looks like a lot of work.
    – Shawn
    Sep 22 '11 at 17:25

Tilt your grid. http://marielaurent.fr/


You have 2 options: Lines or big space between sections. BTW you should talk about your problem a little more, because could it be you need another kind of solution.


Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.