Author: Bradley Hotson for The Graphic Design School The Graphic Design School offers vocational training graphic design courses. Delivery is online, affordable and open to students all over the world to study in the comfort of their own home.

Neon Signs

Neon, Advertising & Vice

One message strongly signified by neon advertising seems to be vice. The enthusiasm shown by those in the alcohol, tobacco, gambling and sex trades for embracing neon to advertise their wares, services and establishments has been substantial, forming for many an indelible connection between neon signage and decadent commodities. The inherently bright and showy properties of neon make it an ideal choice for the cheerful yet pushy style so often adopted by vice-based industries, and by extension those simply selling cigarettes and Budweiser beer. So whilst there is nothing intrinsically trashy or risqué about neon, the sober and the luxurious sections of the business and cultural communities seem largely to have made their minds up, and decided it’s not for them. One recent exception has been London’s Wellcome Trust who engaged the services of London-based graphic design studio Graphic Thought Facility to create a “series of neon artworks based on the scientific models that represent the structures of proteins used in the treatment of HIV, obesity, malaria and cancer.” Images may be found here.

The connection between neon and the advertising of vice is undeniable. Peddlers of alcohol, tobacco, gambling and sex are well aware of neon’s attention-grabbing and brash potential. Image © Cheryl Goodwin.

Certain brands have subsumed neon into the fabric of their DNA. The flickering neon Budweiser sign has attained cultural familiarity through cinema and our own experience. Image © David Morton.

Electrifying in blue, and perfect to sit over the door of a nightclub. Image © Ian Muttoo.

As with vice, neon advertising has strong connections with the body modification industry. Image © Marc Weinreich.

I Never Knew That…

When used in tubes for signs, neon produces a distinctive red-orange light. It’s the other noble gases which when used emit the greens, blues and other hues commonly seen in signage, though all are commonly referred to as ‘neon’ signs. Neon signs are expensive to produce, the high costs due to the rarity of neon, and not the liquifaction process involved in their production.

During daylight hours, the neon sign drops back into the landscape, becoming a mere painted sign with a tubular exo-skeleton. Image © Patrick Boury.

David Warwick likes “the incongruously jaunty type” of this neon sign. Nothing murky about the establishment though; The Dungeon is a London-based art gallery.

Though often typographic, sometimes an illustrative sign crops up to amuse and delight. Image © Gerard Donnelly.

It’s the roman and Asiatic-type neon signs that have filtered through to our consciousness, but cyrillic and other-writing people make them too. Image © Dit is Suzanne.

Neon’s Influence on Future Noir

Whilst commonplace in our cities, it might also be useful to look at how a commodity like neon can have an influence on style and subculture. Neon has featured heavily in the work of film directors looking to project a dystopian vision of the future, signifying the particular un-organic look its fluorescence communicates. Throughout Blade Runner, Deckard, the detective who inhabits Ridley Scott’s Los Angeles of 2019, weaves his way through a neon-soaked cityscape. Here, neon signs advertise every kind of ware—legitimate and shady—in roman and Asian type of bright reds, greens and blues, as crowds hurry through fierce rain with neon-handled umbrellas. Scott’s idea of a future Los Angeles was based less on the LA of the time and more on Tokyo, itself a futuristic city teeming with neon.

Neon features heavily in science fiction filmmakers’ work, perhaps most notably in Ridley Scott’s 1982 future noir thriller Blade Runner, who’s 2019-set Los Angeles resembles a neon-drenched rain-swept Tokyo, itself a kind of future-city.

In Sum

A writer whose name escapes me once divided historians up between what he called parachutists and truffle hunters, meaning those who are driven by the broad sweeps of history and those who find meaning in the unexpected nuggets of stories often related by ordinary people. As designers we need to be both. We shouldn’t ignore the wider world around us—to take an interest in global trends will help improve our work as well as our character. At the same time we must nurture and cultivate a keen sense for the miniature of life, to zoom in to the detail of the everyday, pick an attribute of the environment and link it back to a wider cultural context. Neon signage is one such attribute, and there are countless others out there to explore. Ernesto Rogers (I don’t forget everyone’s name) once claimed that if you examine a spoon carefully you can understand enough about the society that made it to visualise how they would design a city. Whilst possibly stretching things with this assertion I believe he was on the right path. You will be too if you develop the visual awareness explained above, striding towards signs reading ‘Awards’ ‘Recognition’ and ‘Success’, in neon naturally!

