Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

In Design CC > Design with grids in In Design > Flashcards

Design with grids in In Design Flashcards

1
Q

How many columns + rows can you fit on 8.5 x 11” page?

How many columns can fit on half of your area?

A

8 columns

12 rows

6 sub-columns

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What does the size of the gutter correlate to?

A

Size of body text leading to develop grid fields which will give you flexiblity to change the layout based upon your grid

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is an ‘active corner’?

A

An active corner lives inside a grid field.

When you place an element on grid field you will place it at top left hand of your grid field

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What is grids important?

A
  • It provide the structure that underpins good design.
  • Your design will be better if you use a grid
  • They take the guesswork out of where to place content
  • Establish rhythm and hierarchy
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What do you set up once you establish margins, columns and layout grid?

A

Baseline grid

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is one of the challenges of the grid?

And the main reason we use them?

A

Grids impose constraints but gives us flexiblity.

Part of using grids well is knowing when to break them

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

When did grids developed?

A
  • As early at 20th century
  • Constructivism, De Stijl, Bauhaus, New Typography
  • After 2nd World War, 1950s, 60s, 70s
  • Josef Muller-Brockmann
  • Wim Crouwel
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How do you turn on baseline grids?

A

CTRL + ALT

View / grids + guides / show document grid

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What is document grid?

A

It is used when you design a chart but not for when you have established your own grid on a base line

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is one thing we want our layout grid to have?

A
  • Give us flexiblity of being able to size our images to different scales
  • Maintain their aspect ratio
  • Not have to do much cropping of those images
  • Easily accomediate a 1-1 or 3-4
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Why is baseline an incremented ruler?

A
  • We’ve used this number of 12
  • Everything about our paragraph needs to be based on 12 for those paragrahs that we want to be locked to baseline grid
  • Meaning leading value plus any space before, plus any space after needs to equal 12. Or multiple of 12.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What are some things you have to consider when you work with overlapping text or picture frames?

A

The amount of offset should equal baseline grid increment

You will need to ignore text-wrap

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What is going to ensure that the copy you copy will cut pasted onto layers it came from?

A

Paste remembers layers

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What do you use when you work with variety of objects?

A

Object styles

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What can simultaneously apply the format to the frame and content to the frame?

A

Object styles

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What do you have to match if you use serif and sans-serif together?

A

Match x-heights and cap heights of same size

17
Q

What is the first step in creating your grid?

A
  1. Create it through guides
  2. Layout / Create Guides
  3. CMD + OPT + ‘
  4. Grids + Guides: Hide, lock, snap, smart guides
18
Q

What is a common aspect ratio of Trade Paperback, Magazine, iPad or A4 when determing page size?

A
  • Trade Paperback is 2:3 as it is 6” x 9”
  • Magazine, iPad is 3:4 as it is 8 1/4” x 11”
  • A4 is 5:7
19
Q

How can you use common aspect ratios when you develop your layout?

A

You break the page down into common ratios of elements on page

For ex:

  • 4:6 (medium size vertical image)
  • 3:2 (smallest horizontal image)
  • 2:3 (smallest vertical image)
  • 6:4 (largest horizontal)
20
Q

How do you set up your baseline grid?

A
  • Preferences / Grids
  • Grids / Document Grid: Light Gray
  • Relative to: Top Margin
  • Increment Every: 12 points
  • Select Grids in Back
  • Align to grid: All lines
21
Q

What does it mean when you ‘ensure the text columns bottoms out’?

A

The text doesn’t have an orphan or widow

Margins and columns / Bottom: 6p5

22
Q

What are some potention problems you can have with baseline grid?

A

Grids / Relative to: top of page, margin

23
Q

What is one rule of thumb when you work with aspect ratio?

A

Control the aspect ratio of your type area

24
Q

What are some things to remember when you work with text wraps and grids?

A
  • It can wrap both ‘right and left’ sides
  • You can chose to ‘ignore text wraps’
  • You can apply text frame general options to the wrap
25
Q

What type of layers works well with grids?

A

Active corner, grid field, gutters, columns, row, type area, layout grid, text and pictures

26
Q

How do you combine object styles with grids?

A

Frame fitting options / Fill Frame Proportionally

Align From Center

27
Q

How can you use the GAP TOOL with grids?

A
  • It is the Nr. 4 tool
  • (looks like opening a gap)*
  • Frame Fitting Options / Auto-Fit
  • (If checked, content resizes as its frame resizes)*
28
Q

How can you use the grid in a powerful way?

A
  1. After you constructed 6-column grid, with rules
  2. Draw out 3 boxes, locked to 6-column grid
  3. Hold LMB+cmd + LEFT or RIGHT arrow
  4. Duplicate selection: shift + option + click + drag
  5. Fit frame proportionally
  6. Use paragraph styles
  7. Keep options / start paragraph in next frame
  8. Indents and spacing / last line indent
  9. Text frame baseline / use custom baseline grid
29
Q

How can you use the MAKEGRID script?

A

Scripts / MakeGrid.jsx

  • Type in Rows, Columns, Row Gutter, Column Gutter, Frame Type
  • Retain Formatting and Contents
  • Populate a grid with images for you
30
Q

What are some other handy tools when you use grids?

A

Guides & Pasteboard

Guide Options / “Snap to Zone”

31
Q

What type of functionality can you give guides?

A

hide, lock, snap, smart, delete all

32
Q

What are some options of using your rulers?

A

Right click on ruler

  • Ruler Per Spread
  • Ruler Per Page
  • Ruler On Spine
33
Q

You have 3 shapes and you want to distribute it evenly.

How can you do this?

A

Draw 3 shapes

Apply the spacing after you select Distribute Spacing

34
Q

How do you align text with different leading values?

A

Paragraph / Only Align First Line to Grid

Paragraphs and Spacing / Align to Grid: First Line Only

35
Q
A

In Design CC (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions