http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4?utm_source=rss&utm_medium=rss&utm_campaign=five-simple-steps-to-better-typography-part-4 The Personal Disquiet of Mark Boulton Thu, 09 Feb 2012 18:39:01 +0000 hourly 1 http://wordpress.org/?v=3.3.1 http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5338 Five Steps to Better Typography with Mark Boulton | Colin Harman Sat, 21 Jan 2012 05:10:31 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5338 [...] Part 4: Typographic Hierarchy – size [...] [...] Part 4: Typographic Hierarchy – size [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5275 CSS code recipes | David Latapie Sat, 06 Aug 2011 15:48:52 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5275 [...] marginblockquote {margin:xem }sourceConsis­tency for hea­ding sizeNo code yet, sorry! sourcePara­graph indent (exclu­sive with block paragraph)p+p {text-indent:0}sourceFai­th­ful [...] [...] marginblockquote {margin:xem }sourceConsis­tency for hea­ding sizeNo code yet, sorry! sourcePara­graph indent (exclu­sive with block paragraph)p+p {text-indent:0}sourceFai­th­ful [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5233 Colours are Clues « FreeMusing Mon, 21 Mar 2011 16:32:16 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5233 [...] besides (over) relying on colour. Because most web pages primarily consist of text, setting up a conventional hierarchy among heading levels and body text is very useful. In the case of static headings, they can still [...] [...] besides (over) relying on colour. Because most web pages primarily consist of text, setting up a conventional hierarchy among heading levels and body text is very useful. In the case of static headings, they can still [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5172 How To Use Size, Scale, And Proportion In Web Design | Van SEO Design Thu, 09 Dec 2010 14:03:18 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5172 [...] needs to be legible and readable at different sizes. Typographic scale creates hierarchy in information. Scaling the space between lines of type creates a vertical rhythm through your [...] [...] needs to be legible and readable at different sizes. Typographic scale creates hierarchy in information. Scaling the space between lines of type creates a vertical rhythm through your [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5146 Thoughts On Building A Typographic Stylesheet | Van SEO Design Mon, 15 Nov 2010 14:06:20 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5146 [...] you ignore things like line-height, typographic color, and scaling your font-sizes to create a hierarchy, all the font choices in the world won’t do you any good. Pay attention to them and [...] [...] you ignore things like line-height, typographic color, and scaling your font-sizes to create a hierarchy, all the font choices in the world won’t do you any good. Pay attention to them and [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5145 How To Use Size, Scale, And Proportion In Web Design « PravInfotech Mon, 15 Nov 2010 06:49:16 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5145 [...] needs to be legible and readable at different sizes. Typographic scale creates hierarchy in information. Scaling the space between lines of type creates a vertical rhythm through your [...] [...] needs to be legible and readable at different sizes. Typographic scale creates hierarchy in information. Scaling the space between lines of type creates a vertical rhythm through your [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5075 Website design typography guide | wwweb design geek Sun, 10 Oct 2010 02:52:39 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5075 [...] to an excellent guide on Typographic hierarchy which describes the age old methods of type scaling: http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4 Layout is another important consideration when planning out your web design typography. Layout [...] [...] to an excellent guide on Typographic hierarchy which describes the age old methods of type scaling: http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4 Layout is another important consideration when planning out your web design typography. Layout [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-5070 Anonymous Thu, 07 Oct 2010 22:12:18 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-5070 [...] [...] [...] [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-4775 NCAA Football Road to Glory « FreeMusing Fri, 20 Aug 2010 17:26:31 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-4775 [...] the classic principles of typography. For this site, I’ve used font-sizes based on the classic scale to create an obvious visual hierarchy, which helps to direct the user’s scanning flow. The [...] [...] the classic principles of typography. For this site, I’ve used font-sizes based on the classic scale to create an obvious visual hierarchy, which helps to direct the user’s scanning flow. The [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-4744 World Cup Latest News « FreeMusing Wed, 04 Aug 2010 20:00:18 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-4744 [...] given them more visual weight than the standard, internal links. I’ve used a variation of the classic typographical scale to create an obvious visual hierarchy. The headline of the user’s desired article has the [...] [...] given them more visual weight than the standard, internal links. I’ve used a variation of the classic typographical scale to create an obvious visual hierarchy. The headline of the user’s desired article has the [...]

]]> http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4#comment-4425 Markus Török » Setting Type Thu, 15 Apr 2010 22:23:33 +0000 http://wordpress.markboultondesignhosting.com/2005/05/five-simple-steps-to-better-typography-part-4/#comment-4425 [...] At first I tried to find proper visual hierarchy for the different typographic elements I’m using in my posts. By setting adequate visual hierarchy one can structure a document and set indicators which point to important elements. Because I didn’t want to use color yet I started with font-size. For the size of the different typographic elements on this blog I used the scale mentioned in this article. [...] [...] At first I tried to find proper visual hierarchy for the different typographic elements I’m using in my posts. By setting adequate visual hierarchy one can structure a document and set indicators which point to important elements. Because I didn’t want to use color yet I started with font-size. For the size of the different typographic elements on this blog I used the scale mentioned in this article. [...]

]]>