About Me

a 27 year old, graduated with NUS BComp (Comms & Media), a software engineer finding his place in the world and working towards financial freedom.

Thursday, January 13, 2011

Presentation 1

Recaping principles of visual communication
I would like to evaluate three websites, Lost and Taken, Quora and Forrst


Lost & TakenQuoraForrst
TypographySan-Serif
2-3 type of fonts
San-Serif
2-3 type of fonts
San-Serif
2-3 type of fonts
Color SchemeVintage, ReminiscingCool, Semi-formalCool, Informal
Layout2 column2 column2 column
Grouping and HierarchyYesYesYes
Figure and GroundGood SeparationGood SeparationGood Separation
CompositionRule of ThirdRule of Third-

All these three website uses CSS. It is quite difficult to find website that does not use CSS now a days. In time to come, HTML5 is going to phase out inline styling, further enforcing the web designers to use CSS.

In order to standardize design across the websites, HTML and CSS uses classes. Therefore, all content with the same class will utilize the same CSS bring about a uniform look across the website. This will also allow consistent in the hierarchy and allows viewers to understand the groupings easier.

Advantages of CSS
  • Consistency
    By making one change to your website's CSS style sheet, you can automatically make it to every page of your website. Not only does CSS save time, it also ensures that your web pages have consistent styling throughout your site.
  • Viewing Options
    CSS can help to make websites available for different media by allowing the same markup page to be presented in different viewing styles i.e. for print or for a mobile device.
  • Superior styles to HTML
    CSS has a much wider array of attributes than HTML, therefore allowing more visual designs to play around with.
  • Accessibility
    By separating style and content, it is easily for content-creator to focus on creating or modifying the content instead of having to juggle style and content at the same time. This also allow search engines to search for content more efficiently.

What is WOFF
The Web Open Font Format (WOFF) is a font format for use in web pages. Other font types are TrueType, OpenType, Open Font Format and SVG fonts. It is not expected to replace these format, but just provide and alternative and if possible a standardization for web pages.

Advantages of WOFF
  • WOFF fonts are compressed, so they download faster.
  • Include support for tags and other unencrypted metadata.

WOFF doesn't really have any disadvantages, not that its advantages are very attractive either.

I cannot find any website using WOFF but I am sure there are good websites that are using WOFF, just that I do not know how to search for them.

No comments:

Post a Comment