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
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