Welcome, all, to the 2014 edition of 365 sketches. This is a simple offering for the first sketch, but gives some idea of what I intend to talk about. In this series, I intend to learn more about design principles, because in the past I focused mostly on method and technique. I hope that this series teaches me as much about design ideology as past series have taught me about design method. It is perhaps evidence of “a cart before the horse” which I am trying to remedy.
The 80/20 Principle is one in which a well-working system of any kind (book, technology, structure, organization) has distributed value and power, where the 20 percent represents the most important, the most valuable, and the most protected, and the rest supports it. We are experiencing political difficulty in this country at the moment, according to this theory, because the 20 percent has been reduced too far. The same is true in design, books, movies, or other organizations of content: If there is too little to gain from participation in the whole, e.g., if only a small percentage holds the entire value, then the entire structure falls apart, and holds no value at all. The best design, according to the theory, balances value and support at a ratio near to, but not necessarily equal to, 80/20.
A nighttime rocket launch (Photo credit: lemasney)
Relaunching 365sketches
I think that perhaps the greatest design work I’ve ever done was for the 365 Sketches project formerly at http://365sketches.org. I did it for 3 years between 2009 and 2012, with a one year break. You can see the best work from that project at the portfolio page. The concept is simple:
One design a day, using open source software.
It helped me to learn how to use Inkscape thoroughly, build an audience, develop my design, layout and typography skills, develop a portfolio, and get feedback and advice from stakeholders like you.
I will do a few things differently this time. I’ll screencast (record my screen to show the method) more often. I’ll be more explicit in my exposition. I’ll use and show classic design principles. I’ll use Drupal to develop the collection as a very clean portfolio version, while using WordPress, here, for the details. Both will be located here on lemasney.com, and I will likely migrate the existing content from 365 to this site as a category.
I was diagnosed a couple of years back with Adult ADHD. This was a surprise to me, but not especially for those who knew me and the sometimes chaotic way in which I respond to visual stimuli.
I did not remember ever having been hyperactive as a child, and attention did not seem to be an issue for me, though later in life, I found myself having trouble focusing on one task at one time, which sometimes made it hard to carry out tasks. Often, ADHD is lifelong, and does not typically just show up without an external source.
When researching possible causes for a late appearance of Adult ADHD, there is some evidence to support concussions and head injuries as a culprit. This made me think of the sometimes funny, often scary stories I have told of the many times I’ve been hit in the head. I’m going to tell those stories here, finishing with the most recent head injury, which happened just the other day.
1. Little league baseball.
I was not very good at baseball, and as a result, I ended up in the outfield. During practice one year, the coach was hitting out a practice pop fly, I did not have my glove in the right place, and the next thing I remember is waking up with everyone around me in the outfield.
2. Little league baseball, year 2.
That’s right, the same thing happened two years in a row, and I’m pretty sure I dropped out of little league after that.
3. Parks and Recreation.
The first time I ever got stitches was when I worked for my township’s Parks and Recreation department. Mostly, the work was emptying 50 gallon drums of empty beer bottles and cans in parks, with grass cutting in the summer, but we also maintained the playground equipment. One day, I was replacing a chain net on a basketball hoop by myself on a saturday. In order to get the hooks open to hold the net, you sometimes have to use pliers to open them a bit. I misjudged my grip and the pliers went into my head with all my might. Blood started coming down my head, and I went to the hospital. The diagnosis was a concussion.
4. Moving day.
When I moved from Levittown, PA to Ewing, NJ, we got a moving truck from the storage place we were using to hold our house’s contents between the residences. I was standing on the ground behind the truck when a wooden Ikea shelf fell over and hit me in the back of the head. We rescheduled the move, went to the hospital, and the diagnosis was a concussion.
5. First week at Princeton.
I was excited to be working at Princeton University, and was going to lunch with a friend. It was raining, and I was suffering from cataracts (I’ll explain in another post) and I misjudged the last step of a set of steps down into Woodrow Wilson Hall. I went headfirst into the glass and metal door at the entrance, and a girl who saw it shrieked. The blood flowed. I decided to forego a visit to the nurse, but I probably should have. The hit was at least as damaging as my previous injuries, and likely a concussion.
6. The occasional chandelier.
Most recently, I stood up too quickly into a chandelier and blood started to flow. I do these kinds of injuries from time to time, but this one made me think of the others.
I guess more than anything, I just wanted to note the history of these injuries, but I do wonder if they have anything to do with my recent discovery of ADHD.
Double exposure with newspaper by John LeMasney via lemasney.com
Double exposure with newspaper by John LeMasney via lemasney.com
This is an example of my love for double exposures. Back in 1994, I was in a photography class, and perhaps my best image was one of my friend Geoff Kremer double exposed with a scene in an abandoned warehouse that I was exploring with my friend Roch Pisarek. They were interesting images on their own, but together, there was a kind of spark. In the GIMP, I achieved this by importing both images, resizing them to be the same size, then placing the selfie layer on top of the newspaper layer, then setting the layer mode to Darken Only which gave the effect I was looking for. I also duplicated the selfie layer and lowered the opacity of the newspaper layer to enhance the effect.
Advanced rotation in Inkscape by John LeMasney via lemasney.com
Advanced rotation in Inkscape by John LeMasney via lemasney.com
Let’s say you want to create a visual effect in which you have objects floating with regularity around another object, such as creating tick marks around the center of a clock. In this post, I’ll explain how you can do this easily in Inkscape. The key is in moving your center-point for the outer objects.
See the video below for a clearer explanation of these instructions. Open Inkscape. Using the text tool, create an ‘o’. Create a line with the bezier tool as your first tick mark. Put it in the perfect topmost position, aligned with the ‘o’ vertically. Click the tick mark with the selector tool until it is in rotation mode. Take the plus mark for the selected tick mark, and move it to the center of the o. This centers rotation at the center of the o. then, select the tick mark in rotation mode, and while dragging the rotation handle, hit your space bar at each place you want a tick mark. In 12 clicks of the space bar, you will be done.
I really love design play that takes the expected and twists it. This is a prime example. By starting with a photo of an original game cartridge for the atari 2600, and replacing and repainting the firefox logo into it, then adding the title in the Atari 2600 font (Mumbai.ttf) it’s fairly easy to pull off this kind of substitution. In retrospect, I should have used ALL CAPS for the title, as they did for their cartridges, but still, a fun project.
365 Days of Art Challenge
Design | Covert to Inkscape illustration software now
