Villard diagram

in typography

04·05·2009

Tags: , , , ,

Dividing a segment in n parts in a medieval, yet late-modern, fashion.

Note: it seems that this post is the first thing you find on google about the Villard diagram. And after it was linked on AisleOne in an excellent text about grids, a lot of people landed on my humble home. I must say that the ‘diagram’ you can find here was my interpretation on what I’ve found about Villard diagram (in a similar way, si licet parva …, renaissance architects drew Vitruvio’s architectures), it may be not-so-accurate. What is interesting is that it is a very practical way to divide segments, and it is practical precisely because it use in a clever way a recursive procedure.

I mentioned, in the recusion post, Villard de Honnecourt. it turns out that the so-called Villard diagram is, in itself, an example of nice recursion. This technique is useful to divide a segment: you only need two “triangle rulers”.

Villard diagram explained

You can start drawing a rectangle, then trace the first diagonal (black, in the image). Now, draw another diagonal, at the intersection draw a line parallel to the segment you need to divide. The intesection point divide this segment in two halves; moreover the segment divide the height of the rectangles in two halves. And now? Use the new line to draw another diagonal (red), you find another intersection with the first, black, diagonal; draw ar line passing through the new intersection. The yellow triangle is similar to the blue one, scaled by a factor of 2, and the intesection you found divides the diagonal in two parts with the same proportions, i.e. the horizontal segment, as well as the height of the original rectangle, is divided in two parts: 1/3 and 2/3. You repeat the process starting from the new division and find 1/4, 1/5, and so on, recursively.

In the image below I have divided the segment in seven parts.

Villard diagram


COMMENTS

comments rss | trackback uri
  1. 06·05·2009 / 6pm How I Lost Thirty Póunds in Only a Month said:

    Hi, nice post. I have been pondering this topic,so thanks for posting. I will definitely be subscribing to your site. Keep up great writing

    add your comment
  2. 19·12·2009 / 11am 关于网格系统的几点误解 | NewType设计志 said:

    [...] 在平面设计正式开始成为一个分类很早以前网格就存在了。在13~14世纪,抄写员使用Villard Diagram(维拉德图)来组织手写的手稿。在15世纪,Gutenberg和其他人使用Van de Graaf canon分割页面。 [...]

    add your comment
  3. 17·01·2010 / 8pm Mitos & Ideas falsas Sobre Sistemas de Rejilla | Estudio de diseño said:

    [...] diseño gráfico se hiciera una disciplina. Durante los 13ros y 14tos siglos, los escribanos usaron el Diagrama de Villard para organizar sus manuscritos escritos a mano. En el 15to siglo, Gutenberg y los otros dividieron [...]

    add your comment
  4. 17·01·2010 / 8pm Les mythes & les Idées fausses des Systèmes de Grille | Design Studio said:

    [...] ne soit devenu une discipline. Pendant les 13ème et 14ème siècles, les scribes ont utilisé le Diagramme de Villard pour organiser leurs manuscrits manuscrits. Au 15ème siècle, Gutenberg et d’autres ont [...]

    add your comment
  5. 17·01·2010 / 8pm Mythen & Falsche Auffassungen Über Gittersysteme | Design studio said:

    [...] Design eine Disziplin wurde. Während der 13. und 14. Jahrhunderte verwendeten Kopisten das Villard Diagramm, um ihre handschriftlichen Manuskripte zu organisieren. Im 15. Jahrhundert teilten Gutenberg und [...]

    add your comment
  6. 17·01·2010 / 8pm Мифы & Неправильные представления О Системах Сетки | Dizajn-studija said:

    [...] В течение 13-ых и 14-ых столетий писцы использовали Диаграмму Villard, чтобы организовать их рукописные рукописи. В 15-ом [...]

    add your comment
  7. 10·02·2010 / 6pm austin web designer said:

    Nice article just starting out as a web designer interesting to see differing theories.

    add your comment

Leave your feedback

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>