kemosite.com
Effective Design Tells a Story PDF Print E-mail
Blog - Graphic Design
Tuesday, 22 September 2009 21:42

I recently finished reading a small, impact-full book called “Epic” by John Eldridge. Though the book is primarily a Christian theme, I realized as I was reading the prologue how the importance of a “story” has implications in design. A good quote to consider might be one spoken by Samwise Gamgee in J. R. R. Tolkien's Lord of the Rings:

“I wonder what sort of tale we've landed in.”

One of the key ideas in Epic is that every situation is a small part of a larger story. The design implication here is that every solution should anticipate a story, and have a plan as to how each story should unfold. Using personas would be a good way to achieve this. This sort of consideration leads to designs that are meaningful and relevant. William Shakesphere's Macbeth has a good quote that could also be applied to design, and that is to avoid a design that is:

“...but a walking shadow, a poor player That struts and frets his hour upon the stage And then is heard no more. It is a tale Told by an idiot, full of sound and fury, Signifying nothing.”
Last Updated on Sunday, 08 August 2010 02:24
 
scribus.net | Scribus Open Source Desktop Publishing PDF Print E-mail
Blog - Graphic Design
Friday, 24 April 2009 23:23

Hey neat! If you are a fan of GIMP and Open Office, you might want to consider adding this to your collection. scribus.net | Scribus Open Source Desktop Publishing.

Last Updated on Sunday, 08 August 2010 03:39
 
Ambientlight.ca - Laws PDF Print E-mail
Blog - Graphic Design
Wednesday, 08 April 2009 21:44

If you're wondering about what the laws are in Canada regarding photography and what your rights are as a photographer, here is a good place to start. Ambientlight.ca - Laws.

Last Updated on Sunday, 08 August 2010 03:42
 
Additive and Subtractive Colour: Which Way to White? PDF Print E-mail
Blog - Graphic Design
Sunday, 05 April 2009 21:17

Every now and again, I have to remind myself of the difference between additive and subtractive colour, and which colour mode—RGB or CMYK—uses it. The way I remind myself is with a simple rule called "which way to white.” It works like this: Take a piece of paper that has been printed like an advertisement, presumably CMYK ink printed on a white sheet. How do you get the white colour? Take the ink away. CMYK = subtractive. RGB is therefore additive by deduction. So, CMYK = subtractive, RGB = additive, and "which way to white" helps you remember that.

Last Updated on Sunday, 08 August 2010 03:45
 
'Font-Size-Adjust' Estimator PDF Print E-mail
Blog - Graphic Design
Wednesday, 18 March 2009 16:10

Enter in the name of a font that is installed on your system, and click "change". An alert will appear with a x-height ratio. This number is an appropriate value for the 'font-size-adjust' CSS property.

The Back Story

This tool was created when I read up on the developing CSS3 spec and was intrigued when I found the re-introduction of the 'font-size-adjust' property. For those who don't know, 'font-size-adjust' was introduced in CSS2, and then dropped in CSS2.1 as it was found to be problematic. The purpose of this property was so that:

the subjective apparent size and legibility of a font are less dependent on their 'font-size' value than on the value of their 'x-height', or, more usefully, on the ratio of these two values, called the aspect value (font size divided by x-height). The higher the aspect value, the more likely it is that a font at smaller sizes will be legible. Inversely, faces with a lower aspect value will become illegible more rapidly below a given threshold size than faces with a higher aspect value. Straightforward font substitution that relies on font size alone may lead to illegible characters…This property allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in the substitute font.

I love the idea of maintaining legibility in font substitutions. I understand that Firefox might already be implementing this property, or never stopped from CSS2 (I'm not sure which). The biggest problem I found was, how is someone supposed to find the font aspect ratio? The key was finding the x-height.

I recently came across a couple of websites that gave me a few ideas on how to find the x-height quite easily. They are:

  1. http://www.cs.tut.fi/~jkorpela/x-height.html - This page has a mechanism to help estimate the x-height of a font. I improved the JavaScript and it's being used here.
  2. http://www.w3.org/TR/CSS21/syndata.html - CSS 2.1, Syntax and basic data types. This is where you can get information on a neat little thing called the 'ex' unit (the 'x-height' of the relevant font).

This tool seems to work fairly accurately. Feel free to give it a try.

Last Updated on Sunday, 08 August 2010 03:40
 
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>

Page 1 of 23