Daily Calendar | TGJ2O Info | Graphic Design | Animation | Audio/Video Recording and Editing | Summative Project | Google Classroom
Basic Tool Use | Re-touching | Digital Photography | Photorealism | Graphic Design Principles | Graphic Design Process | Commercial Art | Photopea
The concept of commercial art varies with each person you ask. The general consensus however, is that commercial art is art for the sake of selling a product. William Morris, a school of arts and crafts founder, was but one of those who believed in and practiced the art of beautifying common things. Why run a newspaper ad featuring nothing but words? How about putting flowers on that tissue box? Wouldn't it be great if everything from magazines and brochures to food packages and road signs looked terrific while offering information? This thinking, a reflection of the world's growing desire to consume, formed the base of the movement known as commercial art.
Typical applications of commercial art are numerous, some include: print ads, website designs, product packaging, book illustrations, billboard layouts, TV storyboards, commercial signs, dust jackets, CD and DVD case and disk art, magazine covers, newspaper display ads, logos, catalogs, posters, bottles, cans, boxes, shopping bags, electronic displays, bus, cab and airplane ads, flyers, brochures, booklets, pamphlets, business letterhead, tickets, programs, marketing and sales presentation materials.
Reasons to go into commercial art include excitement, the love of creative challenges, you adore working with other artsy types and you exhibit great stamina during crises. Stay away from commercial art if you are prone to ulcers, can't cope with quick project turnarounds and compromise isn't in your vocabulary. Commercial artists work closely with sales and marketing teams in a corporate environment. As a rule, ad agencies and design studios offer the best salaries because clients are demanding and the work is intense. The biggest educational requirement for a commercial artist is keeping up-to-date on emerging softwares.
Halloween Fun - an example of commercial art
Reasons to go into commercial art include excitement, the love of creative challenges, you adore working with other artsy types and you exhibit great stamina during crises. Stay away from commercial art if you are prone to ulcers, can't cope with quick project turnarounds and compromise isn't in your vocabulary.
Commercial artists work closely with sales and marketing teams in a corporate environment. As a rule, ad agencies and design studios offer the best salaries because clients are demanding and the work is intense. The biggest educational requirement for a commercial artist is keeping up-to-date on emerging softwares.
Key differences in designing for print vs. designing for digital:
Changeability and Lifecycle - print is forever, you can't reprint for little changes. It requires PLANNING
Engagement - are people reading this in a magazine? Is it on a bus? Are they driving past it at 100km/h?
Senses - the type of paper you're using
Space and Layout - responsive layout (scaling) vs. static layout (e.g. look at the anti-plack rasicm resources button)
Colour and Resolution - 72 ppi vs. 220-300 dpi. RGB vs. CMYK
Good typography reinforces the meaning of the text.
Almost all texts communicate a set of points (The petition should be denied for three reasons). Sometimes a text also needs to instruct the reader (Add lines 7 through 21 and enter the total here). Other texts offer warnings or admonitions (You must be 48 inches tall to ride; Speed limit 75). In every case, good typography supports and reinforces the message. Good typography makes the text more effective.
Three subsidiary propositions flow from this:
Good typography is measured by how well it reinforces the meaning of the text, not by some abstract scale of merit. Typographic choices that work for one text won’t necessarily work for another. (Corollary: good typographers don’t rely on rote solutions. One size never fits all.)
For a given text, there are many typographic solutions that would be equally good. Typography is not a math problem with one correct answer.
Your ability to produce good typography depends on how well you understand the goals of your text, not on taste or visual training. (Corollary: if you misunderstand the meaning of your text, good typography becomes purely a matter of luck.)
Pause to absorb the ramifications of proposition #3. Typography is visual, so it’s easy to conclude that it’s primarily an artistic or aesthetic pursuit. Not so. Typography is primarily utilitarian.
sourceTypography is, quite simply, the art and technique of arranging type. It's central to the skills of a designer and is about much more than making the words legible. Your choice of typeface and how you make it work with your layout, grid, colour scheme, design theme and so on will make the difference between a good, bad and great design.
There are lots of typography tutorials around to help you master the discipline. But good typography is often down to creative intuition. Once you're comfortable with the basics, visit some typography resources to investigate font families and discover some font pairings that are made for each other.
Often before you've decided what you'll say in your commercial art (or more precisely HOW you'll say it) you want to see how a line or block of text fits into a design. To that end, here's some placeholder text ipsum lorem. Ipsum approximates the flow of the english language and is used by designers when considering different ways to design their art.
- If you need stock pictures for this assignment make sure they are from royalty free sites like Pexels, Pixabay or RGBStock to name a few.
Often commercial art is thought to be something done only to sell a product, in fact, our opinions are shaped just as often by organizations who are trying to sell ideas and imagery. You are to plan and shoot for a vinyl album cover. Photography is encouraged, but not necessary. The album can be for any style of music. Work at document size 12"x 12" at 220 ppi.
Evaluation is as follows:
pitched idea to your 'boss' (me)
shooting
poster/photo-essay
250KB jpg and PSD file
A variety of factors combine to generate corporate identity. They include the culture of the company, their target audience, their product(s) etc... In TGJ2O we will examine only 1 last branch of commercial art, that is corporate identity - logo design/business card design (since one can't happen without the other).
Since some of you are new to graphic design, we need to consider the following things in designing for businesses (which really needs to be done before we can drum-up an identity):
Originality - The business card and logo should make the owner stand-out from the crowd. Think of how the two business cards at the bottom are different.
Legibility - If you cannot read the information immediately, you will likely not find the card useful. It's best to use fonts and weights that are clear and differentiated for importance (i.e. company name in larger font size, perhaps a thicker lineweight too)
Simplicity - If you make your card too busy or complicated, it distracts the viewer from the basic goal of the card - to sell a product/business of some kind!
During this process we refer to the graphic design process to generate ideas, reflect on them, refine them, then produce them.
Six questions to ask yourself when designing your brand
Above all design guidelines, the most important criterion is whether the logo reflects the character of the company. The emotions that the logo evoke should be appropriate to the company values. For example, the Disney logo evokes a sense of happiness and optimism. The curvy and fun typeface is appropriate for a company that has been making cartoons and animated pictures for kids. However, a similar logo style on a sales platform would not be appropriate.
Designers should understand the psychology of colors and the effect that typeface has on the design of a great logo. For example, green usually reflects growth, health, and the environment. It promotes relaxing and refreshing emotions. On the other hand, red may evoke danger and passionate emotions. Similarly for typefaces, Garamond, Helvetica, and Comic Sans all elicit very different sentiments. Serif fonts like Garamond promote the idea of respect and tradition, and are hence more suitable for an environment that demands integrity such as a university or a news publisher.
Sans Serif fonts like Helvetica are clean and modern, and are well suited for high tech businesses such as computer or media companies. Casual script fonts like Comic Sans are probably best left for fun and animated companies such as toy companies. A good understanding of the psychology of colors, typefaces, and shapes is an important part of making a great logo. The fun styling of the Disney logo is appropriate for a design that aims to be fun, but such a style would not be appropriate for a sales platform company.
Behind every great logo is a story.
A great logo is not about slapping your business name on a generic shape, which is why choosing from ready-made logos is a poor idea. An excellent way to make sure that a logo is not generic is when the logo has a meaningful story behind it. A good designer first understands the culture of the company, the tone of the product, and the vision of the business, much before embarking on ideas for the logo. The end result of a quality logo is reflective of the philosophy and values of the company. The arrow in the Amazon logo represents that Amazon sells everything from a to z and the smile on the customer's face when they buy a product.
How will the logo look in 2, 10, 20 years' time? Designers should avoid getting sucked into flavor-of the-month trends. Trends like ultra-thin fonts and flat shadows are design styles that will probably not stand the test of time. Simple is far better than complex. A simple yet memorable logo can be used in 20 years' time without being outdated.
A good way to test the logo is to let it 'sit' with you for a while before releasing it. Some logos grow with you - the more you look at it, the more you like it. Some logos start to feel nauseating after a while - the more you look at it, the more you hate it. If after a couple of weeks with the logo you find it boring, the logo is probably not strong or timeless enough.
The simplistic outline and shape of the Apple Inc. logo allows it to endure the test of time. The first prototype of the logo would definitely not be suitable today.
A great logo is distinctive, memorable, and recognizable. Even if you have only seen it once, you should still be able to remember what it looks like after a period of time. A good way to test this is to show your logo to a friend, then cover it up and have your friend describe the logo in a week's time. A fresh pair of eyes can be very effective in figuring out the most memorable components of a logo.
In addition, if the logo reminds you of others you have seen, it is not distinct enough and probably a sign to make the logo more recognizable.
The logos of Path and Pinterest are very similar.
When I begin designing a logo, I always start in black and white. Designing with this limitation first forces you to make sure that the logo is recognizable purely by its shape and outline, and not by its color. A strong logo is one that is still memorable just by its contours.
A one color logo also provides the benefit of using your brand easily in multiple mediums with different backgrounds and textures.
It is much harder to recognize the National Geography symbol once we remove its signature yellow color.
Another way to make sure logos are simple and recognizable is to scale it down dramatically. Even at tiny resolutions, a strong logo should still be recognizable at a glance. This is also a good test to make sure that the logo is not overtly complicated with unnecessary design flourishes.
All these logos are sized to fit in 16 x 16 pixels (FavIco size). The Nike, McDonalds, Twitter, and WWF logos are still very distinct at small sizes. The GE and Starbucks logos are far more cluttered, and hence less recognizable when they are small.
These are not hard-and-fast rules, but good guidelines to make an effective logo. It is still possible to make a strong logo even if it is complicated, but understand the trade-offs of such a decision. So, the next time you find yourself designing or picking a new logo, ask yourself these questions. They may be helpful in deciding the right logo - and thus create the right corporate identity which includes everything from letterhead to business cards.
Don't be afraid to create your Design with plenty of blank space. Also make sure you have plenty of white space between elements and visual units.
Don't be afraid to make words very large or very small. Don't be afraid to speak loudly or to whisper. Contrast is an essential element of good design.
Don't be afraid to be asymmetrical, to un-center your format--it often makes the effect stronger. It's okay to do the unexpected. Try to break out of the box.
Don't be afraid to make your graphics very bold or very minimal, as long as the result complements and reinforces your design.
Vary the space between the elements on a page to indicate the closeness or importance of the relationship between elements. Proximity is a central tool in design.
To keep an entire page unified, align every object with an edge of some other object.
Avoid using all Capitals in your titles, heads, and subheads. Also avoid using italics, which are harder to read on the web.
Remember the Computer is not a Typewriter. Don't use two spaces after periods, or underline a lot of text, or just use open quotation marks. Use both open and closed quotation marks to look professional.
Remember that horizontal alignment is as important as vertical alignment. So make sure your text and images are both horizontally and vertically aligned.
It takes a very self-assured designer to recognize and act on the power of simplicity. Many great websites are created simply, quietly, and with grace.
Good design doesn't have to shout. Beware of getting too fancy and colorful. Try for restraint and simplicity in your designs.
Any good design must have a strong focal point. You can create focal points using contrast and visual hierarchy.
Make your message as easy to understand as possible. Organize and chunk your information into segments and sections introduced with catchy headings and subheadings.
Try to develop a consistent, unified design that has a focal point and creates visual interest
Let’s take a look at how each principle applies to these business cards:
Alignment — Death to center-aligned text! By aligning all the text the reader’s eye now flows smoothly over each point of copy. The problem with center alignment is that there is no consistent edge for the eye to follow, making quick reading difficult. Always think twice before using center-aligned text for any reason.
Contrast —The type looks blandly identical. By using contrasting type weights and styles to distinguish various types of information you can increase attractiveness in card-design. A consistent look is maintained by using varying weights and styles of the same typeface. This effect can also be achieve through varying color, typeface, size, or texture.
Repetition—By using a repeating theme (color, font, line, pattern etc...) you can create visual reference points for information and cause the eye to follow repeating themes to get the necessary information. There's nothing but text to focus on in both cases above - nothing clever that makes the company memorable.
Proximity—The horrible designs of the business cards force the eye to move all around looking for relevant data. In the card at bottom, at least the related information is grouped together so the reader can more quickly understand the organization of the layout, but as a photographer don't you think he would include something about his profession like one of his shots as a background, or one of his tools of the trade like the fellow below?
You are to choose three different words and distill their meaning. You are to then incorporate that meaning into the design of a logo using the word itself. For this exercise you will be introduced to Adobe Illustrator.
See below for examples from the internet:
Joey Corbeil SC grad of 2018: