Fringe Focus
Home / Blog Design Work About Me Contact Me
Twitter Facebook Flickr Vimeo Dribbble LinkedIn
CSS Sprites. They’re Awesome. Use Them. 8 Ways to Get Shitty Clients Less Janky — How to Stop Banding in Your Images 5 Tips to Nail Your Design Job Interview Kill Your Worst Portfolio Piece Right Now Video: ‘The Basics of Awesome Design’ Presentation Watch a Design Fail Ten Times in a Row Poster Design For ‘LA Music Blog’ Dribbble Invite Contest! My New Design Company: Collision Labs
Analog Is Not the Opposite of Digital Dribbble Invite Contest! My New Design Company: Collision Labs Kill Your Worst Portfolio Piece Right Now Poster Design For ‘LA Music Blog’
August 2010 July 2010 June 2010 May 2010 April 2010 March 2010 February 2010
Artwork Business Clients Contest Design Freelancing Fringe Focus HTML / CSS Photography Photoshop Process Technical Tutorial Video Web Design

Blog \ Archive by category 'Process'

Analog Is Not the Opposite of Digital

Analog Is Not the Opposite of Digital

You’re Doing it Wrong.

Many of us, for quite a long time, have been using the word ‘analog’ improperly. As designers, we often refer to analog technologies as being anything preceding digital technology. That’s definitely not the case. So this post is to collectively save us all from ever sounding stupid to technology nerds ever again. And don’t worry, it’s not just us, I’ve seen the same mistake made in the New York Times.

I recall a video that referred to 1950′s classrooms as ‘analog learning’ as opposed to our modern classrooms’ use of computers and the internet. I’ve heard the work of contemporary digital artists and designers compared to the ‘analog art’ of painters. The real kicker, and reason for this post, is those who position film as the ‘analog’ opposite of digital photography.

Film isn’t Analog.

Film is not analog, period. I used to shoot film on a Canon AE-1 from the ’70s. Now I have a digital SLR from Canon, and they’re obviously extremely different. But we have to be careful not to confuse ‘old’ and ‘new’, with two very specific terms like analog and digital.

The word digital, to most people, refers to a device that can capture, store, or display data in a binary fashion. Ones and zeros, on and off, digital is all about numbers. Digital shouldn’t be confused with binary, of course, as digital simply means concrete values. Any system that utilizes solid values (or digits) is digital, binary is simply the most common system. Digital cameras capture light with a sensor, that light is converted into data (numbers), so the use of the word ‘digital’ for your cell phone camera or DSLR is accurate.

Analog, however, is a very abused word. I would venture a guess that the significant amount of readers have used the word ‘analog’ to refer to film cameras. If the new, fancy robot cameras are ‘digital’ then our aging film cameras are ‘analog’, right?  Not at all. Older cameras capture light with film, which is basically plastic, gelatin, and silver halide. When you take a photo (perhaps of your dog drinking a beer), photons hit this material and produce a latent (invisible) image, that can later be brought into view by bathing the film in various chemicals. You could write hundreds of blog posts on film development alone, but the point is that film photography is a chemical process.

Digital sensors and film capture light quite differently, but I’d rather hear the word ‘chemical’, ‘organic’, or ‘magic’ given to film technology before ‘analog’.

Question Mark

Wait, What the Fuck is Analog Then?

Analog, as its name suggests, refers to being analogous to something. If we’re referring to the adjective used in technology, the definition of analog is:

Of, relating to, or being a device in which data are represented by continuously variable, measurable, physical quantities, such as length, width, voltage, or pressure. – Wordnik

So a great example of an analog technology would be a vinyl record. The audio is stored as waves (variable data) within the grooves of the vinyl. Digital audio stores the data as numbers, as finite units of data per second. If that audio is George Clinton & Parliament Funkadelic, then funk on my brotha’. What’s important is that a vinyl record is legitimately something that deserves to be called ‘analog’. Film is not. Film captures the image physically, there is no data (waves or otherwise) to be found as there is on the record.

