Fujifilm X-E2 vector

Hand-designed graphics of my Fujifilm camera, used for photo metadata on this site.

This project was originally completed . Licensed CC BY-NC.

To complement the metadata on my photo pages, I wanted accurate but minimal vector representations of my cameras (currently a Fujifilm X-E2 and an iPhone 5S), so I had to design my own. Although generic representations of cameras are appropriate for many circumstances (such as indicating a photo gallery on a navigation menu), something more defined was needed for this circumstance. Part of what I am communicating here is “how this photo was created”, so I designed something recognizable as a unique object. After completing the initial work, I realized I would need something even more minimal for smaller sizes (20% of a screen width or much smaller), so I abstracted the icon even further.

vector image of Fujifilm X-E2 digital camera

The basis for the graphics used on the site. I hand-traced an image of the camera in Adobe Illustrator. I could have automated this process, but I preferred to brush up on Illustrator and create a more maintainable result.

simplfied vector of Fujifilm X-E2 camera – dark on light

A simplified version in light …

simplfied vector of Fujifilm X-E2 camera – light on dark

… and dark themes.

an example of the graphics in action a photo metadata excerpt

What the vector graphic looks like in context on a photo page.

Vector graphics

As a format, SVG has plenty of advantages:

I use SVG for all of the graphics on this site, with all three of these methods depending on performance and semantic context.