How to optimize Headers H1 – H6 | SEO Tutorials

How to optimize Headers H1 – H6 | SEO Tutorials

Here’s the easiest way to optimize your web page’s header tags: structure them as you would a book, essay or short article. Unsure how to do this?? Here’s some why and how.

Continue reading “How to optimize Headers H1 – H6 | SEO Tutorials”

Logo design styles

Logo Design Styles
Logo design: a short brief.

A logo design creates a face for your company. This face allows people to connect with it, allowing them to feel a personal relationship between it and them. An example of this relationship is in how easily we begin praising and blaming companies as a whole as opposed to the individuals that make up their part. Businesses also create logos because the imagery provides a story — think: a pictures is worth a thousand words.

A good logo design separates businesses from their competitors. More importantly, a logo we’re familiar with even helps us with snap decisions when buying stuff — just think about the last time you walked down a grocery isle and scanned the shelves for one, specific brand.

Even though we have been exposed to logo designs our entire life, it doesn’t mean that we are all aware of the various styles a logo design can represent.

Logo Design is an abbreviation of the work logotype. It consists of a graphic element or symbol which can be combined with a name. It may also consist of stylized letters that in-themselves become a logo.

Here is a brief outline of various logo styles you can use to best represent your business.

Letter-mark: Letter-marks consist of a few letters, most commonly the company’s initials. You’ll recognize this most often with already-established companies, companies that are already very recognizable in their industry. Think “IBM”, which stands for International Business Machines. Another kind of company is one that has a long, detailed name that probably won’t be remembered. Think “NASA” which stands for National Aeronautics and Space Administration.

Word-mark: Word-mark’s consist of the word or business name being spelled out in a stylistic design. This brings more attention to the name of the business and allows the name itself to become the logo. Think “Coca-Cola, Google or Vans”.

Brand-mark: Brand-marks consist of a symbol or an icon with or without the company name. The symbol or icon, graphically speaking, should be stylized in a manner that is unique. Think “Pepsi, Nike or Apple”.

Letter-form: Similar to letter-marks, letter-forms consist of uniquely stylized, individual letters, that are more often the first letter in the company’s name. Think of the McDonalds golden arch “M”, the Airbnb designed “A” and the Beats by Dre “B”.

The mascot or character used as a logo: These consist of a rendering or an illustration of a character/mascot. Characters and mascots become the actual face of the company, much like a spokes person. These can be stylized with minimalistically or contain a ton of detail. Think KFC’s Kernel Sanders, Playboy’s bunny icon or Geico’s lizard.

All logo designs can be made up in part of or by utilizing various combinations of all of the above listed styles. However, the main goal is to create a unique logo that your customers will immediately identify, not confuse with your competitors, and, most importantly, connect with.

Intro to graphic design styles part 5: typography

Intro to graphic design styles part 5: Typography

Typography is the art of styling words and fonts by using techniques to adjust stylistic variations in a layout. What’s changed by these stylistic variations is a font’s appeal, or how appealing is it to look at, and it’s legibility, from somewhat illegible (think graffiti) to easily read (think of the font in a book).

Typography has a deep anatomy. Each letter consists of many structures, which include its spacing, weight and layout within the paragraph.

structure of typography

As you can see above, there are many elements that make up the structure of a letter and how each letter interacts with one another to create words.

The structure of each font is made up of varying elements that require consistency across the each letter. Each font has a set of guidelines, e.g., the baseline and cap height set the overall size of the font. By varying the x-height, ascender height and descender line, you can dramatically change the overall style of the font. So, too, do the structural elements, such as the stem thickness and each intersection, adjust the fonts style.

font weight - typography

The weight of the font adjust the thickness different fonts have. When you use a thin or ultra thin font, you can imply subtlety, luxury and a sort of femininity. Whereas a bold or ultra bold font is often associated with the impactive, loud and the masculine.

serif vs san serif-typography

A serif is the small line or accent end cap that is added to the top and bottom of each letter. Serifs are not applied to oval letters such as “O and C” and are not applied to the curved portion of letters, such as “R and P”. Serif fonts are typically associated with luxury, and decorative and ornate.

A sans serif font excludes the accent end cap found in serif fonts. Sans Serif fonts are often associated with being light, simple, clean and uncomplicated. Sans serif fonts are particularity popular as a default paragraph web font because it’s easy to read on a computer screen.

kerning vs tracking-typography

Kerning is the modification to the amount space between two individual letters / characters that step across each characters line. When kerning is done right it produces a pleasant, visual balance.

Tracking is similar to kerning, however, instead of adjusting the spacing between individual letters, tracking globally adjusts the spacing across all letters inside a text block. Increasing the tracking substantially affects legibility. 

alignment-typography

 

Layout
1) Centre alignment: all of the text is aligned to the centre of the area. Centre aligned text is great for headlines, quotes or a short amount of information.

2) Right alignment: all of the text is aligned to the right of the area. Right aligned text is the universal standard for paragraph text. This is largely due to the English language reading from right to left.

3) Left alignment: all of the text is aligned to the left of the area. Left aligned text works well to display a short amount of information, such as notations or quick points.