Plenty of older (and current) technologies are analog. Just be sure to ask yourself if that device has variable signals/data, or if that device is just really old. A television with a cathode ray tube (CRT) is an analog device; a cave painting of a man stabbing a mastodon with a spear is not. Sound waves being converted into an electrical signal is analog, a film negative is not.

Stop Saying Analog?

I know its hip to be anti-digital sometimes. But before we all drink a PBR and hop on our fixed gear bikes to the thrift store, we have to remember that just because something is old, doesn’t make it ‘analog’. 35MM cameras, oscilloscopes, and the cotton gin are all old technologies, but only one of them is an analog device.

We pride ourselves in the design industry for knowing tons of interesting things about art, advertising, and technology, but this is one adjective we should all cut back on a bit. The good news is we will always have our favorite noun: analogue! We can still say: “A picture is an analogue of a memory”, or “A cubic zirconia is an analogue of a diamond”, and “McDonalds is an analogue of real food.”

Somewhat Related Stuff:

Shake It Photo (iPhone App, makes your digital photos look like Polaroids)

35MM Mondays (Film shots, on a blog by Luke Williams, every week)

Alt/1977 (Alex Varenese’s badass retro posters)

Thoughts? Leave a digital comment!

No Comments
August 2nd, 2010
Categories: Photography | Process | Technical

Video: ‘The Basics of Awesome Design’ Presentation

I was contacted by a local college prep school to give some design tips to their students.  The students were in an after school club that produces an annual creative magazine (full of poetry, short stories, and art).

After a quick rundown of my work, I gave six quick tips to improve their design skills. While some are obvious to an advanced designer, this presentation still is full of great tips for anybody looking to improve their work.

Apologies for the audio/video quality, this was shot on a webcam, haha.

What do you think about this video? Leave a comment!

8 Comments
March 12th, 2010
Categories: Design | Process | Video

Watch a Design Fail Ten Times in a Row

Design Fail

Even though this website was launched only very recently, I’ve gotten a lot of positive feedback on its look. I’m relatively happy with it as well, but that was no easy task. If any of you have ever worked on a personal project, you’ve probably already learned that you are your own worst client. When you have no deadlines, no rules, and a huge imagination, it can be pretty tough to settle on your final look. You might start on one design in the morning only to immediately throw it away and start from scratch that afternoon. This post is dedicated to all of my wasted ideas and productivity, and hopefully some tips on how you can avoid a similar situation in the future.

Start With a Brief, Don’t Be an Idiot

One way to avoid an insane amount of redesigns is to treat yourself like your own client.  What are your goals, what is your target market, your intended ‘look & feel’ ? If you start with a vague idea like ‘Website about art something’, you may find yourself spending days and weeks on projects that will never see the light of day. I believe I started on the right track by thinking about my goals. Here are some key ideas/features I knew I wanted:

  • Full WordPress integration. I wanted to handle all of my content, including my portfolio, quickly and easily from any location.
  • A slick & memorable design that was still easy to read.
  • Black and yellow. Like Batman. Seriously.
  • Community features. This means a quick and easy way to comment on posts, because it’s fun to talk to my readers. It also helps me avoid sitting alone in my apartment and talking to my food.
  • Integrate my design portfolio.
  • Any name that’s better than ‘Loukotka’, yet felt design related.  You’d be surprised how many Google searches spell my name wrong, so this site is meant to be easy to remember and spell.

The problem was that my goals changed over time, and I should have stuck to these principles instead of designing away like a mad man. There’s plenty more ideas I could list, but let’s get to what’s important—images of all of the designs I didn’t use or show anybody, because I went insane and couldn’t settle on the right look.

Design Fail - Slide 1

A few months ago this was my first attempt at a design thought. I started blocking out areas of yellow or black, but immediately discarded everything because an all yellow website would be pretty tough to read.

Design Fail - Slide 2

This was an experiment with a minimalist look for my portfolio, but I quickly realized that dark and empty weren’t at all how I wanted my new site to feel.