“The baths are no longer there, but the sign was restored in a recent conversion of the building into flats” explains Herschell Hershey. Gorgeous.

Author: Paulywood for istockphoto

6 Things To Keep In Mind When Designing A Logo

It All Starts With a Great Idea

By clearly visualizing who your client is and with some forethought, research and planning, the end result should be an appropriate symbol that immediately identifies the company, and clearly communicates the product or service. This is absolutely key to a successful logo design and should always be foremost in your mind while conceptualizing your design.

When you have your concept, start sketching it out to quickly come up with ways you can execute the idea. Starting in black and white can help ensure that your design is clear, legible and reproducible without any distracting features. Adding great color, style characteristics, or subtle effects will help make your design unique to stand out amongst the competition. Add some type to bring some context to your design and choose a font that compliments the symbol and communicates clearly. To ensure a successful logo remember to keep your design, Simple, Memorable, Timeless, Versatile, and Appropriate.

Reproducibility

The excessive use of detail in this logo will seriously compromise its ability to be reproduced. Fine details like the sharp pointed tail and thin lines will disappear when printed at smaller sizes and the small white shapes will fill in losing their definition. Outlined type with extreme gradients will print poorly as well, making the type hard to read at any size. On the right, the elephant is drawn with bold shapes, leaving ample white space in between for definition. Just the right amount of detail is used to help convey the idea and the solid flat colors used will ensure that this design will reproduce great with pretty well any process. I wouldn’t recommend using multiple colors like this in the type all the time but in this case it works to make it fun and exciting.

Color Palette

The sample on the left is using far too many colors than is necessary, making it very busy and more difficult to define the individual objects. The use of fluorescent and uncomplimentary colors makes the overall composition unappealing and less attractive. Using default colors straight from the swatch palette and plain black for the type make the design much less sophisticated than it could be. The sample on the right utilizes a beautiful main palette of custom mixed complimentary colors of orange, green and brown. They all work together in harmony to bring the cute kitties to life while adding a warm and cozy feeling. The use of dark brown for the type keeps it complimentary to the graphic and maintains a good contrast necessary for legibility. Using the same orange that’s in the kitties for the “petcare” type offers additional visual interest and helps separate it from the main type. This helps give the eye a break and enhances legibility as well.

Simple is good right?

The left example is very simple in its execution, using only basic square and circle shapes. The placement of all of the objects has left the overall composition looking static and boring while the plain black type is under considered, effectively ensuring that this logo generates about as much excitement as flossing your teeth. The example on the right however, has cleverly used positive and negative space to create the plate. The entire logo is comprised of only four shapes by creating two simple arcs to help define the plate and by letting the cutlery bleed off the bottom edge. The combination of these design choices and using Tragan for the font, give it a simple, classic, stylish feel appropriate for this audience.

Choosing a Typeface

Hard to read? It sure is! Skinny outlines, drop shadows and other effects used on type all work against keeping it clear and legible. The “Tiederhouse” text is too tightly kerned while the “Attorney ay law” type has far too much letter spacing. The type is placed too close to the graphic without enough breathing room and the tagline is much too small in proportion. The “Tiederhouse” text uses the font “Hobo” which is a 70′s style font not at all appropriate for a professional law office. The sample on the right uses a much more professional and appropriate looking serif font with spacing and shapes that seem to mimic the construction of the symbol. It’s clear, easy to read and is just the right amount of distance from the torch device. Making the line between the text gold colored would have been a nice touch.

To read the whole article and image credits please see istock

To feast your eyes on a collection of logo designs and galleries see HERE

Author: The Graphic Design School

