Sunday 27 March 2011

BumpTop 3D desktop


BumpTop has been acquired by Google. It will no longer be available fore sale. It is still unknown what Google has planned for the software.

Thursday 24 March 2011

I have to stop working to blame about this



I am doing some kind of work now, and seeing this web source Accept Jesus, Forever Forgiven from web page that suck. That shocked me, couldn't understand how does it challenge your tolerance.
An earlier discuss talk about Why Do Web Designers use Light Gray Type on a White Background? That problem might be hard for reading text by light the contrast of background and text. And it also cause the readability problem. For this dazzling, rich colorful, flashing background make your feeling like lightning a bomb, and want shut the window off as soon as possible. Have you ever noticed what the text on the website yet?

Wednesday 23 March 2011

The highest color contrast = The most legible solution on screen?

As my earlier article said, black and white provide the highest contrast, and similar color paris such as white and yellow on black and blue background could produce the highest color contrast as well.

Is that mean it will determine the best choice for screen text reading?

Some public cases shows when a message or instruction involves a more complicated explanation, black and white provide the highest contrast this does not always provide the most legible solution. The book “about face” gives a obvious example to support this idea: British road signs using white (sans serif) lettering on a dark-green background; “hazard warning” signs where black letters are used on a yellow background.



Is it possible that the message or instruction on web involves a more complicated explanation?…
Therefore why do you believe it is safe to choose a black color type?

Thursday 17 March 2011

Does x-height really matter when choosing fonts in using for readability and legibility?

If using a typeface with a low x-height at a large point size, wouldn't it has the same result as using a medium or large x-height smaller point size. So does it means x-height only useful when setting very small like 6 point size fonts?

more answer in StackExchange

Tuesday 15 March 2011

Resolution setting to achieve readability series 1: Different media—fonts size on screen and print

How do you remove fonts size on print to screen to achieve readability?

Fonts size is different between screen and paper. Why?
How do you measure both sizes?
How do you exchange them?
What are the standard resolution/fonts size for them to achieve good readability?

The computer screen is not a piece of paper and is not read at the same distance or orientation as print on paper. We do not notice that fonts size is different setting on both of them because they all designed by people-oriented considering.

Font sizes in inches are fine on a piece of paper but meaningless on a PC screen where the size of anything is measured in pixels.
Inches on a piece of paper are physical inches which using point when output on print, and Inches on a screen are logical inches that the unit is pixels. See the explanation of logical inch.
A formula given by the emdpi.com make a connection of inches and pixels

font size in pixels = font size in inches × screen dpi

For example:

Screen dpi and image or scanner dpi are different concepts.

The common term of DPI is a fixed number for a given printer. It is a phisical characteristic of a printer, and also known as the maximum resolution that a printer is capable of. Low-end printers have lower DPI while high-end printers have higher DPI.
When printing it is important to make sure that the DPI is higher or equal to the PPI. If the DPI is lower than the PPI the printer will not be able to fully display the high resolution of the photo.
300 dpi is going to look fine, 600 dpi will look great, 1,200 dpi is excellent, and once you get above 1,200 dpi, it’s going to be nearly impossible to see any difference in whatever you’ve printed.
You might got question about “Is it same DPI requirement for both pics and text on print?” I don’t know, but from Scott Elli's answer it would be the same for text.

Screen dpi would be more sense if we called “screen ppi”( pixels per inch). It has one purpose, and one purpose only, and that is to transform screen inches into screen pixels. It has nothing to do with physical inch measurements or screen images. The dots in screen dots per inch are pixels, but the inches are logical inches and not physical inches. see here
There is some relationship between Text Size and Screen Resolution. A survey of Browser Text Size settings from clickdensity shows:
1. The vast majority of visitors (99.7%) use default (Medium) text size settings.
2. Approximately twice as many visitors (0.2%) increase their text size than decrease their text size (0.1%).
3. Users with very low (640 x 480) or very high (larger than 1600 x 1200) screen resolutions are at least twice as likely to change their text size settings (compared to users with resolutions from 800 x 600 to 1280 x 1024).

Monday 14 March 2011

How would you choose colour if you want to produce the most readable text?

Colours can contrast in hue, value and saturation. Hue and saturation are not important for legibility, but value does. Black and white create the highest contrast possible. That’s because white has a 100% brightness value, whereas black has a brightness value of 0%. It is common to use a combination of them to avoid a dull page.
Reason:
Text readability depends on the ease of distinguishing letter and word shapes which in turn depends on the discrimination of fine detail. High achromatic contrast maximizes this aspect of perception. Since the chromatic system has 1/5 the spatial resolution of the achromatic system, color cannot produce fine detail.

Contrast of value:
Common example:
Black text on white paper/white text on black paper.
Color of print and background:
1. Black print on white background is more legible than white print on blackground, due to the smaller number of fixation pauses. Three fourths of readers prefer black type on a white background.
2. The legibility of black print on tinted paper varies, according to the reflectance of the tinted paper. If the reflectance is over 70%, there is no notceable loss in legibility for type over 10 points in size.
3. The great the brightness contrast between print and background, the higher the legibility.
4. Dark ink on a light shade of colour ink or coloured paper results in the most legible combinitions of colored ink on a colored background.

Contrast of value and hue combination:
The further way on the colour wheel of two colors are, the higher hue contrast.
The larger differences in lightness of two colors are, the higher value contrast.
Example:
A bright warm color and a dark cold color. (cold colours appear to be more distant, while warm colour appear to be closer)
Such as: bright red for text and dark blue for background

Contrast of value and saturation combination:
The further distance of two colours in saturation, the higher saturation contrast.
And The larger differences in lightness of two colors are, the higher value contrast.
Example:
A interesting effect of saturation contrast is that a setting of colour with different saturations set against a grey background.
Such as:
Rich red for text on light grey background.

Colour contrast does not achieve legibility:
Contrast only hue or saturation
Examples:
red-blue, green-yellow, green-white, green-gray ("button gray", the Windows standard gray) etc. (high hue contrast, they have small value contrast)

Summarize:
The best combinations have the two brightest colors, white and yellow, contrasted with the two darkest colors, black and blue: black-white, blue-white, blue-yellow, and black-yellow. Red has a dark intermediate brightness and works reasonably well against all backgrounds but blue.

Thursday 10 March 2011

Why not use san-serif fonts on print design?

It's better to use san-serif than serif fonts on web, as their simpler letter form remain readable at low resolution. serif fonts need more pixels to display their extra details. I was wondering why I seldom see any san-serif fonts for body text on print design?
Join the conversation. go.