Analysis Poll Week 4

Link us to: http://sn.im/24oarz

For this week analysis poll, is about “What is your frequently use typeface on your daily life?”.  Typeface has become more and more important on our daily life style, but in each of the situation may use different kinds of the typeface example writing a report may use Arial, and doing the advertisement may use Franklin Gothic and etc. Typeface in use has mentioned before in our previous blog; reader could read back to our previous blog by clicking here. 


The purpose for this week poll is to collect the information from the audience, to find out the frequently use typeface on their daily life. On the above diagram has show, the frequently use typeface will be “Time News Roman” has higher percentage which is 46% is because Times News Roman can be easy to read by the reader, also compatible for all the operating system which no required extra installing needed cause of majorly people was use it. 


Secondly, Arial has second highest poll in typeface which is 36% because similar characteristic with the Times News Roman but mostly people use it as formal usage.  Thirty, which has two similar results of 9% that is Calibri and none of the above; Calibri is the default typeface for all Microsoft office, it use for the standard document. For “none of the above” because not all the user are using the same operating system, some of the operating system which the default font type is different with another operating system such as Mac OS default font will be Lucida Grande. Lastly, will be Cambria that is 0% because the Cambria characteristic mostly people use for the heading.

Windows Fonts

Link us to: http://sn.im/24o9nv


In the past, the text is the primary. It is used for exchanging, editing, communicating and recording. The evolution of text have made user interact with text more than before in the past. For examples, it is used in web, email, presentation creation and others.

We cannot separate the text from its visual representation because it might change the meaning of the text. Besides that, Microsoft has integrated a wide range of fonts that come along with the Windows. Every font has its unique personality. Sometimes, it can be used to subtly and unsubtly.

One of the extensive collections of fonts with Windows is Microsoft ships. It supported almost any language around the world. Other than that, Microsoft has developed an array of fonts in many different language and scripts. For example, Microsoft has developed ClerType Font Collection, Calibri and few more fonts for Windows Vista to improve the readers through on-screen reading experience.

There are over 40 new fonts that have been created in Windows 7. It helps to extent the language and script support offered by Windows and enhances the Windows user interface for various languages.

