Refining Body Design

It is clear to me that printing my blocks flat on the print bed creates blocks that are the most successful to print with, however the issue of removing them easily from the bed once printed needs to be remedied.

Normally a metal scraper is used to lever the block off the bed, one alternative option I have tried is to grasp the block with a pair of pliers and pull it off the bed that way. This method was unsuccessful, resulting in not just blocks whose sides were damaged by the pliers but some very stubborn blocks that were snapped in half, leaving part on the base and part in the pliers.

Through gaining experience with the blocks I have noticed that it is possible to position the corner of the scraper into one of the drainage holes and work the scraper underneath to free the block, though this works it also damages the surface around the hole leaving it unsightly. I resolve to redesign the body of the block to integrate some form of removable tab that after allowing me to remove it from the bed easily, can then be trimmed and removed from the block.

The results can been seen here where a small rectangle with a sloping face is joined to the block. This allows me to push the scraper directly underneath the tab to free the design from the print bed.

My first iteration was too small and insubstantial to be of use. However by scaling the tab up slightly it works in the desired way and is easy to clip off the block once cured.

I also took this opportunity to add a makers mark to the body, a small de-bossed ODD in the bottom left. It was common for type foundries to mark their wood and metal type with their makers mark, in wood type this was done on the capital A. My makers mark not only unifies the blocks as being set, it makes them recognisable as being produced my ODD Foundry. The consistent placement of the mark on the bodies will also help with orientating blocks to the be correct way up if the design has a top and a bottom.

Open Collab – Typo Session

Open Collab is a experiment in digital collaboration. Throughout the month they put out an open call for submissions on a theme that are the randomly combined with other submissions to create new works of art. This month it was the Typographic Session and they asked participants “to test, showcase and challenge your freshly designed fonts…This session the format is 1200×480px. Using your self-designed font, please try to find a word, that fills the format as good as possible. Feel free to use any language. The result will not only be a beautiful composition of fonts, but also a (hopefully) funny piece of 3-word-dada-poetry.

How to participate

  1. Create a 1200×480px artboard
  2. Adjust the fontsize to the height of the artboard
  3. Find a word, that approximately fills the width
  4. Do not leave margins – they will be added automatically
  5. Export as jpg
  6. Submit work

Best practice

  • JPG: black type, white bg
  • Single line of type
  • Try different color modes” (Open Collab 2021)

With that in mind I created my word “Inner” from my recent Tuscan experiment and submitted it. You can see it below combined with other submissions.

This was a fun experiment to be part of and was a good reason to start producing designs with my components.


References

Animating the Logo

Reflecting on the concepts that underpin the design of a logo, Graphic Designer Adrian Shaughnessy in his book Graphic design : A User’s Manual (2009, p.181) notes that “a logo will have to work on numerous platforms, mobile phone screen, website, T-shirt, and at the end of a television commercial. Increasingly, too, logos have to move. The days of the static unchanging logo have gone. Today our logos are expected to be mini movies that tell us stories.” It is this idea of combining movement with the logo to help convey meaning that I wish to explore. When creating my branding it was with the intent that it’s forms would be simpIe and flexible enough to be able to be animated in a variety of ways to further reinforce the key themes of the brand, exploration, accessibility and unexpectedness. The high contrast forms should remain distinct even when manipulated and warped.

Shaughnessy finishes his reflection on logo design by saying the “final development in logo design that designers have to take into consideration is that the era of the monolithic, unchanging logo is over. In our visual culture we want variety and stimulus. Accordingly, the logos of the future are likely to be ever changing and malleable.”. For an author writing in 2009 this has been particularly prescient as you can see this malleability being apparent in much contemporary branding, for instance in Monotypes branding work for Amsteldok as shown below.

Amsteldok Branding (Monotype 2020)

This makes use of a variable typeface at it’s core to create a system of interrelated letterforms that warp and move in relation to each other.

