Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged typography

Rss Feed Group items tagged

Franz Ferguson

Gorgeous Typography Examples in Advertising Design - Noupe - 0 views

    • Franz Ferguson
       
      This ad is really cool however if people who did not know what Orange did, it would be confusing and not get much across. In my opinion this is an awesome design just doesn't get everything across that it needs to. 
  • Typography,
  • he art of arranging type, type design and modifying type glyphs, is often considered as a major part of promotional material and marketing.
  • ...1 more annotation...
    • Franz Ferguson
       
      The flow of this ad really comes through in the type of font that it was created in. The script makes it flow with the reader as they read the word efficiency
  •  
    Typography, the art of arranging type, type design and modifying type glyphs, is often considered as a major part of promotional material and marketing. If you use typography properly, you can not meaningfully convey the message, but also strengthen the brand of your company.
Julie Keith

8 Rules for Creating Effective Typography | Design Shack - 0 views

  •  
    This website provides a step-by-step guide in explaining the art of typography.  It even includes a typography glossary to familiarize readers with the jargon of the technique in designing.
  •  
    I like how this shows how a little can go a long way. Good find.
  •  
    Great Site! I think this site has great information probably the one I like the best out of all that I have looked at.
Tana Ingram

The Ten Commandments of Blog Typography | The Blog Herald - 0 views

  •  
    entertaining way to list important points about blog typography
Sherae Lash

32 Inspirational Examples of Amazing Layout and Typography - 0 views

    • Sherae Lash
       
      I love the use of color, shape, and the beautiful simplicity of this layout. It looks elegant, clean, and well-thought.
    • Sherae Lash
       
      This is one of my favorite layouts on this site because it is so intricate! The typography and the graphics match seamlessly! And the mirror-imaged pictures of the shoes are so interesting to the eye. The whole layout makes me excited about what I am going to read. The layout is intricate, yet still simple enough.
  •  
    D#1, HW#13-3websites.  This page has some amazing examples of print publication layouts :)
gabrielle begay

A Crash Course in Typography: The Basics of Type - Noupe - 0 views

  •  
    The anatomy of typeface has many different areas to it that include alignment, type, mood, size, weight and style, and how text is described when put on a line. All these things were covered in the chapter 10 and 11 reading for the week. 
Briseida Aguirre

D#2, HW 2 - 0 views

  • The goal of visual design is to communicate.
  • We are visual beings and can quickly pick up on visual cues to better understand our environment.
  • Headings are hierarchy and make some words more important than the rest of your type. Tags for blockquotes and lists, strong, and em, also add a visual hierarchy to your typography.
  • ...9 more annotations...
  • Think of the basic design principles contrast, repetition, alignment, and proximity.
  • Contrast
  • Repetition
  • Alignment
  • Proximity
  • You create a hierarchy in design, by adjusting the visual weights of your element.
  • The mechanisms for controlling visual weight are the same in both cases. Size – As you would expect larger elements carry more weight Color – It’s not fully understood why, but some colors are perceived as weighing more than others. Red seems to be heaviest while yellow seems to be lightest. Density – Packing more elements into a given space, gives more weight to that space Value – A darker object will have more weight than a ligher object Whitespace – Positive space weighs more than negative space or whitespace
  • Your hierarchy should begin with thoughtful consideration of the content and goals of the page. Only after you’ve decided intellectually the hierarchy of your page should you attempt to visually design that hierarchy.
  • Visual Hierarchy is a deliberate prioritization of
  •  
    This gives some great examples of visual hierarchy
Lisa Plascencia

Repetition Typography: Creating an Impact - 0 views

  •  
    I like the way the professional firm explained repetition "The end goal of using repetition typography is to make the eye follow through where the designer needs the eye to go."
Matthew Aber

D#1,HW#13.1 - 0 views

  •  
    This web page provides some useful information on outlining, the concept covered on pages 9 to 11 in Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
Matthew Aber

D#1,HW#13.2 - 0 views

  •  
    This website was interesting because it breaks down the process of designing a flyer into simple steps. Flyers were used as models for graphic design on pages 16 and 17 of Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
Matthew Aber

D#1,HW#13.3 - Favorite - 0 views

  •  
    This site specifically relates to graphic design, but still demonstrates design basics. It looks at such things as target audiences and knowing the message you want to send.
  •  
    This site demonstrates the process of design basics. It specifically refers to graphic design, and shows the importance of knowing your target audience and the message you want to send.
  •  
    This web page discusses the graphic design process, a concept discussed on pages 14 and 15 of Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
N M

D #5, HW #1 - Typography 101 - Alignment | Anthony Jones | Design Talk - 0 views

  •  
    The author: Anthony Jones gives a straight forward approach to Alignment in design and elaborates on each concept which reinforces the concepts from the reading
Lisa Plascencia

30 Websites with Lovely Layout and Typography - 0 views

  •  
    Fabulous layout ideas
Lisa Plascencia

Typography Tips : Graphic Design and Fontography : Typography and Creative Use of Fonts... - 0 views

  •  
    many layout tips
Brooke Iggie

Typography: Concordant, Contrasting & Conflicting! » SitePoint - 0 views

  •  
    This website discusses in more detail the finer parts of contrasting fonts. It shows how a subtle difference may bit make the hoped for impression.
Franz Ferguson

Gorgeous Typography Examples in Advertising Design - Noupe - 0 views

  •  
    In this ad, the concept is very simple yet the message behind it is truly deep. This I believe is due to the contrast of the white and red as well as the emphasis of the color white.  The flow of this ad really comes through in the type of font that it was created in. The script makes it flow with the reader as they read the word efficiency