(http://www.microsoft.com/typography/fonts/font.aspx?FMID=1798, 2011)

Segoe UI Symbol is one out of the forty new fonts in Windows 7. The ranges of the Segoe UI Symbol are controls pictures, block elements, letter like symbols and more. To know further information about others new fonts in Windows 7, please click here.

Do the 40 new fonts in Windows 7 help you in your daily life? Do you think the new fonts are useful for Windows 7? Please share your views with us by posting your comments.

Reference:

Internet reference:
Microsoft, Fonts for Windows, Windows Fonts, [Online], Retrieved 18th FEB 2011.
URL: http://www.microsoft.com/typography/fontinfo/en/
Microsoft, Microsoft Typography, New Fonts in Windows 7, [Online], Retrieved 18th FEB 2011.
URL: http://www.microsoft.com/typography/fonts/windows7.htm
Microsoft, Microsoft Typography, Sogoe UI Symbol, [Online], Retrieved 18th FEB 2011.
URL: http://www.microsoft.com/typography/fonts/font.aspx?FMID=1798

Where is Typography used?

Link us to: http://sn.im/24w4iv


Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, and clerical workers.

Typography plays a very important role in web design. Since digitization, typography has spread to a wider ranger of applications, appearing on web pages, LCD mobile phone screens, and hand-held video games.

The use of typography is very broad, covering all aspects of letter design and application. Some examples are as follows:

Advertising, Exhibits, business communications and promotional materials
Typography commonly used on billboards, headline, logo, posters for advertising, large exhibits and communications and promotional materials. Font type Franklin Gothic is used.

Magazines and Text books
Typography using font type News Time Roman mainly used on books, magazines and various printing matters.

Vehicle Instrument panels
Typography is used by famous organizations such as AT & T, American Airlines, Toyota, and Microsoft for their instrument panels. They used the most popular font type Helvetica.

Industrial design
Typography commonly used on household appliances, pens and wrist watches.

Can you think of where typography is used apart from those mentioned-above? Do you have any idea what font types they are used? Share your opinion!


References:
Typography [online], Retrieved on 22th February 2011
URL: http://www.worldlingo.com/ma/enwiki/en/Typography

Analysis Poll Week 3

Link us to: http://sn.im/22wkl6

The Following are option and the percentage of total votes for each choice, below:
Typography Tutorial -18%(3 Votes)
Typography Tips And Rule-12%(2 Votes)
Typography Detail Information-6%(1 Votes)
All The Above 65%(11 Votes)

This week’s poll question is on “Which you prefer our blog to be focus on ?” We have received several votes from our guests. Based on the poll results, this is simplified version of the results in a pie chart form.

The pie chart show the highest result is “All The Above ” , get 65%(11 Votes) ,the second highest result is Typography Tutorial, get 18%(3 Votes), the third highest result is Typography Tips And Rule, get 12%(2 Votes) and the last result (low result) that is Typography Detail Information, get 6%(1 Votes).

Clearly from the above Pie Chart, the highest result are "All of the above" because major of the user are more interest to know overall of the Typography which contain the Typography Tutorial, Typography Tips And Rule and Typography Detail Information. Typography Tutorial is guide and tech reader’s step-by-step how to create their own typography. Therefore, Typography Tutorial make users better understanding how to design a nice typographic. Typography Tips And Rule is to given the user guideline on creating a good typography, to avoid the user fall in the common mistake that every designer make. On the another hand, Typography Detail Information is similarly to the timeline of the typography which given the idea on what is about Typography, Evolution of Typography and etc.

Free Font ready to download

Link us to: http://sn.im/22wkfr

Through the year, fonts has become more and more type which some of the fonts it need to purchase. That is some of the website which available selling some kinds of the fonts such as FontShop.com. Overview of the FontShop.com , they carry over 150,000 fonts in every style and category with the 7 different subcategory which Sans, Serif, Slab, Script, Dislay, Blackletter, Symbol, and non-western. Some of the fonts in order to use, the user may needs to purchase which will be cost around $10 to $100 plus. Based on research that I fount, the world more expensive fonts complete Trinité family bundle fonts it cost €3368 by using the MayBank2u Currency Converter tools to convert euro to RM it cost RM13,559.57 in Malaysia. 

In today our blog will be provide some of the free fonts that you may interested to use it, but all the credit will be go to the fonts creator, our blog it use link it become a one access point. 

***Notice: Click the image to download.

1. Pointy Font

[Source: http://webdesignledger.com/wp-content/uploads/2009/06/drawn_fonts_2.jpg]


 Download hits

2. Delicious Font

[Source: http://cdn.ilovetypography.com/img/free-delicious.gif]


 Download hits

3. Fontin Sans Font

[Source: http://cdn.ilovetypography.com/img/free-fontin-sans.gif]


 Download hits

4. Agent Orange Font

[Source: http://www.urbanfonts.com/images/cache/fontname/5d928c323cc952596ad9e924aef985e4_724_127.png]


 Download hits

5. Bleeding Cowboys Font

[Source: http://www.urbanfonts.com/images/cache/fontname/d669c873286618183db56070b22de60a_724_127.png]


 Download hits

To download all  http://dl.dropbox.com/u/21363548/delicious-123.zip

How to install?

Here is the some of the step to teach you how to install the font you have download.

step 1 : 

Download your fonts into you desktop, so that you may easy to search for it.

step 2: 

Assume you have complete download the fonts on to the desktop. At the first click the start on the task bar.

step 3: on the start menu, looking the control panel and click on it.

Step 4: 

After the control panel screen have pop out, search of the Fonts and click on it. 

Step 5:

On the Fonts screen, select File and click on Install New Fonts as showing on below.

Step 6:

After complete the step 5 you should now on the Add fonts screen which showing on below picture. Now select the right location where you put the font and the List of fonts should list out available fonts, choose it and press OK now you have complete install the font.

Want more free fonts? Please leave your comment let us know and you mind share any interest fonts you have use.

Reference:

Internet Reference:

1. iLoveTypography, Download Free Fonts [Online], Retrieved 16^th FEB 2011.      

    URL: http://ilovetypography.com/download-free-fonts/

2. Dafont, Pointy Font [Online], Retrieved 16^th FEB 2011.    

    URL: http://www.dafont.com/pointy.font?text=pointy&psize=l
3. Urban, Top 100  Free Fonts Downloads [Online] , Retrieved 16^th FEB 2011.      

    URL: http://www.urbanfonts.com/fonts/top-100-fonts.htm
4.  1001 Free Font, Agent Orange Font [Online] , Retrieved 16^th FEB 2011.    

    URL: http://www.1001freefonts.com/AgentOrange.php
5.  Font Cubes, Bleeding Cowboys [Online] , Retrieved 16^th FEB 2011.

    URL: http://www.fontcubes.com/Bleeding-Cowboys.font

 

The Importance of Typography

Link us to: http://sn.im/22wk7k

Nowadays, Typography has become more important for various communications on a global level. It helps contribute to student, family, governments and businesses. Typography makes their life become more interesting and colourful. There is few various type of form that has been used these days.

The first type is Used in Learning. People can become skilled by gaining information and use the information as a means of communication. Education institutions depend on type to teach students, educate them and let them have right to be heard. Hence, indirectly people are sharing every type in the life that helps broaden their thinking skills.

The second type is Among Family and Friends. It is important to maintain a good relationship with friends and family. We can create our homemade card, letters and e-mails to show our loved ones that we care and appreciate them. This proves that the use of typography is important because a part from communicating orally it can be used to express our thoughts in a written manner.

The third type is In the Workplace. Here, typography is used as a tool of communication to run business, government, and an organization smoothly. A formal type is often used in documentation such as letterheads, invoice, e-mail correspondence, newsletters and meeting minutes. This is to ensure that company functions more systematically.

The fourth type is For Commerce. The evolution of typography has affected the local and worldwide commerce. Companies need to make a good decision on which type to be used during trade in order to success. Usage of wrong type in advertisements such as TV adds, posters and billboards can give a wrong perception to the viewers. Consequently, this will lead to the failure of the product being promoted causing a serious damage in business.

What is your opinion on the importance of typography? Do you agree with the various form of type that had listed at above? Please share your views with us by posting your comments.

Reference:

Internet Reference:

BRIGHTHUB,Advantage of Typography, Laura Jean Karr [Online], Retrieved 11^th FEB 2011.

URL: http://www.brighthub.com/multimedia/publishing/articles/62192.aspx

20 most popular fonts used in Typography for design

Link us to: http://sn.im/22wjwz

Fonts play an important role in design. There are many fonts available but the 20 most popular used are:

1. Helvetica – All graphic designers in the world agree that Helvetica is the most popular and influential font as it is widely used. Helvetica has many versions for Greek, Hindi, Latin, Japanese, Hebrew and etc. Famous organizations such as AT & T, American Airlines, Toyota, and Microsoft use Helvetica.

2. Futura – Futura is the next widely used font based on the principle of geometric shapes. Widely used in logo, exhibits, and books in which the size of the books are not too big.

3. Garamond - Garamond is one of the old typefaces used by King Francis I in 1540. Since then, this typeface is used in various countries. The famous one is Adobe Garamond used in text books cover.

4. Bodoni – Normally used on headline and logo, posters and large exhibits.

5. Frutiger - Frutiger was first used in Charles De Gaulle International Airport, France. This font is commonly used as symbol and at exhibitions.

6. Trajan – Mainly used in movie poster and promotions. Trajan Bold was one of the font type used in movies which includes the famous Titanic!

7. Myriad - Myriad is commonly used in all Apple products and is a corporate font for Apple.

8. Minion - Minion is serif typeface used in education and universities.

9. Bembo - Bembo was first introduced in Cardinal Bembo’s Book De Aetna describing the journey to Mount Aetna in Italy. This font has many uses.

10. Baskerville –Fonts are the results of experiments to develop another typeface. Usually used for textbooks and education materials.

11. Rockwell - Rockwell is a geometric slab serif variant. Famous product includes the Time magazine and OS Apple’s Tiger. Mainly used on headline, short texts and posters.

12. Verdana - Design for Microsoft in 1996 and used a lot on web design.

13. Franklin Gothic - This font has a type with different width and used on advertising, exhibits, bulletin boards, books, and various types of media.

14. Times New Roman – Widely used on books, magazines and various printing matters and first appeared on October 3, 1932 at the renowned British magazine, The Times.

15. Gill Sans - This font is used in a lot of products like Mac OS X and Microsoft products.

16. Univers – This font has many similarities with Helvetica and can be read easily from a distance than any other font. Therefore it is widely used by aviation companies such as Swiss International Airlines, Deutsche Bank, and Frannkfurt Airport.

17. Clarendon - This font is widely used in many companies in the UK and other European countries.

18. FF Din – Modern font used in Adidas, JetBlue Airways and American Eagle Outfitters.

19. Avenir - Widely used to add style and clarity of text. As with other fonts, these fonts have several variants.

20. Warnock Pro - Considered as the most popular fonts. Used by many products such as Adobe CS.

Can you think of what other popular fonts and where they are used?

Reference:

Online Reference:

Ghozi Multimudia, 20 Font yang Paling Terkenal dan Berpengaruh di Desain Grafis,[Online], Retrieved 10th FEB 2011.

URL:http://ghozi.com/komputer/20-font-yang-paling-terkenal-dan-berpengaruh-di-desain-grafis/

15 basic rules to create a good typography

Link us to: http://sn.im/22wjq3


The proposal for this article is to improve your skill in term of creating web or print. Of course, those rules will give you an idea on how to develop an object with typography contain the element of neat, clean, and easier to read. It will automatic bring the benefit to you in term of the attractive webpage or print because the rule been apply will give your reader easier to read and search the word on they need. The rule will separate in to the 14 point as the below, to let reader better understanding and having a clear message.

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

1. Do not over using type of font

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

At consider it will be useful through a document or website. If too many fonts apply in one page it will be creating messy and no neat because different font contain different size and share at the end it will be general confusion to the reader. A good rule to be following any document and page will not more then 3 different fonts it will give the benefit the result on clean, tidy and neat to the page.

2.   Hierarchy

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

As the designer they should know the rule of the hierarchy is the important in the typography of the page. Each of the level in the hierarchy will tell the user the information are important and what the head line. The most basic rule in hierarchy the headline much is on the top of the page and bold it or in the large size compare to the body paragraph.

3.   Font size

According to the Coliss, each of a document or website should not more than 4 different font sizes. The reason why because too many font size make a document disjointed. Basically, 4 are enough for a document or webpage because one will going to heading of the paragraph, another one for an introduction, following will be body text and another one for an addition quote or something else.  

4.   Body size

Set in your mind always keep the body paragraph between 8 to 12 pt sizes. It looks near, tidy and given an idea to the user that are the body paragraph. In the any area of the school or college, the lecture will require the student doing they project or assignment on the body paragraph set as 12 pt.

5.   Readable typeface

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

On the internet there have a lot of the type typeface available in the market. In some of webpage using the funny kinds of the typeface to write the article it may causes reader hard to be read. Keep in mind, for a good standard copy keep things as simple as you can it may bring the greater result. 

6. Leading

Leading is an important element in the vertical space between the lines of type. To configure the Leading  its easy can be done by automatically setting.  The problem by now a lot of the user was not taken Leading as the important thing, at the end causes of reader having problem to read the sentence.

7.   Kerning

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

Kerning is the spacing between letters. Instead of automatically configure by it. An example of this for Helvetica “ r ” and “ t “ characters together it will be appeal kerning manually in this case.

8.   Accent or emphasize

Accent or emphasize that is effective to draw attention for the key words, it may help to bring out key words and also break up the key words from the large sections of text.

9.   Don’t over emphasis

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

Keep the emphasis as simple as you can otherwise it may make the reader confusion. Basically, you may use bold, italic or underlined to do, it was the basic idea of the emphasis please keeps in mind of the method.   

10.   No caps in body text

Do not simply use capitals in the body paragraph. It may bring different meaning from what you try to tell. 

11.   Always align to a baseline.

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

Please keep the horizontal line of text as simple.

12.   Aligned

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

Always keep the text aligned to left it will be easy to read, will not bring the paragraph messy. In addition, why not using justify as aligned of the paragraph because sometime justify may create the gaps between the text are too much at the end bring the massy on the paragraph.

13.    Lines not too long or short

The lengths between the lines are important. It gives the clarity, the text easier to read. As a guide, each of the text contain 12 words will be prefect enough and provide more readable to the page it may using columns in between.

14.   Punctuation and Bullet point

[Source: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html]

Lot of the people was forgotten the function of the punctuation marks and bullet point in the typography because of the software now day do not making it easy for the user to handle the correctly.

15.   Fibonacci

0 1 1 2 3 5 8 13 21 34 55 89 144…

The idea of the Fibonacci number is 0 and 1 and each subsequent number is sum up of the previous of two. As for Fibonacci sequence elegance it is useful the occasion where it can give. Many artists using the golden ratio, grand the work made. Therefore, it use in the typography it is a good suggestion to be consider.

Based on the above article, do you has notice about it before when you was doing document or web? Beside the above article, do you think which for the point we need to be alert or be careful?

Coliaa, 基本的だけど大切なタイポグラフィのシンプルな14のルール [online], Retrieved on 5th February 2011.

URL: http://coliss.com/articles/build-websites/operation/design/simple-rules-for-good-typography.html

Six tips to make Typography more attractive and easy to read

Link us to: http://sn.im/22wjh0

There are six important or basic tips that user need to follow when creating their design. It helps user to create a great contrast in between the visual design and the letter fonts. Although the design is good but the typography is hard to be read by the readers, it means the design is not a successful work. Typography is a key element in the design because the typefaces are the core.

The first tips to make typography more attractive are Kerning. Kerning is the spacing between letters. It is important to make sure that the spacing of each letter should not be too near or not to be too far while creating the design. This is to avoid readers from having difficulties to read the typography. The second tips are Font Selecting. Choosing the correct fonts will help the design become more perfect and easier to communicate with the theme of the topic. Types of fonts can be known as ‘voice’ which represent speak to the design.

The third tips are Bold and Font Size. Well using bold and font size brings the right impact flows to the readers. It helps reader to determine which part should be seen first. This makes the design more clear and easy to understand by the readers. The forth tips is Line Spacing. Line Spacing in an article is very important. It eases and does not tire out the readers eye when they are reading a long article.

The fifth tips are Colour. The combination colour between background and fonts while creating the design must be contrast. It makes the reader comfortable to read and not offend the eyes. Every designer need to note that combination of black and white will produce negative effects. The last tip is to make typography more attractive by Paragraph Width. It is important because readers do not need to slightly turn their head from left to right while reading every single line or paragraph of an article. Proper paragraph width makes reader feel comfortable and relax while reading the article.

With these six tips given above, readers surely will get attracted to the designers work and like it. What is your opinion on the six tips to make typography more attractive and easy to read? Please share your views with us by posting your comments.

Reference:

Internet Reference:
Tutorial/tips/inspirasi desain jurus frafis, 6 Tips Membuat Tipografi Lebih Menarik & Mudah Terbaca, Richard Fang [Online], Retrieved 3rd FEB 2011.
URL: http://jurusgrafis.com/artikel/tips-membuat-tipografi-lebih-menarik-mudah-terbaca/

Basic rules of typography for web design

Link us to:http://sn.im/22wjdb

Typography plays a very important role in web design. About 95% of web design consists of the font; therefore the knowledge of typography should be a top priority for web designers and web developers. Selecting the best fonts is essential for any image or design. Fonts can either make or destroy the design, so it is critical for designers to choose the right font that will suit to your design.

The following is a brief explanation about the fonts used in web design:

Serif Fonts

This is one of the oldest types of fonts around since the year 1200. One kind of Serif font family that often we know it is Times New Roman, Georgia, Book Antiqua, Palatino, and Garamond. Serif fonts are also commonly referred to as the letter 'shoes' because it has a lengthening of the serif her (see picture above). These fonts reflect the quality and firmness. Serif font is more readable, memorable, and easily absorbed by the brain. This font is often used in Newspapers and Magazines. The Serif fonts are more suitable for use in offline media high-resolution (300 dpi), such as books and newspapers, where they can perform detailed and more readable. They are not suitable for online text except when it is set larger than normal.

[Source: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html]

Slab-Serif Fonts

Slab-serif font is a subclass of serif fonts. Serif fonts such as fonts but have a firm straight line (not curved). This font is no good to be presented in small size because it will lose the details and become difficult to read. One type of Slab-Serif font that is quite popular is Rockwell.

[Source: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html]

Sans-Serif Fonts

Sans-serif font family is the most suitable font for use in web design. This is because the font is still comfortable to read on the screen. Sans-serif font also suitable for the title, because they are quite prominent and readable from a distance. Sans-serif font family of the most frequently used is Helvetica (known as Arial in Windows), Trebuchet MS, Lucida Grande, and Verdana. Despite its small size, all these fonts have characters that are 'clean' and easy to read.

[Source: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html]

Character Proportion

'Character Proportion' is a font that has the same wide character, no matter the letter 'w' or 'i' are all printed in the same width. This makes the character more difficult to read in normal size because of the letters are less proportional.

Courier New is the family of Character Proportion fonts. This font is not suitable for use as the main typography on the web. However, this font type shall be used in programming or presentation of the HTML codes because it has the same width of letters and spaces easily calculated.

[Source: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html]

Cursive and Fantasy Fonts

Two other font families are most often used is Cursive and Fantasy. Two font families are special fonts that are not suitable for use in the body text but quite accurate when use for the title or header.

[Source: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html]

Can you think of what are the font types suitable for Advertising, Logo, Apparels, Assignments, and Newspapers?

Reference:


Online References:

gravisware website company, Dasar-Dasar Tipografi dalam Web Design,[Online], Retrieved 2nd FEB 2011.

URL: http://www.gravisware.com/tutorial/128-dasar-dasar-tipografi-dalam-web-design.html