Tagged: Visual Grammar Toggle Comment Threads | Keyboard Shortcuts

  • Tony Pritchard 10:48 am on August 12, 2014 Permalink | Reply
    Tags: Data Visualisation, , , , , , , , Timeline, , , Visual Grammar   

    Information Design and Data Visualisation 

    This video attempts to show and explain aspects of Information Design and Data Visualisation as explored by the Postgraduate Certificate and Diploma Design for Visual Communication courses at the London College of Communication. The purpose of designing the visual representations of information is to make the communication more accessible, understandable and useable. This often means dealing with complexity and attempting to clarify meaning. It could be said that information is dead until it is read. A balance between clear communication and a visually engaging design needs to be struck.

    • Carina Marano 8:53 am on October 15, 2014 Permalink | Reply

      This independence of the coursework for the Postgraduate Certificate Design for Visual Communication at the London College of Communication makes it ideal for an online program. Is there any possibility it would become available online, specifically for students studying abroad?

      • Tony Pritchard 4:27 pm on October 18, 2014 Permalink | Reply

        That’s an interesting proposition which I raised with my programme leader at college. How would you see it working for you? Set projects? Video demonstrations/tutorials? Skype? Do you have any examples of practice you could point me in the direction of?

        • Carina Marano 11:28 pm on December 26, 2014 Permalink

          Two programs I’ve had experience with are Brandman University https://www.brandman.edu/ and Academy of Art University http://www.academyart.edu/. Brandman uses the Blackboard online system in which course work is divided by weeks and comprises of discussion threads, set projects, readings, and multimedia instructional aids such as videos. Academy of Art has an additional feature in their discussion threads that allows for marking and commenting on uploaded artwork for critiques.

          In addition, meeting features such as using Adobe Connect or Go To Meeting are helpful to discuss larger projects and facilitate small group work. I’ve seen this utilized every two weeks for 8 week courses to great effect.

          For a program like Visual Communication, I would recommend set projects with independent readings and video introductions, along with discussion forums to post to while the projects are in progress, and live meetings for critiques and follow up questions. There could be also be more live, but perhaps less formal interactions in the beginning and throughout the projects, such as video Skype office hours, or scheduled live chat sessions.

          The most successful online programs usually breakdown the coursework into smaller milestones throughout the class in order to assess that students are on track and are understanding each step of the process. This is in lieu of regular face to face meetings where the instructor can visually see the progression of work.

    • Tony Pritchard 8:11 am on December 29, 2014 Permalink | Reply

      Thanks for taking the time to write this. My DVC course (http://www.arts.ac.uk/lcc/courses/postgraduate/pg-dip-design-visual-communication/) uses Moodle as essentially an information repository for things like projects, handbooks, handouts, etc. We compliment this with a group blog where thoughts, images, movies, etc can be posted and discussed. We are still very much a face to face course though.

    • daniele 10:18 am on February 12, 2015 Permalink | Reply

      Very well done on this set of new videos!! They are amazing!

      • Tony Pritchard 11:27 am on February 12, 2015 Permalink | Reply

        Thanks Daniele – just visited your site and am impressed by the Typographic Hierarchy poster. I’ll post on my Twitter page

        • daniele 11:41 am on February 12, 2015 Permalink

          Oh wow! Thanks for visiting and for posting! Honoured to be featured alongside all that great work!

  • Tony Pritchard 11:56 am on May 23, 2010 Permalink | Reply
    Tags: , Chuck Jones, , Dots, , , London, , Visual Grammar,   

    Visual Language Tutorial 

    Transcript from the ‘Visual Language and Grammar: Dots and Lines’ movie
    This tutorial is about visual language and grammar. Language is a method of human communication. I’m using the spoken word to communicate with you. Visual communication is also reliant on a language. A visual language. The components of visual language are things like shapes and colour. Visual grammar is the system that governs visual language. If you wanted to show visual density by clustering dots together. The dots would be the components of the visual language but the notion of expressing density through clustering would be the visual grammar. In Part 1 we will be looking at the dot and the line.

    All the exercises I will be demonstrating will be on a square measuring 150mm. To help structure the elements (dots and lines) I’ll be using, I’ve divided the square up into a grid of 5mm units both horizontally and vertically.

    Red Dot and Grey Line Exercise
    So let’s have our first red dot. And a vertical grey line please. Thank you. Our two components of visual language (the dot and the line) seem to have had a fight and are isolated from one another. The line clings to the left edge and the dot to the right. This sense of the line clinging to the edge is known as visual tension. It’s as if the edge acts as a strong magnet. Ok guys time to make friends. Note how the space either side of the grey line changes. The proportion of white decreases on the right as the left increases. The red dot now looks trapped. The red dot leaps over the grey line and makes their escape.

    Abstract to Representational: The Sun in the Sky
    In this composition, the dot looks like the sun rising in the east. The grey line acts as the horizon. Now it is mid-day and the sun is high in the sky. Time for a cool beer as it sets in the west.

    Abstract to Representational: An Eye
    Placing the line above the dot makes this look like an eye. Raising the line causes an expression of suprise.

    The Dot and the Line: A Romance in Lower Mathematics by Chuck Jones
    For this composition I’ve added a few lines of type next to the right edge. The type clings to the right edge causing visual tension. Type set in sentences also look like black bars of different lengths. The type adds content and meaning but also form to the composition. There is visual tension between the dot and the line and separation from the type. This gives a sense of rhythm, balance and dynamism between the elements. The white space also contributes. Considering the dot and the white space you become aware of the centrality of the dot. The mood of the composition can be altered through choice of colour.

    The Cholera Map by Dr John Snow
    On screen you see what appears to be dots scattered randomly. Some areas have dense clusters, other areas the dots are more spaced out. In Gestalt theory this is known as the principle of proximity. Those dots closer together belong to each other. Some larger dots are sprinkled in. This gives the composition a sense of depth and scale. The grey background circle acts as a focus – like looking down a microscope. The notion of a circle has strong psychological resonance with us. The sun, moon and earth are spherical and are intrinsic to our lives. Are we looking at micro organisms on screen on a petri dish or a galaxy in the sky? If we now add in some lines the composition becomes a little more familiar. The lines give structure to the dots. We begin to understand the distribution of the dots but not the reason for the different densities. By adding type the image is confirmed as a stylised map. The time is Victorian Britain, 1854 to be precise. The place Soho. The larger dots represent the location of water pumps. The small dots signify individual death of people. Hundreds died over a two week period and nobody new why. Dr John Snow plotted the deaths on a map and noticed a particular clustering around the pump at Broad Street. He alerted the authorities and suggested that the deaths may be due to contaminated water. The pump was closed and the deaths declined. A few years later the new medical term cholera emerged as the name for the cause of death. The street has subsequently been renamed Broadwick Street and today the Dr John Snow pub commemorates his decisive act and provides hospitality for the weary traveller.

    Keep Left!
    This final example of applied visual language and grammar begins with a blue dot or circle. An inner white circle is added. Lets add a few lines. A chevron is created – the beginning of an arrow.

    I hope you have enjoyed this presentation. Your mission if you choose to accept it is investigate and apply some of the ideas contained in this video. Consider how you can create visual language and grammar compositions with dots or circles in two dimensions, in three dimensional space or in moving image. Using the green canvas of your lawn you could take different types of balls such as ping pong balls, tennis balls and footballs to make a composition exploring the principle of proximity.

Compose new post
Next post/Next comment
Previous post/Previous comment
Show/Hide comments
Go to top
Go to login
Show/Hide help
shift + esc