Layout Flashcards
What must one do to achieve structure?
Structure doesn’t happen naturally
- Must be explicitly planned, designed
People will naturally try to find order and structure, even if none was intentionally designed
Gestalt principles are one powerful way to create structure
How do you create Structure by grouping of items?

How do you create structure using order of groups and items?

How dies hierarchy create structure?

How should text be aligned for text that needs to be read?

How should alignment and grouping (gestalt similarity, proximity) work to create structure?

How should one handle alignment of numbers for structure?

How should alignment work for controls?

How should single columns be alligned?

How should multiple columns be aligned?

How can grids be used to create structure?

What is the impact good visual design can have?

What is the layout recap?

In general, how does a Hierarchical layout work?

What is containment Hierarchy?

With regard to Hierarchy and Events, what is Bottom-up dispatch?

With regard to Hierarchy and Events, what is Top-down dispatch?

When should you use Bubbling vs Capturing?

What are the layout challenges?

What are the layout goals?

What are two broad approaches to maintian layout?
Manual
Automatic/dynamic
What is a manual or fixed layout?

What is dynamic layout?

What does Dynamic layout have applications in?
User interface design Document layout (eg, TeX)
Information visualization
What are example strategies for Dynamic Layout?
Intrinsic size
Variable intrinsic layout
Struts and springs
What is Intrinsic Size?
- Size of component is determined by the size of the children
- Ask each child for its desired size
- Grow component until it fits the sum of the sizes
- Common examples in interfaces?
What is intrinsic size?

What is variable intrinsic layout?

What are Struts and Springs?

What are the advantages and disadvantages for Struts and Springs?

What is Pagination / Responsive Design

What are layout managers?

What are examples of layout managers?

What is the second layout summary?
