mma100 – mma100-fall-2024

Weeks #8,9,10 & 11 – Info & Resources

Welcome back to MMA100!

Weeks #8, 9, 10 & 11

Here is this week’s useful information and class resources:

Please keep in mind, there is a lot to see here below, take your time through out each week to explore what is shared, if you have any questions or reactions please add them to the comments section. The comments section is helpful for extending our in class dialogs and gaining clarity by organizing your thoughts in a written format.

During weeks #8-11 we will take another class tour of Adobe Illustrator and get talking about Assignment #3

Let’s jump back in and start with some NYC Design History!!

Behold, the NYC Transit Authority Graphics Standards Manual. See below

Inspiration – The NYC Transit Authority Graphics Standard Manual

The link above will you take you to a page with an active full PDF version of the manual. If you wish, leave a comment at the bottom of this page after exploring the manual and answering the questions below (you can work on this outside of class over this week or next)

Designed by Massimo Vignelli and Bob Noorda, Unimark, 1970

(Read More on this at the bottom of the post)

Some Questions to ponder and react to:

What is your general feedback on the manual? Do you like it? Dislike it? Please Explain. Do you find it to be well designed, illustrated and clear in its application?

2. The manual was published in 1970. Does it still hold up for today’s world? Why or Why not?

3. What is missing or should be added for today’s world to help and expand the NYC Transit System?

4. What additional questions are you left with?

Video – Micheal Beruit from Pentagram Design discusses the manual here – Link to the video above – https://www.youtube.com/watch?v=Qg03z1H6cfA

Imagine being offered the opportunity to visually solve, design and illustrate the entire NYC transit system!? And then organize it into a concise application procedure? What goes into this process and research? How much does the designer charge for a project of such scale? Let’s discuss.

——————————————

**Style Guides, Branding Kits, Graphics Standards Manuals**

Here is another great free resource for Company Brand Manuals

Forward motion from Assignment #2 —> Assignment #3 –>

More Photoshop Masking Video Tutorials ->

Creating Layer Masks / Photo Composites – The video below is great example – click here or the image below to view it.

2. Double Expose Technique – Click here or the image below to get started

<———{ transmission snip }———–>

Color Theory!

Adobe’s awesome Color Wheel Simulator (must see)

GO HERE to Experiment

Several up and coming assignments will surely benefit from the use of understanding Color Theory and the Adobe Color Wheel!

*Above – Color Theory Continued -> GREAT RESOURCE – Must Read

*Above – Color Theory Continued -II >https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/

Let’s Talk about Adobe Illustrator!

During weeks #8-10 we will take a class tour of Adobe Illustrator and get talking about Assignment #3

You can also take an additional tour with Adobe Wizard – Terry White

10 Things Beginners Want To Know How To Do with Adobe Illustrator (subscribe to Terry’s Channel!)

Adobe has a great series of videos on their channel on YouTube:

Check this series with a focus on Illustrator

https://www.youtube.com/c/AdobeCreativeCloud/search?query=illustrator

Adobe Illustrator for Newbies – 2022

All the Tools Explained – Illustrator

Designer Inspiration :: You need to know Paul Rand

The NYC Transit Authority Graphics Standards Manual, designed by Massimo Vignelli and Bob Noorda of Unimark International in 1970, is a groundbreaking work of design that revolutionized how transit systems communicate with the public. This manual established the comprehensive visual identity for the New York City Subway, setting a new standard for graphic design in public spaces.

Key Features of the Manual:

Helvetica Typeface: The manual specified Helvetica, a modern, clean, and legible typeface, as the official font for all subway signage. Its neutral design ensured clarity and consistency.
Color-Coded System: It introduced a color-coded system for subway lines, making navigation easier. Each line was assigned a unique color, a feature still in use today.
Grid System: The manual established a precise grid for the design of signs, ensuring that all information was presented in a systematic and visually harmonious way.
Directional Clarity: The signage was designed to reduce confusion for riders by standardizing terminology and visual cues, such as arrows and placement of text.
Map Design: While the map itself has evolved, the principles outlined in the manual influenced the creation of the iconic 1972 Vignelli subway map. The map prioritized geometric simplicity and abstract representation over geographical accuracy.
Icons and Symbols: The manual included a system of universally recognizable symbols for facilities like restrooms, exits, and ticket counters, which contributed to a more accessible transit environment.

Historical Impact:

Modernist Legacy: The manual is a hallmark of modernist design philosophy, emphasizing function, simplicity, and order.
Global Influence: Its principles inspired other transit systems worldwide to adopt more user-friendly and systematic designs.
Preservation and Revival: In 2014, Jesse Reed and Hamish Smyth, designers at Pentagram, rediscovered the manual and launched a successful Kickstarter campaign to reissue it, bringing renewed attention to its historical and practical significance.

Why It Matters:

The NYC Transit Authority Graphics Standards Manual is more than a design document; it’s a blueprint for creating order out of chaos in one of the world’s busiest urban transit systems. Its influence extends beyond transportation, showcasing the power of design to improve daily life in complex environments.

Weeks #4-6 – Information / Resources

Welcome to MMA100 – Weeks #4-6!

We’re BACK!

Here is this week’s useful information and class resources:

We will continue working on assignments #1 & assignment #2 – Lots of great stuff to cover this week and next!

OK!

We continue to cover a lot of information as we began to get acclimated with Adobe photoshop, our Photoshop workspace and our first assignment, we also went over our class website structure again. I shared (and recorded) a video tutorial about our first assignment / project here in MMA 100. Did you find the video helpful (its placed on the Assignment #1 page).

Its time to move onto Assignment #2 this week!

**Did you add or submit your work in progress to our google drive folder? Remember, I would really like for you to keep your work in progress there as we can dialog about it together outside of our class time. The google-drive link is located on our brightspace course page (in the google drive folder, create a folder with your first and last name).

I would also like for you to e-mail me when complete each project or assignment. You can add the files to your folder in g-drive and then send me an e-mail to let me know – rseslow@bmcc.cuny.edu – I will then, leave a few comments on your work.

Design Resources to Explore:

https://www.designspiration.com/

I love everything they do. See for yourself below!

https://instagram.com/thechrisdo

The FUTUR – YouTube Channel

Video Inspiration – with Milton Glaser:

Who is Milton Glaser? You certainly already know some of his work!

Explore his website here – https://www.miltonglaser.com/

*** In the comments section below, add a few links and or statements about what is currently inspiring you, or what stands out and catches your interest this week! (not just with our class but in life in general!)

The vocabulary of design is an essential aspect of the design process and includes both elements and principles of design. Understanding these terms helps artists and designers to communicate effectively and ensure that their designs accurately deliver their intended message to the audience.

The elements of design refer to the building blocks that define the visual, including form, shape, line, color, texture, typography, and space. These elements can make a design successful when used correctly, and artists must learn the rules of applying them, which are known as the principles of design.

The elements and principles of design are the guidelines and rules that artists and designers use to create visual compositions. They provide a framework for using the elements of design to achieve the desired effect and deliver an intended message.

One aspect of design vocabulary that is often overlooked is typography. Typography includes elements such as ascenders, descenders, and baselines, which refer to the parts of letters that rise above or descend below the main body of the letter. Understanding these terms is crucial for creating effective typographic designs. (We shall cover and discuss soon)

Article on “Gestalt” – https://ux360.design/gestalt-principles-design/

Another aspect of design vocabulary is the Gestalt principles, which refer to the principles of perception that govern how people see and interpret visual elements. The five Gestalt principles are proximity, similarity, continuity, closure, and connectedness, and they help designers to understand how people process and make sense of visual information.

The Elements and Principles of design plays a crucial role in the design process and helps artists and designers to communicate effectively, use the elements of design correctly, and deliver their intended message to the audience. Understanding the elements and principles of design, as well as typography and the Gestalt principles, is essential for creating successful design work.

Weeks #1, 2 & 3- Welcome to MMA 100!

Welcome to MMA-100

Foundations of Digital Graphic Design!

Fall Semester 2024

Dear Students:

WELCOME!!

*Our Class Website Link – http://openlab.bmcc.cuny.edu/mma100-fall-2024

The link above is super important as that is where all of the course content will be published each week. I’m not a big fan of using blackboard – so only password sensitive things (like the shared google drive folder link) will be placed there. Only the minimum info needed will be placed there mainly as reminders. I will go over this in full during our 1st class.

*Our Class Website Link – http://openlab.bmcc.cuny.edu/mma100-fall-2024

The Class Structure – MMA100 will be taught in person synchronously.

There are 2 sections of this class that I will be teaching.

Section 1 meets on Wednesdays at 5:30pm – 9:10pm in room 706 (Fiterman building)

Section 2 meets on Thursdays at 10am – 1:40pm in room 706 (Fiterman building)

As per the CUNY academic calendar (please be aware of the cuny calendar for this semester)

Please attend the section that you are registered in only.

I am here to help you be the best that you can be in our course. And we are all here to do the same for each other. A big part of our class is learning new skills, being experimental with design and seeing how it forms a relationship with “how” you solve problems and revise them. We will cover the many tools that are available to us. (Adobe and beyond) We do quite a bit of the fun and creative work from our own personal work spaces as we integrate the class work into our lives.

Please know, I will screen record each and every class sessions “how-tos” and “assignment tutorials” for all assignments and share those videos here on our class website. (I said that twice, haha, just want you to know again) 🙂

The Class Website – Our class website takes place here on the BMCC OpenLab! You will soon discover that the OpenLab is a huge resource and regular source of inspiration!

If you have questions please don’t hesitate to reach out to me here – rseslow@bmcc.cuny.edu

Everything that we cover this semester will be posted and published to this website as a weekly blog post (much like this one) and as individual pages that host specific content (like assignments and their details). You will be asked to visit this website each week. At the bottom of each page and post there is a section for comments, please feel free to use it to ask any questions that you may have.

Weeks #1, 2 & 3 – Introductions, Assignment #1 Discussion –>

What is Graphic Design?
Design Solutions: Strategy, Concept, Design, Execution & Production
Exploring the Design Process.

Software skills this semester will focus on– Adobe Photoshop & Adobe Illustrator as well as a few other apps and non-conventional methods of image-making.

What is Graphic Design?

“Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form it takes can be physical or virtual and can include images, words, or graphics. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system. It can be intended for a small number of people, such as a one-off or limited-edition book or exhibition design, or can be seen by millions, as with the interlinked digital and physical content of an international news organization. It can also be for any purpose, whether commercial, educational, cultural, or political.” (Via – Juliette Cezzar)

*Watch this Video Definition – *Watch this Video Definition –

The History of Graphic Design – We will be exploring and referencing Design history in our class. Lets explore these two references below over the course of this week.

Design History.org – http://www.designhistory.org

Key Moments in Graphic Design / Timeline – https://www.thoughtco.com/key-moments-in-graphic-design-history-1697527

Lets talk a bit about assignments – Most assignments are broken down into 2-3 parts. For example, assignment #1 has 3 parts. For each assignment, I will be sharing a series of video tutorials during our class time. Each assignment has its own page with all of the details and specifications needed to work on, complete and submit the assignment. The Assignments page is here

Starting next class we are going to ease into assignment #1 with just a few easy tasks. Let’s check out the assignments page for that here.

Becoming familiar with terms and items like: “design briefs, project sheets and project specifications” are essential to the design industry. We will become familiar with this process and following a simulation like experience 🙂

We will discuss the progress and submissions process of your finished assignments and how to send and share them via google drive. We will discuss the maintaining of your files and data and how to keep it safe and easy to access.

Assignment Submission guidelines:

When your assignment / assignments have been completed please add them to our class google drive shared folder (the google drive link is located on Brightspace)

Please create a folder for yourself with your first and last name. And, please name your files with your name, assignment# & assignment status – here are a few Example file names – they may looks like this:

Ryan_Seslow_Assignment#2_progress.psd

Ryan_Seslow_Assignment#2_FInal.JPG

————————–

Tutorials – I will always share a few video tutorials each week that coincide with our assignments. This one below is about getting further acquainted with Photoshop – (Terry White is one of my favorite Adobe evangelists!)

Photoshop Basic: Tutorials

https://www.youtube.com/@Photoshop – Adobe Photoshop YouTube Channel

I’ll also share Designer Inspiration each week? Let’s be inspired and see Who’s Who in the field? There are so many great designers out there to follow these days! Each week, let’s showcase one and talk about how their work functions.

50 Graphic Designers We all Should Know About

Who is Aaron Draplin? Surely by now you have heard of Aaron Draplin?

———————————————————

Assignment #1 will introduce you to Adobe Photoshop, working with and finding images, and the Elements & Principles of Design, (vocabulary), thats the language of design.

(please note, there are several variations of these definitions that can be found across the web and through out the design world, its ok to mix and mingle variations from other sources to help expand your knowledge)

The Elements & Principles of Design are the governing vocabulary that define, illustrate and communicate how Graphic Design functions all around us. These terms are of great value and importance and should be understood and applied by designers.

The Elements & Principles of Design Vocabulary – <— click the link to view the PDF of vocabulary

Tag: mma100