Reviews

“I’m going to buy a handful of copies and every time I start a new identity design I will supply the client with this book as a cornerstone of education and communication on the topic. If you like the idea of having a smoother client-designer relationship, you’d be smart to do the same.”

Christopher W. Taylor, Amazon.com

“A great read for both designers and clients, as it shares valuable insights and discusses the importance of brand identity all the way down to the process from start to finish.”

Brian Hoff, The Design Cubicle

“A very useful resource for designers who want to specialize in logo design.”

Fabio Sasso, Abduzeedo

“A must-read for anyone who wants to make their living in the graphic design industry, especially those who want to specialize in the fiercely competitive logo design niche.”

Steve Douglas, The Logo Factory

From Pencil to PDF: sub-headings

Read more comments and contributions on David Airey’s website

Download the free PDF from David Aireys site by clicking on the link below

To read more about the process of mind mapping in design see another super blog article HERE

Author: CA Miles and Deborah Roberti for The Graphic Design School

Printing Pre Pres Do’s and Don’ts

Do create and edit your text in a word processing application such as Microsoft Word and then import the text to a desktop publishing application such as QuarkXPress, InDesign, Pagemaker or Corel Ventura where you can create your page layout, format the text with graphics, etc.

Do use QuarkXPress or Adobe InDesign for desktop publishing. QuarkXPress was the print industry standard page layout program for decades, designed and perfected for commercial print output. Adobe InDesign, however, has given Quark a run for its money. InDesign not only costs half as much as Quark, but it is fully-integrated with its sister apps, Photoshop and Illustrator. Another page layout program is Adobe Pagemaker—now discontinued but still around. However, I find that Pagemaker is nicknamed “Ragemaker” for a very good reason. It is fine for small projects—newsletters and whatnot—but for large projects, books in particular, you’ll save yourself a lot of time and trouble in the long run if you use Quark or InDesign. Also, if you are lucky enough to have a choice as to what platform you can use, go Macintosh. PC/Windows desktop publishing files are far more likely to cause problems when it comes to graphics, fonts and printing. If you do decide to stick with a PC/Windows platform, make sure that the commercial printer you select has ample experience with that platform.

Don’t use Microsoft Word as a desktop publishing application. Word does have many of the same layout features as desktop publishing apps such as Quark and InDesign (i.e., it can create columns, import graphics, create nice laser prints, etc.) but when it comes to commercial printing, Word is not going to get you very far. Microsoft Word, WordPerfect, etc. are word processing applications, NOT desktop publishing/layout programs. They handle font replacement differently and often cause reflow.

Don’t create your page layout for multi-page documents in draw programs such as Illustrator or Freehand. Use desktop publishing apps like Quark or InDesign.

Do provide the printer with a hard copy laser printout of your project, as well as all of your layout files (in Quark, InDesign, etc.), graphics and fonts. Inkjet printers are fine for initial proofing and printing, but always get a final printout (and proof it) from a PostScript laser printer.

Don’t assume that what you have printed out and submitted as hard copy or see on your monitor is what you will get. Take a good long look at proofs and bluelines supplied by the printer.

Do take your printer’s advice.

Don’t assume that you know more than the printer.

Fonts

Do supply the printer with ALL of the fonts used to create your project (even the symbol, fraction and dingbat fonts). Try not to use TrueType fonts, and for PostScript fonts, make sure you supply the printer with both the screen and the printer font parts. Remember to include fonts used to create EPS graphics, and fonts that the printer probably already has (i.e. like Helvetica, etc.). There are many different versions of some fonts and a “wrong” version can cause reflow/repagination problems.

Don’t use Bold or Italic in the style menu or hit the Bold or Italic button when you want to bold or italicize text in your page layout program. Use the actual font. For example, in Quark, if you want to create text that is Helvetica Bold, don’t select some Helvetica text and then bold it. Instead, select the text and change the font itself (not the style) from Helvetica to Helvetica Bold:

Do

Don’t

