︎Back to Word & Image 3
Fall 2020 ︎ SUNY Purchase ︎︎︎ (DES3510) Word & Image 3

GRid sigils








Background

For this project, you’ll use a limited grid to create a related set of symbols and a document which will display them.

The goals of this project are manifold. In a practical sense, the intention is to get the class started with, what should be a high enough volume of content that you can de-couple yourself from intellectualizing things too much, and just make. The other practical goal is that you will apply some skills that are applicable to designing logos here as well as organizing those logo-adjacent outcomes in a document and start thinking about the system of that organization.

On a more conceptual level, I want y’all to consider experientially what Michael Beirut talks about in the above video, and what Moebius talks about in this video and hold both of these ideas together. The ideas being, first that, the actual visuals, while they should be considered and skillfully executed, do not “matter.” It is how the power of said symbol is applied through other ephemera, branding and marketing; your idea does not need to be a clever graphic design joke (not that there’s necessarily anything wrong with that). The second point of consideration; start from anywhere. Your experience, skill, and intuition will guide you even if the starting point felt artificial or random.

Requirements

  • You must make 50 (separate and distinct) symbols
  • (you must output each symbol as a separate .PNG file, each .PNG should be at least 1000px by 1000px).
  • Those symbols must be arranged and contextualized in a document. That document must be a .PDF
  • See below examples, but the contextualizing .PDF should not simply be the symbols laid out. You can create a cover page, show your process, scrapped versions, a journal of how you felt throughout, an explanation of your grid, waterfalls of symbols in different scales, patterns of different symbols.
  • The following typefaces are not allowed for your contextualizing document: Gill Sans, Futura, Helvetica, Gotham, or any default Windows system font or Mac system font.
  • Those symbols must be based on at minimum, a 5 ︎ 5 unit grid and at most 8 ︎ 8. (the grid units do not need to be square, if you have an issue with a non-square grid you want to talk with me about that’s fine).
  • Please note these grids do not have a unit of measure attached. 5 ︎ 5 does not mean 5 inches, or centimeters. The symbols should be meant with a consideration of them being super small or large. 
  • Your document can include color, and your system of symbols can incorporate color, but the symbols themselves cannot rely on color as a determinant of distinctness (ie a humanoid symbol with a red shirt, and a humanoid symbol with a blue shirt are the same symbol by the criteria of this assignment).

Final Submission

    • 50 distinct symbols saved as .PNG files, that are each at least 1000px ︎ 1000px and individually numbered.
    • A .PDF that organizes the symbols into a contextualizing document.
    • A folder with all process sketches/photographs/scans saved as .JPG or .PNG files.

No Shuriken Mode Challenges

(Please note that, doing these do not guarantee a better grade or extra credit by any fixed or demonstrable amount, but if you’re doing or approaching these things, you’re probably doing well. The point is that, like not using shurikens in Shadow Dancer, it is more difficult, and increases your proximity to the material. All this being said don’t hurt  yourself and consider your other assignments and mental and physical health. Additionally, if you are not feeling challenged by the class or an assignment, and these suggestions are not sufficient for you, please le me know.)
    • Make 100 symbols
    • Keep going with Fontstruct and make a font that accompanies your symbols and complements or relates to the grid system used in your symbols aesthetically.
    • Create some other kind of ephemera showing them in a context related to what you’re doing: shirts, totebags, coordinate with the class to make their Zoom background one of your symbols.
    • Make a theme song for your symbols.

Considerations

  • how do symbols relate to each other? ︎︎︎Some versions of symbols are based on writing an intention or idea that is translated to the “magic square” before it is aestheticized. This might be a helpful way of starting the process that is not representational. A common undergraduate design assignment is “document a collection” You might start by opening a junk drawer and “symbolizing” the objects therein.

  • time ︎︎︎Complexity is not quality, and is not necessarily what I’m looking for. Start simple and then review your progress.  Let the limitations of your grid determine the forms rather than trying to “squeeze” or force complexity into your grid. That being said, hopefully this goes without saying, but please do not simply arrange rectangles and triangles and ellipses.

  • distance/scale/readability︎︎︎The symbols should translate at a small scale and large. This is meant to be a “logo-adjacent” exercise, so consider the scale of a letterhead and if symbols were on a billboard. Take this into consideration for the complexity of the symbols as well as the composition of your .PDF. If you can’t print out a sample perhaps try viewing on your phone, or a TV.

  • you can totally re-use components of symbols ︎︎︎I mention Fontstruct as a possible starting place. A non-negligible part of type design is tasteful and sensitive copy and pasting. Look at what happens when shapes or components are flipped, rotated or “scaled” within the limitations of the grid. 

  • non-square grids/how individual grid units connect ︎︎︎ There are some examples below, but something that may help a “blockage” might be to consider how the individual grid units relate. Additionally, consider what happens when symbols are placed together. Does their apparent “meaning” change if they are next to each other, overlap. Do they connect? Are there multiple junctures for symbols to connect with each other.

  • It’s not the time to be overthinking stuff ︎︎︎We’re still early on in the semester, this project is meant to see where everyone is at. Just start making and make something as powerful as you can but don’t get paralyzed and if you find yourself stuck or slowing down in the symbol-making phase or the document-making phase at the very least identify what’s going on there (anxiety from a specific program or pool of knowledge, unfamiliarity with a process, etc.)

