Skip to topic | Skip to bottom
Home

Tesi
Tesi.TallLayoutsr1.4 - 17 Oct 2007 - 16:21 - JacopoDeCesaretopic end

Start of topic | Skip to actions

Tall layouts

Layout gallery

layout name graphic example
horizontal horizontal.png
lines lines.png
vertical vertical.png
columns columns.png
tabular tabular.png
checked checked.png
bordure border.png
cross cross.png
saltire saltire.png
circle circle.png
star star.PNG
random random.PNG
triangle triangle.PNG

  • we probably need also a overlap layout that allocates the same space for all objects, such allowing, for example, an svg image behind some fo text; probably, this should not be one of the layouts to try when the user does not specify anything
  • the grey areas represents the "external fragmentation", i.e. the areas where no content will be placed; beside this, there can be also an "internal fragmentation" due to the content not fitting exactly the space allocated for them
  • in the images for the table-like layouts all the cells have equal width and height, but this is not true in the general case (it was just easier to make the drawing like that)

Layout characteristics

  • number of objects thay can accomodate:
    • some layouts have no constraints (for example vertical, horizontal)
    • some have a minimum number of objects (a circle with less than 3-5 objects is not very round!)
    • some have a constraint on the exact number of objects (saltire needs 4*N + 1 objects, with N >= 1, bordure needs 2*N + 2*M, with N,M >=2)
  • tightness or looseness: tabular and checked can be applied to the same number of objects, but the former produces a tight output, the latter a looser one; from another point of view, a tight layout could be used if we just have a little space, while a looser one can be appropriate if we want to occupy a bigger space

name minimun number of objects number of objects important positions
horizontal - - left
lines - - top
vertical - - top
columns - - left
tabular - - top
triangle 3 - top
star 5 - center
checked - - top
bordure 8 2*N + 2*M, N,M >=2 top
cross 5 - center
saltire 5 4*N + 1, N >= 1 center
circle 4 - top
random - - -

Layout evaluation

Parameters that can be taken into account in order to evaluate a possible layout:

  • how many low-importance objects have been discarded (for example, because there were 5 objects and we were trying to use a 2x2 tabular layout)
  • correspondence between high-importance objects and high-important positions in the layout
  • how much the objects have to shrink or stretch to fit in the allocated space
  • amount of internal fragmentation

Layout graph

LayouGraph.PNG
to top

Copyright © 1999-2019 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Fabio's Wiki? Send feedback