Previously, in my professional career I have created animations using After Effects, however I found this program to be too complex for the simpler style of animation I was looking to achieve. Instead I looked at using Adobe Animate, a vector based animation program that has a powerful suite of tools suitable to the animation and manipulating of letterforms. Having never used the software, I worked through a series of tutorials that are included with the program and created the animated pencil gif to the above right. Once I felt comfortable with the software, I experimented with some basic styles of revealing letters in the logo as seen to the right. I wanted to play with the idea of different parts of the logo revealing themselves as they are explored. There are still many things to correct, for instance the timing of the reveals and the quality of the movement, but it is an avenue I hope to continue to explore further as the project develops.

Above. My initial test animation for the ODD Foundry logo. The timing needs to be corrected as well as the removal of some thin outlines that not meant to be appearing over the logo.

Above. My amended test animation. I have altered the timings at which areas of the logo are revealed.

References

Website Sitemap and Wireframing

When constructing a website it is important to plan the structure and organisation of the pages to ensure that the users journey through the site makes sense whilst also allowing them to achieve their goals.

UX Double Diamond Design Process (Jhang 2020)

Content Marketing Manager, Anna Savina when writing on the Miro blog emphasises that a sitemap is “a way to improve website navigation, understand the scope of work, and avoid missing out on critical parts of a website’s architecture.”(2019).

I have previously defined my wireframe to be quite expansive, with many pages.

However on reflection I feel it would be better to streamline the pages so that the core experience isn’t missed.

Aims for site

  • Site should introduce some of the fundamental concepts of letterforms + typefaces
  • promote exploration

References

Letterform Experiment – ISO-Type

Moving on from my first experiments with a square, circle and triangle I decided to explore how letterforms can be influenced by the grid used to form them. I limited myself to working by hand using an isometric grid, marker pen and scissors. I first created a set of shapes based on the grid and then explored their forms by construction an alphabet.

Though there are many overly abstract and awkward forms produced in this experiment it did teach me that the most exciting components to work with were the more awkward shaped ones. The more awkward the shape the more my brain needed to engage to consider how it should be placed.

Different Tools for Making Letterforms

As I seek to formilise the tools I will create as part of my project I have undertaken research into how different tools and methods can be used to create letterforms.

The work of illustrator Alyn Smith is defined by the creations of his own tools for mark making. These range from silicone stamps to stencils. He has created his visual language initially around shapes that have an imperfect, hand cut element to them. The tools he has created allow him to continue to explore that language in a different medium.

Lustig is a typeface produced for Hamilton Wood Type by Lustig and Cohen that is formed through the strict adherence to a custom grid. The curves, distances between strokes and heights of letters are all defined by the shape of this grid.

Shape Grammars is a book by Jannis Maroscheck and is described as “a dictionary of 150,000 shapes and systems” in an interview by Ayla Angelos (2020). The shapes within were created by running 12 different algorithms through a computer resulting in “a 836-page study into automation in design”. The resulting forms are abstract shapes that when presented as a set of shapes encourage the eye to explore and our brain to understand, are the letterforms or are they purely shapes? Maroscheck comments that while “the computer is quick at drawing…the machine is mindlessly executing a ruleset with some random variation…It is limited; it can never escape a system’s given logic.” This rings true to a quote from a calligrapher, Paul Standard, as quoted in the fy{T}i newsletter (2021) that states “Geometry can produce legible letters, but art alone makes them beautiful . Art begins where geometry ends, and imparts to letters a character transcending mere measurement.”

Goertek (KONTRAPUNKT 2021) 

The typeface Goertek by KONTRAPUNKT (2021) is a sound reactive typeface which has been designed to have stroke widths and components that warp and respond to sound. The result is a typeface that is in a state of flux, mirroring its surroundings and making it’s context integral to the forms in which it presents itself.


References

Perception of Letterforms – The Brain and Gestalt Theory

My project focuses on the development of western letterforms based on latin alphabets. In the 2014 documentary about her by Edward Tufte, Inge Druckrey posits that “the classical Roman letter is the ancestor of all later formal developments of our alphabet.” From these original letters you can trace a direct connection from what we see as the latin alphabet to the progression into formalising these letterforms via mechanically reproducible typefaces. Druckrey believes the connection between the hand and tool, and of the marks it makes on the paper are important in understanding letterforms, that since the “letter was originally written. The written letter is a memory of motion.” Before we can write, we can draw. So to understand this movement and the way we perceive these marks we can look to the act of drawing.

