Followers

Friday, December 28, 2012

How To Use Size, Scale, And Proportion In Web Design

Loud and soft, dark and light, big and small. Each is a relative measurement of some quality on some scale. Day doesn’t exist without night and up doesn’t exist without down. Each exists in contrast to the other and contrast occurs on a scale.

In design when we talk about scale we’re usually talking about the quality of size, bigger and smaller, and the relationship of different design elements at different sizes. We’re also talking about proportion, which tells us how well we’ve scaled our design.
Size, scale, and proportion are all related concepts. Let’s define them quickly and then talk about each in a little more detail.
  • Size: the physical dimensions of an object
  • Scale: the relative size of different objects or of an object to a common standard
  • Proportion: harmony of scale

dots of different size

Of Beards and Men


A man should have a beard.
A man’s lack of a beard is a childish public apology for his masculinity. As such, I believe it’s a contemptible and unnatural, effeminate affectation. It’s an indication of the degree to which a man is willing to deny his fundamental nature and and participate in a lie.
Andy Rutledge
I’m thinking about this today after having seen this post on the Mr. Porter site (link via). No, I don’t give a hoot about popular fashion trends regarding beards, but fashion—like a broken analog clock—is right every once in a while. I’ve worn a beard since 1992. Back then, few men I knew sported chin whiskers. In the 90′s beards were not in vogue and popular culture was not at all in love with the bearded look.
A beard, however, is not a look; it’s compulsory for a sexually-mature man. Sure, there are plenty of reasons a man will be asked or required to shave his beard and none of them have anything to do with what is substantive, natural, truthful, or honorable. These sorts of ideas, pressures, or requirements are just a part of the unfortunate social conspiracy to neuter and androgynize men (or simply a shallow man’s misguided effort to appear and become more effeminate). He who participates displays an unfortunate lack of character.
If you’re a man, look and act like it. Do not join the sad legion of lackbeards who look and behave like girls; leaving only a lack of tits to suggest their distinction from women in the crowd. These are not men. These are boys playing at fitting into a culture that demands they be other than, less than they are.
If you’re a man, wear a beard. It’s fundamental.
* * *
p.s. I note that all the men at my agency wear beards, but that is not because of any company policy. It’s just that we only hire men of character.

Tuesday, December 11, 2012

Best wordpress (superthemes.org )

Super themes is amazing wordpress theme     check this link     .

Had fun with the LTE simulator? Now try the full demo!

The Live Theme Editor Interface: Everyone's invited!

No CSS knowledge required - you only need your mouse and some fantasy to build a beautiful WordPress site!
Deeply customize the elements of your site's layout with your mouse only: fonts, sizes, colors, margins, backgrounds... Experience unprecedented fun and power with the LTE editor! Say goodbye to massive CSS coding, and preview LIVE your layout changes. Web design turning into a point and click affair. Don't miss it!

LTE - Advanced Mode: a great tool for adding your custom CSS code - with an instant preview feature!

For coders who love to have total control, an "advanced mode" feature is provided too: a live code editor lets you instantly preview and add your custom CSS code.
For all the CSS jedis out there who love to have total control, an "advanced mode" feature is provided too: a live CSS editor lets you instantly preview and add your custom CSS code.

play with presets, get more for free!

While customizing your theme, enjoy the freedom of saving snapshots of your work and being able to go back if you need, with one click. All theme options will be stored and associated to a name of your choice.
Looking for some inspiration? Dive into the Cluster-One Preset community, a simple and effective moderated virtual place which collects some useful Presets - great starting points for a great Portfolio theme design. Feeling social today? Share your preset in the community, if you want, with another click.

Post Specific Options

Not all posts are created equal: sometimes you may want draw the reader's attention on some specific posts, or use some special color to highlight some important information.
Want to make a post that has double the size of the others? Need to assing particular styles to a specific post? With superthemes Post Specific Options you can tweak the appearance of your sinlge posts to make them unique: everything is ultra customizable

Saturday, December 1, 2012

Friday, October 19, 2012

How To Use Size, Scale, And Proportion In Web Design


How To Use Size, Scale, And Proportion In Web Design