Relevant Dates

  • 08/31/2020 ︎︎︎Introduction!

  • 09/07/2020︎︎︎Progress!

    Submit at least 20 symbols for review.
  • 09/14/2020 ︎︎︎Critique!

  • 09/21/2020 ︎︎︎ Re-submit! 


Grading Criteria

    • All assignment criteria/requirements are fulfilled
    • Quality and consideration of your symbols.
    • Quality and consideration of your document.
    • Quality and thoughtfullness of language and concept that binds the symbols you made.

Process/Related Resources

    Here’s a short video using this tool. This is not meant to generate all your sigils for you, but as a good starting place or a way to not simply representatively or pictographically translate your ideas.

  • Creating Iconic forms in Adobe Illustrator︎
    This is “raw” and unedited, and you should know how to do these things already. This was meant for another intro-er level class that I teach however, seeing someone else in Illustrator may be helpful. It was meant to show how few of the tools in Illustrator you can use to achieve “professional” results. It also highlights some thinking behind the “iconization” process of using Illustrator. If you find this helpful please let me know I’m going to probably do an updated and edited version. TBH there are probably 1000 better tutorials on Illustrator.

  • Using Fontstruct︎


    Fontstruct is an online app to make modular fonts. It’s super quick and fun (to me) and outputs a “real” .ttf file. It uses a grid and prebuilt “bricks” that could be useful for this project.

  • Using Tiled︎
     
    This is a last minute addition I thought to add, but this is a tool called Tiled︎ that is used for game design. If you generate some art quickly, for the individual grid units, this is a good way to just start arranging and organizing them.

Examples/Resources

NASA Graphic Standards Manual︎

I’ve been prone to not be kind to Modernist design, but this is a really beautiful document with a really simple grid system (as in the layout not for the logo) from Richard Danne and Bruce Blackburn. It also shows a vast array of applications and ephemera, and guidance for how to apply the logo and standards outlined.

NYC Transit Authority Graphic Standards Manual︎
Another really great Modernist design object from Massimo Vignelli and Bob Noorda at Unimark. I think it’s great how it shows some pages with just a big symbol for the given train line. 

Icons for 2014 Cranbrook Graduate Degree Exhibition
Amy Nicole Schwartz individual icons for people Graduate Degree show. Amy Nicole created a set of symbols for each student, these were subsequently used in the accompanying book and signage as seen below. This is less for the aesthetic quality of the symbols, but the organizing principle is very simple but effective.

AIGA Dot Pictograms︎

These are the “Helvetica people”...or “bathroom people” you’re familiar with. Although they are so ubiquitous that’s it’s hard to truly like or hate them (for me) and some notions like gender have changed “around them”, it’s interesting to read about some of the reasoning behind their proliferation and evaluation.

ISOTYPE︎

These were developed a bit earlier and were used mainly as a way to represent data. They are dry but still charming in a way that is refreshing compared to the super ubiquitous AIGA symbols, also they are not trying to replace language, but to work alongside it. (Note that if you click the .pdf linked above, or look up stuff about it there is some raced-based stuff that just hasn’t aged well)

Glyphs Inc.︎
Prior to the AIGA pictograms mentioned above, Rudolph Modley (who worked with Otto Neurath on ISOTYPE) and Margaret Mead formed Glyphs Inc. as a contest with the United Nations to find a similar set of universal symbols. The results here a bit more charming and strange than the AIGA stuff.

“Hobo Code”
Presenting this here because, it’s interesting. But also because it involves elusive and innaccurate sets of histories that aren’t as monolithic as graphic design. The notion of using a symbol as your name and representation of your direction and intention also relates to sigils. Also one of my favorite composers, Harry Partch, was a hobo at one point, so there’s a weird romanticism to it.

The Lesser Key of Solomon︎
I’ve tried to “read” these books and similar ones like the Necronomicon, but never was able to get much out of the content, however these symbols are just super interesting. These are the supposed “true names” of these 72 demons. I’m not telling you need to do any chaos magick to succeed in this class, just presenting it as another non-design history related approach to symbolic forms.

Vodoun Veve︎
I found these while I was looking more into sigils and just found them super visually striking. They serve a similar purpose to sigils in that they are the seals/symbols of these loa or spirits.

Pha Yant (Thai Spirit Cloths)︎

I discovered these totally by accident on a deep tumblr adventure. Somehow eventually mentioned them to someone who did some kinda reverse language search and found them. I truly don’t know that much about them, but they often have these super geometric moments next to a picture of feet or something. Content warning if you click on the linked article there’s some sex stuff in there.

Kolam︎

These are drawings done in south and southeast Asia (India, Thailand) out of rice or colored powders that often have a floral look to them but sometimes have a more geometric look to them. Noting them here as another approach to how to connect and approac

Blissymbols/Blissymbolics︎
These were symbols Charles Bliss devised as a way to communicate with people that didn’t have a sound component or accompanying “sound-based” language. They were eventually used to help people with communication issues find an alternative mode of communicating.

NTT Docomo Emojis︎
These were the (second) set of emojis created for phones in 1999. These were based on a 12︎12 grid based on limitations of displays at the time.

Otl Aicher’s Olympic pictograms︎
The grids here are much denser than the ones suggested for this project, but you can see the grids here and how they influence the content. 

︎Back to Word & Image 3