To draw is not too simply make marks on a substrate with a tool, there is intent in the meaning produced by the drawing of the marks. In his book Drawing On The Right Side Of The Brain (2013, p.18) Edwards explores how the human brain perceives forms. The concepts he explores are primarily linked to drawing skills, believing that the skill “is basic to training visual perception and is therefore the entry-level subject —the ABCs—of perceptual skill-building.”(p.18). The low economic barrier of entry and availability of the materials allows anyone, of any skill or age, to become learned in the process. However in outlining the series of five subskills needed Edwards realised they “were not drawing skills in the usual sense; they were rock-bottom, fundamental seeing skills: how to perceive edges, spaces, relationship, lights and shadows, and the gestalt. As with the ABCs of reading, these were the skills you had to have in order to draw any subject.”(p.10).

At its most basic a letterform is made of a combination of black strokes, arranged together in varying weights and angles. But alongside seeing the black of the letter, we also see the internal white space that these strokes encapsulate, as well as the strokes interaction with the space around it. This white space is called negative space. Where the negative space meets a stroke it creates an edge, Edwards believes “In drawing, the term edge has a special meaning, different from its ordinary definition as a border or outline. In drawing, an edge is where two things come together, and the line that depicts the shared edge is called a contour line. A contour line is always the border of two things simultaneously—that is, a shared edge.”(p.151). This concept of an edge or boundary is further explored by Martin, Buskist and Carlson in their book Psychology where they discuss our perceptions of forms, stating that “one of the most important aspects of form perception is the existence of a boundary. If the visual field contains a sharp and distinct change in brightness, colour or tex­ture, we perceive an edge. If this edge forms a continuous boundary, we will probably perceive the space enclosed by the boundary as a figure”

So to perceive a shape as a letterform we first see it as a combination of strokes and space, joined by edges. We must next recognise that combination of shapes and space as being related to our pre-existing notion of the different letterforms that make up our alphabet. One of the exercises that Edwards instructs his students to do is to draw a portrait from memory and then to analyse the work, commenting that drawing from memory “brings forth a memorized set of symbols, practiced over and over during childhood… by countless repetitions.” (p.52). This set of childhood symbols seems very applicable to our understanding of a shape as a letterform. In order to write language we must first learn how to make marks, then shapes. Finally we learn to write a letter through the repeated practicing of a series of these fundamental shapes.

The act of recognition relates to the idea of an objects gestalt. Edwards believes gestalt “emerges as comprehension of the thing itself or the thingness of the thing, resulting from intense focus on the parts that make up the whole, and the whole, which is greater than the sum of its parts.”(p.31).

The theory of gestalt was first outlined by German Psychologist, Max Wertheimer. In his lecture about the subject, David Hogue, describes how when Wertheimer’s viewed a theatre marque covered in lights that “a series of blinking lights creates the illusion of motion.”(2018). Even though it is just the individual lights turning on and off in sequence, our brain perceives it as being one illumination that moves from light to light. This interaction highlights two of the key laws of Gestalt; the Law of Figure-Ground, that our brain can perceive foreground objects as different from background objects, and the Law of Simplicity in which our brain seeks to “organize our perceptions into the simplest possible experience. We will interpret ambiguous, vague, or complex objects in the simplest way possible, because it is faster and easier to perceive things in a simple rather than complex way”.

These laws further inform other principles relating to our perceptions of form. The most relevant ones to the understanding of letterforms as words are the principle of Proximity where “objects near one another in space or time are perceived as being a group and belonging together”. This can very easily apply to the grouping of letters into words, sentences and paragraphs. The next is the principle of Similarity which states “that objects with similar characteristics, such as form, color, size, and brightness, are perceived as belonging together.” So for a series of letterforms to be perceived as either a word or, in a more abstract way, a typeface the repeated characteristics in them must be similar (ie similar stroke width, use of angles etc).


References
  • EDWARDS, B., 2013. Drawing on the right side of the brain. the definitive, 4th ed, expanded and updated. London: Souvenir Press
  • MARTIN, G.N., W. BUSKIST and N.R. CARLSON, 2013. Psychology. 5th ed. Harlow: Pearson
  • Interaction Design Foundations Gestalt principles, 2012 Directed by David HOGUE. Linkedin Learning. Oct 2,
  • UX Foundations: Interaction Design Gestalt principles, 2018 Directed by David HOGUE. Linkedin Learning. May 31,