by  
onAugust 2, 2010 Archived in Web Design
Loud and soft, dark and light, big and small. Each is a relative measurement of some quality on some scale. Day doesn’t exist without night and up doesn’t exist without down. Each exists in contrast to the other and contrast occurs on a scale.

In design when we talk about scale we’re usually talking about the quality of size, bigger and smaller, and the relationship of different design elements at different sizes. We’re also talking about proportion, which tells us how well we’ve scaled our design.
Size, scale, and proportion are all related concepts. Let’s define them quickly and then talk about each in a little more detail.
  • Size: the physical dimensions of an object
  • Scale: the relative size of different objects or of an object to a common standard
  • Proportion: harmony of scale
dots of different size

Friday, April 13, 2012

Sean Edward Whelan’s Architectural People






After graduating from the Tasmanian School of Art in 2002, Sean Edward Whelan left Australia to discover the mysteries of Japan, settling in Joetsu, Niigata where he began working as an English teacher and now works as an illustrator and artist. His lovely pencil drawings depicting a rich texture of traditional Japanese buildings, bridges and lanterns, create singular super structures in the shape of people. I can’t tell you how much I love these. Whelan had his first solo show earlier this year at No Vacancy Gallery in Melbourne, and you can see much more of his work here and here.
If you like these illustrations, you might also like the works of Vasco Mourao and Sagaki Keita. All images courtesy the artist.
Update: There’s now a nice interview with Whelan over on Charles and Ford.

Tuesday, January 31, 2012

The Girl With the Dragon Tattoo Title Sequence

The_Girl_With_The_Dragon_Tattoo_-_Full_Title_Sequence.mp4 Watch on Posterous

Blur Studio, the creator of the vivid opening, was given a mandate by Fincher to make the two-and-a-half-minute sequence a conceptual re-creation of Larsson’s full Millennium trilogy — and to completely turn the idea of title sequences on its head

The oil-drenched title sequence that opens David Fincher’s The Girl With the Dragon Tattoo includes mesmerizing details from all three of Stieg Larsson’s books about hacker heroine Lisbeth Salander, not just the one upon which the movie is based.

That might seem like an odd choice, but it was intentional.

Blur Studio, the creator of the vivid opening, was given a mandate by Fincher to make the two-and-a-half-minute sequence a conceptual re-creation of Larsson’s full Millennium trilogy — and to completely turn the idea of title sequences on its head.

“I got a call from him, it was the middle of the night in Sweden and he was on some shoot that was going really bad,” Tim Miller, Blur’s co-founder and the creative director behind the sequence, said in a phone interview with Wired.com. “And he calls me and he says, ‘Look, you’re going to do this thing and it’s going to redefine titles for our generation the way Se7en did and that’s all there is to it.’”

So, as happened with Se7en‘s title sequence, a song produced by Trent Reznor (in this case a cover of Led Zeppelin’s “Immigrant Song” with Karen O and Atticus Ross) became an eerie opening soundtrack, and Blur set about bringing Fincher’s primordial-ooze fever dream to life. (See the Dragon Tattoo opening title sequence above.)

 

To get what Fincher wanted, Blur worked with the director to pick out general and specific moments in the trilogy that could be demonstrated visually — a pressed flower, wasps, the instruments of hacking, Lisbeth Salander’s father being set on fire, and, of course, the dragon alluded to in the title.

Blur ended up with 26 moments approved by Fincher, then composed them into 252 shots of 24 frames or fewer. Each piece was created electronically using 3ds Max, RealFlow (for the oily goo), Softimage and other software, as well as 3-D scans of principal actors Rooney Mara and Daniel Craig (to get their likenesses right).

It was a tall order, but the crew at Blur’s Venice, California, headquarters completed the project in a few months. (Watch a clip of Blur’s computer renderings coming together below.)

So what was it like for Miller, who has known Fincher for a while and worked on other projects with him, to create something for a director infamous for his meticulousness? He admits he had fears the Dragon Tattoo intro would get nit-picked — or “pixel-fucked” — to death. But as it turns out, the opening title sequence came together with very few snags.

“It was pretty smooth-flowing,” Miller said.

Update: An earlier version of this story contained a quote from a press release that was attributed to director David Fincher. After publication, the publicity company informed Wired.com that the quote did not come from Fincher. The quote has been removed.

Poster a day