Design Fail - Slide 3

Now we’re getting somewhere. This design borrows the background and name of my other website, Loukotka.com.t the time, my portfolio website was green and white, so I found this color change refreshing. Ultimately this felt too much like a showcase and less like a blog or valuable news source. This version was scrapped for the blog, but I used its ideas in the current version of Loukotka.com.

Design Fail - Slide 4

Another radical shift in thought. I was definitely digging the white with the yellow, but still felt the horizontal slide areas would only work for a portfolio, and not for an interactive blog. I even decided on the name “Neverlens”. I bought the domain, only to trash this name much later due to its similarities to “Neverland” and “Netherlands”. Oops.

Design Fail - Slide 5

I stuck with the name for a while and eventually continued down the “yellow brick road”. This version was grungy, and incredibly yellow. This certainly was memorable and open, so I explored it further. This is also the first design that actually contains some element of the current site (a small sliver of the textured header bar).

Design Fail - Slide 6

This design probably had more time put into it than any of my other trashed designs, and for good reason.  It’s strong, memorable, and edgy. My ‘home’ icon had a picture of the White House, and I had a really slick typewriter for my ‘need work done?’ link. For a while I was in love with this, but sometimes designs have to be scrapped because they don’t complete your goals.  This was visually interesting, but I felt like the strong colors and silly icons made the site feel like it was advertising itself.  This structure works great for a company, but if I added blog posts to the design, they’d have to compete with my own header for attention. I realized I had to give my written content a lot more focus.

Design Fail - Slide 7

I toned down the colors to a cool-gray. This certainly would help give focus to the written content, but I still didn’t want the structure of my site to be dictated by its textures. The background looks great, but it was quite large and would still compete with everything I was going to write.  I want to go to a blog to read articles, not to stare at a stone wall.  At least, that was my logic at the time.

Design Fail - Slide 8

I knew I was getting close here. This design gave a lot of weight to the logo, but still allowed the reader to easily jump over to reading the post.  You could navigate easily, read easily, and it still had some ‘batman’ feel with the logo.  That said, I was still mourning the loss of my previous designs, and knew I needed a little texture to bring it to life.

Design Fail - Slide 9

The name Fringe Focus is born. It’s easy to say, spell, and remember. But the site was feeling a bit too black and white—where’s my yellow?

Design Fail - Slide 10

Yeah, that’s it.

Have Hope, You’ll Finish it Some Decade.

Obviously seeing this many redesigns might not be the most inspiring moment, but I assure you there is an end in sight. If you’ve redesigned something a million times, take a moment to step back and look at those designs collectively (assuming you’re saving all of them, as you should be).  Identify the traits you like in all of them, and eliminate whatever seems to be bringing them all down.  In my case, it was that I hadn’t made my content the focus of the design.  In your case, it could be anything.  Your designs could be too bold, too timid, too warm, too cold, too crowded, too open, red fish, blue fish. Yes, that’s a Dr. Suess reference.

Even better, have your friends or other designers take a look at your past attempts.  Perhaps they will see the value in something you previously wanted to throw away.

In the End, It’s About Goals

If you spend all of your time randomly designing, hoping you’ll magically hit the right look, it may never happen.  Break out the paper, or the text editor, and write down what it is that you’re really after. Make your next design meet all of these goals (it is possible), and make yourself a drink with an umbrella in it.  You’re done.

7 Comments
February 15th, 2010
Categories: Fringe Focus | Process | Web Design
Home / Blog Design Work About Me Contact Me
Twitter Facebook Flickr Vimeo Dribbble LinkedIn
All artwork on this site (unless otherwise stated) is:
© Copyright 2010 Rob Loukotka | All Rights Reserved
About Rob Loukotka Rob Loukotka is a graphic designer, artist, and co-owner of Collision Labs, a creative design studio in Chicago. Rob's work is a mix of brand identities, websites, t-shirts, visual effects, photography, and anything else he can get his hands on. If you'd like to work with Rob, or if you just want to see more design work, check out Collision Labs.