Agenda, week 5 align type to grid

This agenda provides a detailed outline to give a clear vision of the day’s class.

Category: Icon digital

    • Goals: Direct your audience’s attention
    • Objectives:  Understanding hierarchy

To-Do: before class

    • Post your homework
    • Prepare to describe your work in terms of graphic shape

Let’s chat

How are qualities different than criteria?
Add your answer to the chat

Topic

Proportion systems and grids

Goal: Create images that communicate
Objective: Create forms that signify essential qualities

Activities

Student logo analysis

Lecture

What is alignment?

Proportion systems: design precedents of grid design

gridded posters

more grids

Guide to using Grids

Activity

Alignment

Workshop: align dummy type to the grid

grids, proportion, and hierarchy

Align to the grid

Proportion

https://jamboard.google.com/d/1dnv61l2VC6Dg9iLPmsDI7-dKWx8XJKxYkmC17nCT_80/viewer?f=0

1  Use a grid, 5- or 3-column

                    •  golden ratio proportion (your 5-column grid) (image below)
                    • rule of thirds proportion (your 3-column grid)

2  Add dummy type to emphasize the grid
                we should have a sense of the grid, even when it is not showing

3  Use hierarchy to create a composition based on each proportion system                       •  use at least 3 levels of hierarchy
•  where do you place hierarchy to emphasize the grid?

Use alignment

Make sure your text is not centered
check that you do not have the same space above and below

Mass your white space
make sure you have a large group of white space

Review & critiques homework

Prepare

Design Influence due 10/8

1  Research 3 graphic designers whose work you admire

• Avoid designers that focus on one thing,
like only book covers, or illustration or photography.

•  Look to designers that have created varied solutions
•  We will use this information for several projects

•  Resource list:  Graphic Designer resource list

1  Create 3 pages on Padlet (padlet.com)

2  Note their name, location, and time period

3  Find 3 examples of their work

4  Present on Wednesday

 

Next week:

Preparation for hierarchy

How we see:

How we see: visual attention science. start at 2:50 – 9:30

https://www.linkedin.com/video/live/urn:li:ugcPost:6821094794379501568/

start at 3 minutes – 9.30 minutes

 

Due Next Class

https://openlab.citytech.cuny.edu/comd1200spring2022childers/2022/02/28/homework-assignment-due-3-2/

1  Influence presentation

2. Finalize icon
Upload to Miro and Comment

Preparation resources

Use negative space in logo design; https://www.youtube.com/watch?v=wzvJWWLTuEM

For reference, look at icons in The Noun Project for ideas https://store.thenounproject.com

Creating images in Illustrator: Adobe shape builder: (2 mins)  https://www.youtube.com/watch?v=BaXc3nU6ZNo

Icon reference: https://www.pinterest.com/sharp/icon-inspiration/?lp=true

Symbol reference: https://www.designspiration.net/search/saves/page/1/?q=icon%20symbol

Video: negative space logo design

Negative space logo   watch from 5 min

quick explanation to creating a logo

  illustrator Tools Tutorial
    •     Watch the first 3 features, the first 18 minutes
•     If necessary, review icons:   negative & NOT negative space icons

Leave a Reply