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
A short video introduction to some basic principles of visual language.
Tue, Apr 8, 2008
Upcoming events
- IDEA 2008 — Oct 7, 2008 9:00am - Oct 8, 2008 5:00pm
I'll be speaking at the IDEA conference in Chicago. The IDEA Conference is a yearly conference about Information: Design, Experience and Access that is sponsored by the Information Architecture Institute. More.
- VizThink Europe 08 — Oct 12, 2008 9:00am - Oct 14, 2008 5:00pm
I'll be facilitating at the European VizThink conference in Berlin. VizThink is an international community of visual thinkers, made up of researchers, educators, practitioners, tool creators, service providers, consultants, and many others. More.
- Sarasota Design Summit — Oct 27, 2008 9:00am - Oct 28, 2008 5:00pm
More than 350 designers, entrepreneurs, thought leaders, and business and technology professionals, exploring how design and design thinking are transforming technology and innovation. I've had a hand in proposing some of the speakers for this one, and can promise that some very interesting people will be there. More.
- CANUX 08 — Nov 16, 2008 9:00am - Nov 18, 2008 5:00pm
I'll be speaking/facilitating at CANUX 2008 in Banff, Alberta. CANUX is a small gathering, limited to 70 participants, with a focus on practical skills for user experience professionals—web designers, software developers, information architects, interaction designers, interface designers, communications, and anyone else who's passionate about making things work well for people. More.
Recent images
Communication Nation feed- My Delicious links
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. [...]