S18 Assignment 17: Applying the legibility and readability rules

Description:

For this assignment, you will demonstrate the typography rules of legibility and readability to your laptop restaurant designs by selecting appropriate, legible typefaces, and formatting text to be readable. You may also want to think about how to incorporate additional graphics/photos.

Instructions:

Using your color panels from Assignment 13 and landing panel design from Assignment 14, start building the text content for your restaurant scrolling page. Apply the legibility and readability rules to the typography.

Your assignment should contain:

• Stacked color panels for:
  • landing with hero image and navigation
  • about the restaurant
  • menu choices (not full menu)
  • contact 

This should be a LONG Photoshop (or equivalent) document with different colored panels/textures.

• Restaurant name/logo (and tagline) on the landing panel created in an interesting typeface that is still legible (at small size on the mobile design) from Assignment #17.
• Hours, address, phone number that are easily read and stand out sufficiently (can be on the landing panel or elsewhere)
• "About/welcome" paragraph on the #2 "about" panel (at least 50 words) that demonstrates the readability rules including:
  • legible font/style with bold and italic used for emphasis only
  • reasonable point size
  • left alignment (not centered!)
  • adequate line spacing and line length (not a really short column or really long width)
  • text color that doesn't impede reading and contrasts strongly against the background color/photo.
  • You can write your own about paragraph or "borrow" something from a similar, existing restaurant.

Example:

Live Site Examples:

These two sites demonstrate legible fonts and readable typography.

http://www.burrobarbrookline.com/ Links to an external site.

http://www.wiredcafe.co.uk/ Links to an external site.

Submission:

Upload your designs as jpegs. (It is also ok to put them both at actual size in a PDF if you prefer)