Esther Gray

A tutorial for good typography in InDesign - Setting up a baseline grid | Typophile - 0 views

shared by Esther Gray on 09 Feb 12 - Cached
  •  
    I found this website useful because it shows how to create grids in a word document to help align the text. It is broken down step by step which is very useful. 
Delaney Hensley

Award-Winning Newspaper Designs - Smashing Magazine - 0 views

  • Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts
    • Delaney Hensley
       
      different medias have different layouts, you have to keep it in mind.
  • Apart from that, online-reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter
    • Delaney Hensley
       
      This is an instance you will need to know your audience. Some people are online more than others.
  • data presentation
    • Delaney Hensley
       
      determining space is something that should be layed out in advance
  • ...2 more annotations...
  • signature is the heavy use of typography. The layout may sometimes seem overcrowded, however the packaging is always clean, simple to digest and easy to rea
    • Delaney Hensley
       
      different types of layouts
  • Though conservative in their approach, designers engage readers with the bold use of visuals. The contrast between their quiet, understated style and the gutsy photography and illustrations create a tension that captures the attention of readers.
    • Delaney Hensley
       
      very sharp design
Tim Buswell

Design Notes: Emphasis - 2 views

  • designer needs to know how to control the attention of the viewers of their artwork
  • DOMINANCE
  • more important or more noticeable than its surroundings
  • ...22 more annotations...
  • Information is rarely of uniform interest in art
  • When there is dominance there must be subordination
  • There are three major methods for controlling emphasis in a visual image: contrast, placement and isolation.
  • One of the greatest possible contrasts in art is the difference between black and white
  • If color is used make it bright, preferably against a dull background.
  • When it comes to being noticed B I G G E R is always better.
  • An unusual shape can call attention to itself but it is not as strong a contrast as size or value/color.
  • PLACEMENT
  • Proximity
  • Proximity
  • Proximity
  • An overlapping, touching or close object is likely to be seen next (in that order) after a primary object.
  • Texture can also be an affective similarity device.
  • ISOLATIONIsolation is a kind of placement -- where something is put. An item that stands apart from its surroundings will be more noticeable. This is not likely to make an item be noticed first but can make one item stand out.
  • Proportion is a design principle that has to do with the relationship between size and scale.
  • It is possible to make an object appear different in scale without changing its size. The fortune cookie to the left is about life size. The one in the picture below appears to be quite large in scale. They are both the same size.
  • It is important for a designer to know how to control the attention of someone viewing their artwork
  • It is important for a designer to know how to control the attention of someone viewing their artwork.
  •   CONTRAST The objective of contrast is to produce maximum visibility
  • There is usually a focal point, a place where the action begins
  • Bright colors are more attractive (attract attention) than dull colors.
  • Where you place objects is important.
  •  
    Good article on controlling where you want your viewer to look by emphasing objects and the different ways to accomplish.
  • ...7 more comments...
  •  
    I really like compiling all these sites to help with projects later. The basic ones with examples are best for me now. This is another great site that helps break down the basics from chapter 2
  •  
    This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis
  •  
    D#2 HW#2 This articles discusses the principles of design of art. Even though this does not talk about the typography principles of design, the same rules still apply. I thought it was interesting because it gives a different perspective on the same concept.
  •  
    Good overall explanation of emphasis. I picked this website because it has good information on contrast and how to use it. I also like the visuals on the left, they are helpful to understanding the concept!
  •  
    This website is setup as notes for emphasis. It talks about color, size and shape. It also talks about how placement and isolation is important. It also adds how proportion has to do with size and scale, how it makes it appear diffretn based on other objects around them.
  •  
    Emphasis is more visually interesting and making what you're trying to control more interesting than others.  It is also the attention of someone viewing an artwork, design or website.  Emphasize on weather you want to attract your audience the most, maximize the visibility of your focal point. This website gives explanation of how emphasis is used in art.  
  •  
    i like this page just because it has so much info on it and touches on multiple aspects of the principle
  •  
    this page gives a lot of information on differetn aspects of using emphasis dominance subordination contrast color/value size shape placement isolation proportion
  •  
    This site went into great detail. Like the book, the site described that the bigger something is, the more important it must be. It also makes an argument for the center being the most important of placing. But could that really be true if something bigger and more noticable was off center?
Hector Garcia

D#6HW1: Dustin Brewer Web Design » Blog Archive » CRAP design 2: Using repeti... - 0 views

  • This article is of course about repetition and the uses it has in any type of design.
  • epetition is best used when making some aspect of the design repeat itself throughout the rest of the design. The reason for this is familiarity for the end user or viewer, this gives the person a sense of calm and understanding.
  • When a user becomes comfortable with a design they will come back time and again because they know that every time they are looking for something on the magazine, brochure or web site they know that the format is going to be the same and their answer will always be in that same area.
  • ...2 more annotations...
  • For instance, if you have a business card with big bold company name and in the same style of big bold you have the phone number you are going to make your viewers eyes move back and forth between the company name and phone numbers giving you the two most important pieces of information that you are looking for when you are holding a business card.
  • Another easy way to add repetition is with typography, using the same font (type face, color, and size) throughout your design will help to bring everything together.
  •  
    I think this one is just a great resource on repetition. I especially like the authors use of the acronym. Repetition in design seems like a lot of fun and I can't wait to apply
1 - 20 of 26 Next ›
Showing 20 items per page