In this short video (about seven minutes) I introduce some basic principles of visual language: Forms, fields and flows. I think of this as the “alphabet” of visual language. This set of principles is the primary set of marks you need in order to create visual meaning.
Did you like this? If so, please consider buying me a coffee! Tags: language, video, visual, visual language, visual literacy, Ways of meaning, wom, work literacy, workliteracyForms, fields and flows
9:53 pmTue, Apr 8, 2008






5 comments
This is wonderful!!
The way you explained it made me feel like it was so easy to communicate visually. It led me to a path to try communication visually.
Wish for more of these kind of lessons for faster improvement of my communication, Thank you
Loved it.
I was initially excited because I am a form & questionnaire designer and thought you were going to talk about my profession.
I suppose that’s an unavoidable overlap in terminology.
But seriously, I thought this was a really clean and simple but comprehensive model for understanding visual language. Great stuff!
Formulate: That’s funny. If we were using visual language there would have been no ambiguity there
Glad you enjoyed the video.
It would be interesting to explore how these ideas could be helpful when designing the kinds of forms you specialize in.
Re: “That’s funny. If we were using visual language there would have been no ambiguity there :)”
I suspect we would have still needed some words to clarify the images, but you’re right that using words on their own is what lead to confusion!
Re: “It would be interesting to explore how these ideas could be helpful when designing the kinds of forms you specialize in.”
I design any kind of forms but for all, the idea of “flow” is central. I have a model for forms that divides them into 4 layers (see http://formulate.com.au/articles/layers-of-a-form/) of which one is Flow - the relationship between questions on the form. Get the flow wrong and you have a form that doesn’t make sense and/or creates unnecessary burden.
To really complicate things, applying your model to my model, we could say that the questions are forms (each has it’s own “shape”, “colour” and “meaning”)!
Formulate.
This just highlights the need for some shared language that we can use to talk about these things!
Dave
7 Trackbacks
[...] Dave Gray » Forms, fields and flows introduce some basic principles of visual language: Forms, fields and flows. I think of this as the “alphabet” of visual language. This set of principles is the primary set of marks you need in order to create visual meaning. (tags: GraphicDesign visual visualization) [...]
[...] linked to this screencast by Daver Gray “Forms, fields and flows”. Watching it, I realized how little comics take advantage of “fields” that are not or a [...]
[...] Dave Gray » Forms, fields and flows A short video introduction to some basic principles of visual language [via Stephen Downes] (tags: flows visual linklog via:downes) [...]
[...] Dave Gray » Forms, fields and flows — A short video introduction to some basic principles of visual language [via Stephen Downes] [...]
[...] Dave Gray » Forms, fields and flows — A short video introduction to some basic principles of visual language [via Stephen Downes] [...]
[...] http://www.chriscorrigan.com/parkinglot/ http://www.jackmartinleith.com/?p=184 http://www.davegrayinfo.com/2008/04/08/forms-fields-and-flows/ http://faraportal.blip.tv/file/712868/ http://www.gadget4all.com/prod_detail.php?prod_id=00061 [...]
[...] Les bases du langage visuel : une vidéo passionnante (en plus il dessine!) sur les codes du langage visuel. [...]