Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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

share|improve this question

migrated from ux.stackexchange.com Sep 22 '11 at 16:08

This question came from our site for user experience researchers and experts.

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
    
Thanks for the migration –  Shawn Sep 22 '11 at 17:13
    
@Todd good idea, thanks –  Shawn Sep 22 '11 at 17:24

3 Answers 3

up vote 3 down vote accepted

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 :)
http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php

share|improve this answer
    
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/

share|improve this answer

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.

Greetings!

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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