Time : 8.45AM
Listening to : If I don't have you - BSB
Where : Room - MC
It's been very hard to find websites that have good typography on it. I don't really know how people define good typography so basically I just applied whatever that I've learned in Sharon's Typo class when I analyzed the websites. Sources for the web below came mostly from "Practical Web Design" and random search of brands from the net.
::WWF New Zealand::
I like the hierarchy in this website. They used different colors to highlight the headline for the title. The font size and colors used are also easy on the eyes. Readability is good. Neat and information is not scattered all over place. Actually, I want to comment on the colors used in this website also. It's very soothing and relaxing to surf this site. It is well suited with the theme because the site is to create awareness to preserve ocean wildlife.
....................................................................................................................................::Idea Farm::
This website is not fully running yet but I like the way the title is defined into 2 words by using 2 different colors instead of using space. The intro page has a nice hierarchy. For the main page, I like the different font size used for defining the links' name. Font size used is big enough and easy to read. Words in one sentence are limited to 12-14 words and does not stretch from one end of the page to another so it's quite pleasing to the eyes when read. Colors used are not too bombarding and not straining to the eyes.
This website is not fully running yet but I like the way the title is defined into 2 words by using 2 different colors instead of using space. The intro page has a nice hierarchy. For the main page, I like the different font size used for defining the links' name. Font size used is big enough and easy to read. Words in one sentence are limited to 12-14 words and does not stretch from one end of the page to another so it's quite pleasing to the eyes when read. Colors used are not too bombarding and not straining to the eyes.
....................................................................................................................................::Strato Cucine::
This site make use of the font size to grab users' attention. And they hav really good level of hierarchy to lead the eyes of the audience. You know what to read or focus first. And to highlight or emphasize on a word, the site use a different color for it instead of making it bold or italic. It creates a more balanced feel by having all the text in the same weight.
This site make use of the font size to grab users' attention. And they hav really good level of hierarchy to lead the eyes of the audience. You know what to read or focus first. And to highlight or emphasize on a word, the site use a different color for it instead of making it bold or italic. It creates a more balanced feel by having all the text in the same weight.
....................................................................................................................................::In Your Element::
Really love this site. Aside from the concept that they use (which I think is good. Relevant to their target audience), I really like the way they arrange the typography. Unlike Strato Cucine, instead of using colors to emphasize on a word, the uses bigger font size. Notice the buttons. The links title is bigger and the description is smaller at the lower right hand corner of the button. In the inner page, texts are not cluttered and they are nicely arranged. If users want to find out more, links will be provided rather than bombarding all the infos at once.
....................................................................................................................................::The Forgotten War (Congo)::
This site made use of a good hierarchy also and also utilizes the trick of emphasizing a phrase or word by using a bigger font size. This site although doesn't have much text at the main page, but it does contain a lot of users' contribution of thoughts. So instead of arranging it the way we usually sees it (in table form), users could click deeper into the map and the messages will be shown one by one (as they go deeper). Font size used for reading is at a comfortable size.
This site made use of a good hierarchy also and also utilizes the trick of emphasizing a phrase or word by using a bigger font size. This site although doesn't have much text at the main page, but it does contain a lot of users' contribution of thoughts. So instead of arranging it the way we usually sees it (in table form), users could click deeper into the map and the messages will be shown one by one (as they go deeper). Font size used for reading is at a comfortable size.
Well, that's all for the typo analysis now! Update more soon!
-chen-
[9.06AM]
Labels: On Typography, sharing, web analysis, Web Design 2
