Katherine Gomez
PR 3341 - PR Graphics. Exam #1. Exam #2. Color Theory. ColorTheory_Screen_White.jpg (JPEG Image, 1224x792 pixels) - Scaled (81%) Fonts. Typo-L : The Crystal Goblet. The Crystal Goblet, or Printing Should Be Invisible by Beatrice Warde (1900 -- 1969) Imagine that you have before you a flagon of wine. You may choose your own favourite vintage for this imaginary demonstration, so that it be a deep shimmering crimson in colour.
You have two goblets before you. One is of solid gold, wrought in the most exquisite patterns. The other is of crystal-clear glass, thin as a bubble, and as transparent. Pour and drink; and according to your choice of goblet, I shall know whether or not you are a connoisseur of wine. Bear with me in this long-winded and fragrant metaphor; for you will find that almost all the virtues of the perfect wine-glass have a parallel in typography.
Now the man who first chose glass instead of clay or metal to hold his wine was a 'modernist' in the sense in which I am going to use that term. Before asking what this statement leads to, let us see what it does not necessarily lead to. London 1955. How To Know The Fonts To Never Use. 10 Iconic Fonts and Why You Should Never Use Them. We’ve got a lot to thank Bill Gates, Steve Jobs and the computing world’s other leaders for. They’re responsible for some of the greatest leaps forward in communications and business in the last 30 years-and many of the biggest innovations in design, too. Without them, our industry wouldn’t be what it is today, and many of the world’s top designers wouldn’t have a platform for their work. However, there is one reason to resent these giants: their choice of fonts.
In releasing mega-popular suites and catering to a broad, design-illiterate audience, leading business applications such as Microsoft Word shocked us with the overused fonts that they include standard in their latest releases. This isn’t a riff on the world’s worst fonts, but rather an invitation for amateur designers and business users to stop abusing some of the world’s best fonts. Nothing is particularly wrong with Impact or Comic Sans as fonts per se, but there is a huge deal wrong with using them in every situation. 1. 2. 3. Composition Chapter Resources. Visual Hierarchy: How Well Does Your Design Communicate? The goal of visual design is to communicate. How you organize and prioritize your elements conveys valuable information about their relative importance. Visual hierarchy aids comprehension, reinforces your message, and guides your visitor through your story. photo credit: dougbelshaw What is Visual Hierarchy?
A hierarchy is an organization of items into different levels of relative importance. Visual hierarchy is naturally enough creating this organization and prioritization visually. Through basic design principles you emphasize one element over another so more important content looks more important. Visual hierarchies create centers of interest on your page, communicate additional meaning through convention and repetition, highlight actions you want your visitors to take, and establish patterns of movement and flow. Ultimately the visual hierarchy you establish tells a story about your page and site. photo credit: M i x y Why is Visual Hierarchy Important?
Photo credit: erix! Summary. Back to Basics: How to Make a Brand Iconic Through Design. RastervsVector.pdf (application/pdf Object) Nature by Numbers. Sweet White Space « stoneboard.ca. White space design used for communication materials is a good thing. A beautiful thing. Just so we are on the same page here, “white space” is the “blank space” that surrounds pictures and text.
It is not just the literal white space in a design. It entails good composition of the design elements. A crowded space is never good for people to digest. Attention graphic designers: please, please, please, use alignment…use a rule line! White space design is everywhere. It allows the brain to digest messages. It generates a second glance – like a rest station on the side of the road. Many corporations, design firms, artists, and agencies are finally getting out of the messy convoluted design methodology and endorsing the less is more approach. Wow. About time. Use the example of Starbucks. The new logo strips down. It is said we are ‘in the age of the icons’.
Print media also needs to take advantage of good planning of space. What information are you trying to provide? Package design. Less copy. The Science of White Space in Design. White space, also referred to as “negative space”, is an important aesthetic tactic utilised in a majority of graphical/design illustrations/publications. In its most generalised definition, white spaces are the strategic visual sections of a page/illustration that are left unmarked and thus uncluttered by any specific aesthetic detail. Characteristically, these ‘blank spaces’ are strategically located, between margins, leading text and sub-sections of a page layout.
The true functional beauty of white spaces lies in its rather paradoxical function; it defines and enhances the visual prominence of various accompanying graphical/typographic elements, without containing meaning, context or content in itself. If used intelligently, white spaces aid in the effective transmission of images and text. The Game of Brand Identity In the traditional era of the broadsheet printing press, the real-estate of a page layout was defined by two main elements – Content and Advertising. Credits credits. White Space Example. 1. Good use of white space: this advertisement show how their product cancels noise by using the lawnmower metaphor to cut the noise "grass", leaving behind only white space, a common metaphor for silence. 2. Poor use of white space: this advertisement, on the other hand, leaves the whole thing feeling unbalanced because all the white space is used up except the bottom left corner, which is simply languishing and unused. 3. 4. 5. 6. 7. 8. 9.
Choosing a Computer Whether you work in the office or at home on a personal computer, you must provide your own protection. How Easy Is It to Use? 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. A Negative View of White Space. After reading through the article on The Web Design Ledger, “Whitespace: The Underutilized Design Element” I felt compelled to respond and clear up what I feel is spreading misconceptions about design in relation to white space.
Note that for the purpose of this article I will refer to white space as negative space. Negative space being the area that is void of elements like type or imagery. Both are accepted terms, but I believe that negative space better represents the design concept. Positives and Negatives Let me start by saying I agree with the premise of the article that negative space is an important concept for a designer to understand, so kudos for bringing it up. The article begins by saying white space is: “…probably one of the most overlooked and underutilized is whitespace. Pointing out more negative space in the Pottery Barn screen in comparison to Rooms to Go. Why? There are basic principles of design like balance and contrast that every designer should understand. Whitespace. My first design job was with a small print design agency in Manchester that produced work in varying media: packaging, publications, and marketing support materials, and…direct mail.
Article Continues Below I soon discovered that the graphic design principles I’d learned in college were of little use when I designed for direct mail, where big, bold, and crowded is the order of the day. In the words of one client—words I will never forget—“whitespace is empty space.” Direct-mail clients need their packages to look down-market, because it works for them. But for just about everything else, my client couldn’t have been further from the truth. Meet whitespace#section1 “Whitespace,” or “negative space” is the space between elements in a composition. So what does whitespace do? Micro whitespace and legibility#section2 A couple of months ago, I was lucky enough to see Erik Spiekermann give a lecture. In newspaper design, information is dense.
Brand positioning#section3 Figure 3. Figure 4. Figure 5. David McCandless: The beauty of data visualization. Simon Sinek: How great leaders inspire action. Logos. Communications Plan. Ten logo design tips from the field. I’ve learned from quite a few mistakes during my time as a designer, and to save you from doing likewise, here are 10 logo tips I picked up. 1. A logo doesn’t need to say what a company does Restaurant logos don’t need to show food, dentist logos don’t need to show teeth, furniture store logos don’t need to show furniture.
Just because it’s relevant, doesn’t mean you can’t do better. The Mercedes logo isn’t a car. The Virgin Atlantic logo isn’t an aeroplane. The Apple logo isn’t a computer. Etc. 2. 3. 4. 5. 6. Don’t follow the pack. Stand out. 7. 8. 9. 10. Not two, three, or four. One. This was a snippet of what’s in the Logo Design Love book.
Do you have any other tips to share? I love New York image courtesy of Oded Ezer. Adobe Suite Resources. Beautiful Typography with InDesign | MAX 2013 – The Creativity Conference. Community Translation Your transcript request has been submitted. Adobe TV does its best to accommodate transcript requests. It can take a few weeks for the transcript to become available in the Community Translation Project, so keep checking back. Join the Community Translation Project Thanks for your interest in translating this episode! To get started, please join the Community Translation Project. Please Confirm Your Interest Thanks for your interest in adding translations to this episode!
An error occurred while processing your request. Another translator has already started to translate this episode. Thanks for Participating! This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. About This Episode Learn the top 10 practical tips for achieving consistently beautiful typography using the type feature set of Adobe InDesign. Adobe Creative Suite Toolbar Shortcut Wallpapers [Exclusive] Designers can work hours into the night to produce their best work for clients, their portfolio or their pet projects.
To make the process easier, most would use shortcut keys on their regular design and development tools particularly Adobe Photoshop, Illustrator, InDesign and Flash, to expediate the process. You can be sure that they are not going to go back to the traditional (and slower) click-and-search methods. That is why you can find tons of cheatsheets on the Web, designed to help designers and developers make better use of their time – in producing their masterpieces, not looking through the rows and rows of commands for the right action. In light of this, we thought that it would be nice to round up these shortcuts and release them as wallpapers for our designer readers.
Here are the wallpapers to four great design arsenals, created exclusively by us, to you: Adobe Photoshop, Adobe Illustrator, Adobe InDesign, and Adobe Flash. Photoshop Illustrator InDesign Flash. Lynda.com Tutorials for TTU. Beginner's Guide Tutorials and Training. 8 Cheat Sheet Wallpapers for Designers and Developers. Web designers and developers have a lot to remember, from keyboard shortcuts to function names.
That’s why it’s handy to have cheat sheets near by for a quick reference. Most people like to print out there cheat sheets on paper and have them sitting on their desk, but another convenient place for a cheat sheet is right on your computers desktop in the form of a wallpaper. Here we’ve rounded up a few very useful cheat sheets for web designers and developers that can be used as desktop wallpapers. Photoshop Keyboard Shortcuts Color Theory Quick Reference Poster Periodic Table of Typefaces The Anatomy of Type Web Accessibility Checklist TextMate Shortcuts jQuery 1.3 Cheat Sheet WordPress Help Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience.
Related Posts 1932 shares 8 Must-have Cheat Sheets for Web Designers and Developers Read More 2750 shares Photoshop CS6 Cheat Sheet. Corporate Identity. MiniCards | Design Customized Mini Business Cards. QR Code Resources. QR Code Generator: QR Stuff Free Online QR Code Creator And Encoder For T-Shirts, Business Cards & Stickers. Business Cards - Full Color Printing - Digital Printing Company.