How We Learn and How We Teach Design

In her book Teaching Design, author Meridith Davis comments that todays “design fields began as trades, rather than professions” with many of the practical skills being acquired through making (2017). The rules of graphic design are not enshrined or enforced by any governing body, in the same way that a profession such as medicine may be. This view of the practical being intrinsic to the teaching and learning of design is reinforced by designer and educator Paul Shaw in Steven Hellers book, The Education of a Typographer, when he states “I put practice first, not only because it is what students…desire the most, but also because I believe history and theory must play supportive roles. I use history to place current typographic practice in a continuum that extends back to the invention of the codex. Finally, theory is introduced as a means of better understanding the practices of the past and their continued relevance today.” (p.12 2004). Shaw believes the best approach is “to intertwine practice, history, and theory-in that order.” The idea of making is intrinsically linked to the idea of craft, of creating something by hand with skill. Christopher Frayling in his book On Craftsmanship (2011) when discussing the term craft and it’s importance he states “to educationalists…the word is associated with learning by doing-experiential learning – rather than learning from books or from screens”(p.12). Within my own experience, as a student and then an educator, the ability to physically manipulate and interact with an object relevant to the subject has always enabled me to deconstruct and understand the concepts relating to it in a deeper manner. Though I had read about baselines and line height when I was a student, it was only once I started experimenting with letterpress blocks that I understood how the space a letter takes up on one side of the page can affect the layout of the type on the other page.

Influential design teacher Inge Druckrey believes that in order for a student to learn design they must first learn to see. In the 2014 documentary about her by Edward Tufte she states “Training the eye is very very important. You can’t come up with ideas if you don’t see first.” In order to create designs of aesthetic value they must be taught to observe current forms and to analyse the forms they create in their own work. Central to Druckery’s form of teaching are manual exercises that involve giving students some kind of restriction, whether it is on font, layout or image. One example is she “gave students a 9-square grid, which as ordering principle allowed them to come up with a coherent composition.The actual design elements were up to them.” She believes that key to this style of learning are the restrictions, “The limiting is important so that students have a very clear playground set up and it helps them to focus.”. I feel this is especially relevant in current Graphic Design teaching environments where when asked to complete a design task digitally a student can often be faced with a paralysis of choice with a seemingly infinite choice of typefaces and formats available. By placing a restriction on the exercise it is easier to guide a student towards the intended learning outcomes.

Galt Toys (GARLAND, K., 2020)

This style of learning through play and learning through doing can even be seen in the toys designed by Ken Garland and Associates for the toy brand, Galt. The version shown here uses a set of printed cards with strokes in different shapes and terminations that can be combined in various different ways.

Galt Toys (GARLAND, K., 2020)

I became aware of Kolb’s cycle when working on the Associate Fellow of the HEA award when I began teaching. The cycle is outlined on Kolbs website (2021) as a four stage cycle:

“1. Concrete Experience – a new experience or situation is encountered, or a reinterpretation of existing experience.
2. Reflective Observation of the New Experience – of particular importance are any inconsistencies between experience and understanding.
3. Abstract Conceptualization reflection gives rise to a new idea, or a modification of an existing abstract concept (the person has learned from their experience).
4. Active Experimentation – the learner applies their idea(s) to the world around them to see what happens.”.

Kolb believes that an effective learning experience sees an individual progress through the cycle in order. This order can be broken down into experience > reflection > conceptualisation > testing > repeat, the cycle is repeated throughout a learning experience to enable a growth in knowledge. In an article about the subject, author McLeod states that learning is an “integrated process with each stage being mutually supportive of and feeding into the next. It is possible to enter the cycle at any stage and follow it through its logical sequence. However, effective learning only occurs when a learner can execute all four stages of the model. Therefore, no one stage of the cycle is effective as a learning procedure on its own.”

I believe this syncs well with Druckery’s concepts of seeing. That in order for a student to progress in their learning and accumulation of skill they must observe and create as part of the concrete experience phase before progressing to analyse (Reflective Observation of the New Experience), refine (Abstract Conceptualization reflection) and repeat (Active Experimentation ).

