6 Web Design Tips from Leonardo da Vinci  

Posted by Abhishek Singh in , ,

Leonardo Da Vinci was one of the greatest artists of the Renaissance, leaving behind a legacy that continues to inspire artists, scientists and others. Here are six things we can learn from him about web design.

da-vinci-flying-machine.jpg


One of the most remarkable things about Leonardo is his insatiable curiosity. Besides being a master painter, here are some of his other interests…

* Botany
* Music
* Human and animal anatomy
* Fluid dynamics (before there was a name for this branch of science)
* Writing great poetry
* Platonic philosophy
* Designing remarkable inventions, including flying machines and a sort of pre-industrial tank

Many of these interests show themselves in his artistic work. Anatomy is obvious, but have you ever compared the ringlets of hair in his paintings to his drawings of water flow? Or thought of how rhythm, which is so essential to music and poetry, also shows up in painting and drawing?

The point is that being curious and learning about many things that are apparently unrelated to web design ultimately gives you more tools with which to design well.

2. Look beneath the surface

da-vinci-anatomy.jpg


I’ve already mentioned Leonardo’s interest in anatomy. His study of what lies beneath the surface gave him an understanding which enabled him to draw and paint his subjects remarkably well. Something similar applies in web design.

For the graphic designer, it might be studying the structure of HTML & CSS.

3. Build on the work of others

da-vinci-verrocchio.jpg

Despite his genius, most of Leonardo’s achievements didn’t spring fully formed from his mind like Athena from the head of Zeus. He was building on the works of others who were his contemporaries and predecessors. He studied under the Florentine master Verrocchio, from whom he learned the techniques and tradition of previous Renaissance art.

What does this mean for web design? Don’t reinvent the wheel. Do your customers need to be able to manage their own site? Maybe all they really need is a little customization for Wordpress.

4. Do quick studies

da-vinci-studies.jpg


Before beginning work on a painting, Leonardo would often draw several studies of it, experimenting with different compositions and learning how the various aspects of the painting would interact with each other, all without having to start over from scratch if the first idea didn’t turn out well.

This can be done in web design too. Have an idea for a layout ? Sketch it on paper. Building a web app? Sketch out a use process. If it looks good, go for it. If not, try again.

5. Iterate

da-vinci-virgin-of-the-rock.jpg

Leonardo didn’t just iterate his studies. He also completely repainted (iterated) The Virgin of the Rocks.

But with web design we have it easier. If we want to redo our work and make it better, we don’t have to start from scratch again. We can make continuous incremental improvements.

6. Be careful of experimental techniques

da-vinci-last-supper.jpg

The final lesson we can learn from Leonardo is a warning. During his painting of the Last Supper, he employed an experimental technique for mixing his paint. While all seemed well at first, soon afterward cracks appeared in the painting, and since that time it has continued to deteriorate, leaving his masterpiece in ruins.

Web designers take note. While experimental technology is wonderful, be very careful about deploying it directly to a crucial system/site, otherwise it could leave you, like Leonardo, trying to mend the cracks.

http://joshuaclanton.com/blog/2007/12/27/6-web-design-tips-from-leonardo-da-vinci/

This entry was posted on Monday, April 7, 2008 at 3:53 AM and is filed under , , . You can follow any responses to this entry through the comments feed .

2 comments

Thanks for sharing
web site design
tips.It's nice design,touchable,web designs are so beautiful.I have no word to say.It is very nice blog.

August 1, 2008 at 2:11 AM
Jeff  

Its a new view to look at web site design work. I never sees these picture in this way.

August 5, 2008 at 4:49 AM

Post a Comment