Don’t use TrueType fonts. Period. Always use PostScript or OpenType and Adobe fonts (Macintosh or PC/ Windows) are always a safe bet. TrueType is fine for printing to a laser or inkjet printer, but TrueType fonts can cause severe problems when it comes to commercial printing. Many commercial printers won’t even print a project that contains TrueType fonts. Often, they pop.

Don’t use 20 different fonts for a 4-page newsletter. It makes you look like you don’t know what you’re doing. In desktop publishing, consistency is everything. Use one font for your main body text, another for your main heads, another for photo captions, another for sidebars, etc., but don’t mix and match fonts for your main body text or make every headline a different font unless you’re trying to create some sort of chaotic effect and it is your intention to confuse the reader. Too many fonts is not only considered to be bad design, but it also slows printing to a crawl.

Graphics

Do supply ALL of the graphics used to create your project. Desktop publishing applications like Quark and InDesign link to your graphics; they do not embed them in the document. If you don’t supply the graphics along with your Quark or InDesign documents, the printer will get a missing picture error, and won’t be able to continue until you supply the graphics.

Do use TIFF and EPS graphic file formats:

Don’t use other graphic file formats like PICT, JPEG, GIF. Just because you can import them into your desktop publishing application doesn’t mean that you should. Stick with TIFF and EPS. If your graphics are in any other format, convert them. This is especially true of the PICT format. Quark hates PICTs; imagesetters hate PICTs. Steer clear of PICT.

Do most, if not all, of your image editing and graphic manipulation (i.e. lightening, darkening, resizing, etc.) in the original program that the graphic was first created or edited in, rather than the desktop publishing application. For instance, if a Photoshop TIFF needs to be lightened or darkened, lighten or darken it in Photoshop, not in Quark. Even though Quark will lighten or darken an image, adjust contrast, etc., you may get different results once you project goes to press and is printed.

Do name your graphics with the appropriate file extension: filename.tif, filename.eps.

Don’t rename graphics once you have placed them in your desktop publishing/page layout document(s). If you do, make sure to go back into your document and re-link the graphics

Do check your mode for color TIFFs. Save color TIFFs as CMYK (not RGB, never RGB). Save black & white TIFFs as Grayscale.

Do check with your printer to see if they charge extra for breaking any of these “rules.”

Design & Page Layout

Do use a document setup size (i.e. your page dimensions) that is the same as your trim size. For instance, if you are creating a 6 by 9-inch book, set up your initial page size in the document setup for 6 by 9-inches.

Don’t create 6 by 9-inch text frames in a 81/2 by 11-inch document setup and manually add registration marks.

Do make page elements that bleed extend at least 8th of an inch beyond the page boundary.

Don’t use your page layout/desktop publishing program’s predetermined “hairline” rule. The width varies from program to program, and prints out differently on a laser printer than on an imagesetter, if it prints at all. Don’t create rules that are less than .25 pt.

Do watch for widows, orphans, rivers, bad kerning and other desktop publishing no-nos that will make you look like an amateur. Get rid of double-spaces after periods, don’t use spaces to align columns (use tabs) or to create paragraph indents. Know your en dash (–) from your em dash (—).

Now on to some tips for editing and formatting those wonderful design and publications in Illustrator and Photoshop

Illustrator vs. Photoshop

This is not about what program is better but more of what program to use for what. You can not say that one is better than the other because they have completely different uses but work closely together.

Photoshop This program is great. It is the best application for editing images and works primarily with pixels. A limitation with pixels is that the pixel-based image is not to be scaled since all you are doing is enlarging the squares/pixels which lose quality and clarity.

If you are a web designer you will work very closely with Photoshop for different elements and graphics of your website… even for Flash. If you are working to produce print you will only use Photoshop to create images that will be imbedded into Illustrator or a layout program such as Quark. Photoshop should not be used to produce text for print.

Illustrator This is not about what program is better but more of what program to use for what. You can not say that one is better than the other because they have completely different uses but work closely together.

