Wednesday, July 27, 2011

Sutro Bleu

I can't stop thinking about the words Sutro Bleu. Sutro Bleu is an art movement that exists between two people, one person whose life has branched into other areas, and whose life only crossed with mine in the silhouette of a boyfriend, who I dated for a month or more. His roommate Victor and I met up in San Francisco when I was there for work and he was passing through, and we went to the abandoned and ocean-washed Sutro Baths.

And, over dinner and after viewing the ocean, we created an art movement, Sutro Bleu. I recalled it the other day with friends, while we were talking about something to do with their lives, and Sutro Bleu came to me. And it was totally, and utterly, mine. It's mine, and it's originally and inspirationally mine. It felt like some identity, some value, something solid and there. And, strangely, it had been gone, muffled under the waves of life, for almost five years. Why did it just come up, suddenly, and why is it now, persistently, in my thoughts? Sutro Bleu, Sutro Bleu, what are you saying?

If I take it like a dream: an art movement, a character named Victor who, with me, created something originally ours, something that ties in with who I am; a person who grew up near the oceans of SF, with water in her back yard. And with France, and the beauty of France, the fun of European Travel, and who we want to be.

I think that'll be my new design name. Sutro Bleu. Should it be my blog name, too?

- P

Monday, July 25, 2011

Two-Toned & Monochrome

.... From City Dog's Single Color to the Two-Toned Love of Isaac Hers.

& How you Can keep Monochromatic Interesting
& How to Create the look & feel of Expense & Elegance with a two-toned look

Lead down the rabbit hole of Monochromatic sites, I came upon City Dog, which plays the Monochrome like a winning hand. What makes this site successful and not boring is the visual subject matter-- it has a beautiful (are maps almost always beautiful?) grey map as the background pattern. The map has various shades / values of grey, some darker and some lighter, so it employs not only interest in its pattern, but in its tone. The fact that it's still all one color keeps the visual in-tact and together.

It also employs visual candy like vintage images, a rotating carousel with great writing ("Boot or Bone?" "Friend or Foe?" "Litter or Lunch?") and those snappy vintage images, and an intriguing pointed dog logo (the vintage style is great, the pointing dog is as serious and playful as the business, and by pointing it's saying, "Found It", with "it" being, of course, the business).



Then we move to Sketchnotes, which employs some of the same basic interest points and some sneaky hidden color. Instead of all grey, it's a grey blue, which adds a little more interest for the mind. It also has a varied and playful background pattern-- it's covered with little comics, each one surrounded by white, so it's spotted with fun and playful images. They make the mind wander over the page to read them, which is a great way to entertain the viewer / user and to lead them over the page Without Their Realizing It. Mind control? Well, yes. Some of the hand-drawn text also adds happy variety. But the hidden color! Scroll over the Buy On Lulu.Com and Voila! Hidden Green and a Starburst! Eva Lotta Lam can't be constrained by blue and adds the Easter Egg green throughout. Yes, OK, it's just colored links and a starburst on her Buy button, but the playfulness is fabulous.



And where does this rabbit hole end?

Surprisingly, it ends with a very sheer simplicity and elegance, one that I didn't expect. But when I ran across it, I knew this was the reason why I'd followed the path.

Take a gentle monochromatic piece (calling black and white monochromatic) and add a sheer, simple flesh tone, and you get the Coco Chanel look, or the... Converse Vogue look, or just that striking elegance of all-grown-up and partying at fancy places. Look at Isaac Hers. Her header image is of a delicate grey zigzag pattern. The spikes of the zigzags give it some power, like teeth, but the thin lines keep it elegant and gentle. And then, add the sheer, flesh-colored box to the center and it looks like a perfume box, or a clothing box, or a label, and it definitely looks expensive.




So that's how to create the expensive and luxury look. Use a monochromatic pattern and add a very sheer and clean/contained shape over it, preferably to encase the name.

And if you're going Monochromatic, remember the element of play. Use variety in your pattern, text, and entertainment (carousel, witty language) or even employ an Easter Egg of color, and voila-- successful site.

Have a fabulously designed day!

Friday, July 1, 2011

The Creative Comment Box

Check out Slow Like Honey's comment box:



When I designed comment boxes like this, I always thought they were too elementary and it showed that I didn't know how to design. Seeing Slow Like Honey's comment boxes, though, not only transported me to the past but has reawakened my sense of the comment, or of online forms, in general. Why do the boxes have to be "clear" or "white" and look like general forms? Why can't they look entirely different? Slow Like Honey's comment box actually looks really good and balanced with the rest of the page / theme of the site, btw.

Looking up "Creative Comment Box" only brought up one list via Google, and even that list isn't that good. They're all "boxy" and bulky and not very creative at all-- they're all reiterations of the same thing. Is there any way that we can make comment boxes look different? I'm thinking tabs, different shapes, voice recognition, all sorts of things. Of course, some of these examples might create more steps but perhaps more steps are WORTH IT.

What is wrong with incorporating more steps? As long as it doesn't get dizzy or too involved, I think that we're allowed to create just a tad more adjustments for the user. I don't want to say "work" because that should be kept to a minimum. I don't know why, but this is reminding me of this winery website I once saw (can't remember what it was now) but the main page was this circular map and, as the user hovered over different parts, the whole map would turn to the left or right. It was very confusing, hard to follow, and generally a headache. So I'm not saying to go "so creative" that it fails and becomes confusing and a pain. But maybe I'm saying to go even more creative and to come up with a plausible solution that's clear, concise, and different.

Can you do that? Do you know of any creative comment boxes? If so, please share, and I will continue to keep my eyes open for them and think about how I might create an interesting and new type of comment box.