Paired with Kolbs learning cycle is the setting out of four distinct learning styles. These styles are based on the the stages of the learning cycle and they are used to help understand that different people prefer different learning styles. McLeod explains these styles as the “product of two pairs of variables, or two separate ‘choices’ that we make, which Kolb presented as lines of an axis, each with ‘conflicting’ modes at either end. Kolb believed that we cannot perform both variables on a single axis at the same time (e.g., think and feel). Our learning style is a product of these two choice decisions.”

Kolb’s Learning Styles (Mcleod 2017)

When reflecting on my own project and how it could be used to teach, I must consider contemporary teaching environments. Many of Inges methods rely on the use of physical spaces and mediums. At the moment with so much of our teaching being online due to the pandemic how could the tools I create be used as part of online or hybrid teaching? The way we learn online and interact with digital resources is very different to that of learning on a physical campus. Professor Gilly Salmon outlined a framework for online learning called the “The Five Stage Model”, though it was originally written while working for the Open University and published as part of her book E-tivities: The Key to Active Online Learning (2013) it has since been updated and built upon to be inclusive of many different learning environments as detailed on her website (2021). The stages are as follows:

“1. Access and Motivation
2. Online Socialisation
3. Information Exchange
4. Knowledge Construction
5. Development”

The first stage of the model, “Access and Motivation”, is an important stage to consider for my project. This stage is about introducing the learner to the environment, giving them access to the logins and tools needed and demonstrating early on how they can progress through the different stages. If I wish to teach students about typography and letterforms how can I give them access to the tools I wish them to use? If I built some kind of online tool I could make use of social media, encouraging users to create something and share it online. This would allow them to progress through the Online Socialisation and Information Exchange stages. Knowledge Construction and Development could be cover by weaving some theory into the tool to allow the user to evaluate the work they have created against other examples.


References

Glink – 3D Printing Experimentation

Glint Club

B1309/10 (Bethel 1956)

The current idea for Glint club originates from the exploration of the Glint border and ornament. Writing on the glint club blog in 2015 the authour explains “In April 1956 David Bethel submitted his design for the Glint border & corner to Monotype, the designs becoming B1309/10 in August of the same year. Beatrice Warde was at this time working as the corporation’s publicity manager & developed a self-confessed ‘mania’ for ‘working out combinations’ of Bethel’s new border. Warde went on to invent the Glint Game, encouraging others to ‘experiment & invent’ new Glint combinations, she claimed to have discovered 75 such combinations in collaboration with her personal assistant Sarah Clutton.”

I find the idea of exploring two simple components in all their different permutations compelling. The restrictions of the rules creates a space for intensive exploration, discovering new possibilities for alignment and pattern creation.

Christmas Card using the Glint Ornaments (Glint Club 2015)

Glink

After analysing the forms of the glint ornaments I composed 2 of my own variations and tried to print them alongside some other blocks that were experiments in the creation of halftone blocks. The halftones didn’t work but the glink did.

The forms of glink blocks were also informed by the metal swash ornaments in my own collection. Due to their L shape they can be organised and printed in many different orientations.


References
  • KING, S., FRASER, E. and DOLINSKI, A., 2015. glint club [viewed Apr 7, 2021]. Available from: https://glintclub.wordpress.com/
  • BETHEL, D., 1956. B1309/10 Glint Ornament

EL Blocks – 3D Printing Experimentation

This week I have been exploring the use of resin 3d printers to be able to generate printable blocks from home without the need for other tools like laser cutters/routers etc. The results so far have been promising – producing blocks that are sturdy enough to print with regularly at a detail that allows very fine design work to take place. Most interestingly, I feel, is the ability to free the shape of the design from the constraints of it being a conventional rectangular block, as would be the case with most traditional cast or routed methods of creating a printable block. In these designs you can see me experimenting with a range of simple modular forms. The blocks are printed to be type height and are divisions of an inch so can be combined with lead and metal type easily.

These original blocks were based on the elementary shapes as defined by the Bauhaus school, the square, circle and triangle.

The type height EL Blocks
Along with the type height blocks I also printed a selection of blank spacing blocks to help with locking up.