This program is also great but is not a pixel-based image editor. Illustrator works mostly with vector graphics. This allows the image to be able to be scaled to just about any size and keep its integrity. As a result logos should always be produced/finalised in Illustrator. You will be able to scale them to just about any size you like.

You can even produce graphics for the web using Illustrator and a lot of the time I have found myself doing this. Since you can output to many pixel-based files, you can make extremely smooth looking graphics and convert them to a JPEG or other raster files.

For print this can act as a layout program. You would take your images edited in Photoshop (most of the time high resolution TIFF files) and place/embed them inside your document. In Illustrator you would then create all your text and shape designs as well as add your logos and other things like that.

Just follow this simple rule: in print use Photoshop for your image editing and then do everything else in Illustrator.

Author: The Graphic Design School

In between tutoring students in The Graphic Design School’s Online Course and making multitudes of coffees, we thought that we would whip up this little blog entry simply for your viewing pleasure…
Ahhh no sleep for the wicked! Enjoy!

The Superscript

Flag Type a type made using the movement of a flag as inspiration.
Boy do we love these Frenchies. Not only do they create awesome original typography, they experiment with elements like sound interactivity, audio sequencing and motion capture to create graphics. Super cool!

www.super-script.com

Typeradio

Radio Station for design and type Typeradio is a Micro fm broadcast, a MP3 internet radio stream and a podcast station. Since 2004 Typeradio has been visiting different design events around the world, to meet designers and to talk, some really inspiring podcasts here.

www.typeradio.org

The Superscript (2)

Minimal Bloc we couldn’t resist featuring superscript twice, je t’aime! Minimal Bloc is a type made of two shapes; squares and 1/4 circles. Wonderfully rustic applied here to wood, check out the other applications here.

www.super-script.com

Robotype

Gallery an off the charts cute site. Use the original interactive gallery to make your own character or scene with fonts: Univers, Bodoni, Futura and Helvetica… those crazy Spaniards… we played for hours!

www.robotype.com

Ainsifont

Boureuse a headline font. From the commercial font site Ainsifont. With an extensive and original font library, these guys have plenty to set you back a few euros to give your designs that originality that it may (or may not) need. See the fonts in action in their ‘fonts in use’ page.

www.ainsifont.com

Molotro

Minotype a stencil typeface designed by Italian Luciano Perondi. Check out the urban experiments done by Graphic Design students using Minotype.

www.molotro.com

Barney Carroll

Garamond vs Garamond Don’t panic no-ones calling you a HO! Check out this educational article breaking down the physiology of Francesco Simoncini’s Garamond. Illustrating (very beautifully) the concise differences between the varieties available under the Garamond umbrella. Article originally in French for le Monde, translated into English by Barney Carroll. A must for The Graphic Design School students, re module 4.

www.barneycarroll.com

Julia Sysmäläinen

FF MisterK OT The manuscripts of author Franz Kafka had such a profound impact on Finnish graphic designer and type designer Julia Sysmäläinen that she decided to convert his handwriting with its unusually strong calligraphic characteristics into a digital script. You can also purchase this script at fontfont. Our fav type this month at The Graphic Design School. Love your work Julia!

http://www.behance.net/Gallery/FF-Mister-K

Just van Rossum

FF Dynamoe Min Regular we see them every day, but do we see the letters as typefaces? Dynamoe changes all that. Now you can label your world.. no refills needed! You can purchase this script at fontfont. JVR has a site that sells his latest font designs, its also a visual delight.

letterror.com

What The Font

iphone app that has nothing what-so-ever to do with European typography trends, we just couldn’t resist letting you know about our fav new toy. What The Font app let’s you identify a font purely by taking a photo of it. Its the Shazam app of the font world. Like the iphone its the sheer buzz of having everything including the kitchen sink at your fingertips. LOVE IT…and its Free! What the F#*T free? …Yep!

apple.com

Erik van Blokland

Trixie HD dutch designer Erik takes typewriter realism to another level altogether. A new vectorisation technique was developed to push the level of detail, creating realistic effects in print and on screen. Over 17 million points in the release… but whose counting!

letterror.com