Using Art as a Frustration Release

Safe Ways to Release Frustration (More fun than Yoga)

After a hard day’s work or dealing with rambunctious kids sometimes you need to release some stress and frustration. There are lots of negative ways to do this but there are also a lot of great positive ways to release that stress. Here is a list of positive ways to release stress that is healthy for your and some of them are fun as well.

Paintball

Yeah, you heard right, paintball can be a great stress reliever. What better way to get some of that frustration out than to run around the woods and shoot your buddy’s with paintball guns? The exhilaration of running around and planning your team strategy in paintball can take your mind off your problems and relieve the stress of the week. Getting hit with a paintball can hurt, but hey, no pain no gain, as they say.

Punching bag (workout )

A great reliever of stress and one that can also get you in shape, using a punching bag for 20 to 30 minutes a day or doing an hour workout can greatly reduce your stress and have you feeling healthy and rejuvenated again. In addition to a punching bag, many people like to set up a little corner in the basement designated as a stress free zone where they can do crunches, use the punching bag or do other physical activities to relieve stress. I think it’s a great idea and it can be very effective and fun.

Writing/drawing

You don’t even have to be good at writing or drawing, but simply expressing yourself creatively can help to release your frustration and stress that you’ve been holding in. You could be keeping a journal or you should write a fiction story, no matter what type of writing it is it can be beneficial to helping release stress. The same with drawing, focusing your mind on positive creative forces is a great way to forget your troubles and let your frustration wash away.

courtesy of: Articlesbase.com

I think this is a great way to create some art that has some feeling and passion in it. Taking the paintball technique and using it in an art sense could be amazing. For example, gathering a large canvas/paper/wall/any surface and some tools to shoot paint with such as a spray bottle or straw would be a good start. Instead of channeling the energy into actual frustration and maybe hurtful words or actions, it could be put to good use. Create a nice, meaningful piece of art when you’re angry.

courtesy of: MDEart.com

courtesy of: MDEart.com

courtesy of: Fine Art America

Leave a comment »

Create Consistency in Web Pages

Create Constituency in Web Pages

Before attempting to construct a website, it is important to have a good conceptual understanding of what exactly a website is and how it is architected.  By adhering to good architectural principals, you will save yourself much website development effort and ongoing maintenance work.

Using simple graphics, this tutorial explains how web pages can be partitioned into reusable page parts or page partitions in order to make the site aesthetically attractive, easier to navigate and less onerous to maintain.  It discusses web page components such as images, graphics, buttons and web forms.  The important topic of website navigation is also discussed.

When you visit a well designed website, you will notice and appreciate design consistencies that extend across all pages in the website.  For example, the page titles will hopefully appear at or near the top of each page in a consistent color and font.  A “home” button will appear in the top left hand corner.  The highest level site menu options will appear below the title and a list of related pages will display on the left hand side.

If your website consists of only a few pages, it is not a big issue to apply consistency as new pages are added.  In fact, many people just clone existing web pages and then make the required changes.  The problem with this approach, however, is that when the need arises to make a change (e.g. add a new hyperlink to the menu), that change must then be replicated on multiple pages.  Should inconsistencies inadvertently be introduced (e.g. fonts, colors, position), the site can appear unprofessional or confusing to the visitor.  To avoid such problems, it is a good idea to construct your website using reusable web page parts or partitions as depicted in the following diagram:

Header
Footer
Body
Right Margin
Left Margin

Technically, the web page parts are actually themselves web pages that have been combined into a web page that one actually sees. When a change is made to one web page part, it appears in all web pages. Most major web authoring tools support this type of partitioning functionality.

Website Navigation refers to the use of navigation menus and hyperlinks to allow visitors to move from one web page to another.  Although technically, it is possible to create a hyperlink to any page in or outside of a domain, it is important to adopt a standard, intuitive navigation approach that won’t leave visitors in a state of confusion.

Many web authoring tools provide easy-to-use graphical tools to define the layout of a website.  The diagram below illustrates a simple website navigation diagram that is comprised of three main sections (i.e. parents).  Normally, hyperlinks to a site’s main sections should appear at the top of each web page, just below the title.

Home Page
Parent
Parent
Parent
Child
Child
Child
Child
Child
Child
Child
Siblings
Siblings
Website Navigation

In this particular example, two of the parents each have “child pages” that contain further details about those website sections.  The two parent pages normally would include a navigation menu (in the page body) listing each of their child pages.

When viewing a child page, a menu in the left hand margin, should normally list each of the siblings (i.e. related pages).  All pages in a website should include a “Home” button at the top left corner of each page.  If visitors gets lost in the web, they can then return to the home page and begin drilling down again.

When a web authoring tool like Microsoft’s FrontPage 2003 is used to create a website, the navigation menus are automatically maintained as pages are added, deleted or moved from one location to another.  This saves a great deal of maintenance effort and reduces the chances of “dead links” occurring.

A website should normally not have more than five or six main sections (i.e. parent pages).  The depth of the website should not be greater than 5 levels deep.  Non-standard links (e.g. shown with a dotted red line) should only be used on an exception basis.

When constructing a website, it is often a good idea to make use of one or more visual elements to help communicate your message.  Many people respond better to graphics and images than they do to text.  Web browsers and html code support a variety of web page elements.  Examples of commonly used graphical elements are shown below:

Element Name Example File Type
Graphic: .gif
Picture: .jpg
Line:
.html tags
Table:
.html tags
Interactive Button: Click Here .jpg

Normally, it is a good idea to create a directory solely for graphics (e.g. .gif, .jpg files).  If the same graphic is used on multiple web pages, the browser will know to used the cached version of the graphic rather than downloading a fresh version from the server each time that graphic is needed by a page.

HTML Forms are electronic forms that are used to capture data from website visitors.  These web forms are comprised of one or more data capture fields, field descriptions and buttons.

When a website visitor submits a form, the form content can be sent to a designated email address or the data can be stored in a file or database.  Because the form is processed on the web server, the web server must be able to support the back-end processing requirements (i.e. logic to validate the data, store the data or email the form contents.

Courtesy of: create-website.org

Example of the different types of form field objects that can be added to a form are illustrated below:

Form Field Example Usage
Text Box:
  • Used for single line entry
Text Area:
  • Used for multiple entry lines
File Upload:
  • Used to identify file for upload
Check Box: smoker? drinker?
  • Used as a “tick” box
Option Button: yes        no
  • Used to choose between options
Group Box: Group box
  • Titled border around form fields
Drop Down Box: single married separated divorced
  • Used to select from option list
Form Buttons:
  • Buttons to submit and clear form

Leave a comment »

Framing Your Artwork



How to Frame Your Artwork Basics

Make Your Art Look Great and Protect It for the Years to Come

You’ve done the hard work of painting or drawing your artwork, now display it with the right frame, supports, and more.

Many artists put so much work towards their paintings that when it comes to displaying it they are at a loss. That’s too bad, because a good frame can make the difference between selling a piece or not. It is also important to frame a piece correctly so that it does not deteriorate over the years.

Choosing Archival Framing Materials

Since you put so much hard work into your paintings you want them to last, right? That is why you want to only use archival quality framing materials. Archival means that the materials do not contain acids that can break down your painting.

Since you really won’t be able to find a frame that is stamped as “archival”, you will need to find a mat that is. Mats are pieces of cardboard or rag board that separate the painting or drawing from the frame and glass. You can cut them yourself, or buy them precut.

Artwork can be damaged by sunlight, so you may want to choose glass that has a UV protecting coating.

All quality framing materials can be bought through art suppliers such as Dick Blick or through professional frame suppliers.

How to Choose a Frame and Mat

“Why is it that one framed image looks stunning and another just ‘ho hum’,” asks Suzanne Gallagher in her book The Fine Art of Wall Design. “It could be the image itself, but then again it might be the framing design.”

Gallagher bring up an interesting point. A painting relies on a great frame to make it a complete package.

So how do you choose a frame to bring out the best in your painting? In her book, Gallagher suggests using very simple and classic mats and frames to highlight your art. Try not to match the color of the frame or the mat to the colors in the painting. You want the colors in the painting to stand out, not blend in. Choose a frame and mat that has neutral tones that complement the art. Black and white art will probably look best with a white or black frame and mat.

Proportion is also important. Mats should be wider than the width of the frame, with four inches being the average mat width. The mat should be a little wider on the bottom (this is called “weighting”) to create an optical balance that will be pleasing to the eye. Small paintings or drawings can look very striking with very wide frames and/ or mats.

You will want to measure your art and how deep your painting is to determine the size of your frame. Many canvases will not fit into store bought frames because they are not deep enough. The depth of the frame will usually be listed on the frame.

Tying it All Together

Once you have the frame, mat, and framing supplies it is important to put them all together into a professional package. Make sure not to chip the frame, damage the mat, or put the artwork into the frame crookedly. Remember, the framed piece is a reflection of you as an artist.

courtesy of: Suite 101

I think that making your own frame not only allows you to make sure the elements are up to par with what you want, but they also add personality to the entire piece. When the artwork is created by you and then the frame is also, it makes everything more unified. Not to mention, the cost. When custom framing is out of your price range, this is a good way to save that extra money. Great article.

To learn more about framing and matting your work see Choosing Mats and Frames For Your Artwork and Sell More Paintings.

Leave a comment »

html vs. flash

It may be a little more work for your designers and programmers to figure out, but the final product has the ability to be appealing and functional. Many of the sites we design incorporate both Flash and HTML for this reason. Our clients desire the chic and appealing feel of a Flash website but also want to rank high in search engines. It all comes back to balance. Balance the appeal with the functionality and your website will contain all the tools necessary to be visually stunning and highly marketable online.

You can however incorporate the best of both worlds. The functionality and marketability of an HTML based site and the appeal of a Flash based site by using both wisely. If you make sure all your text areas are HTML based, then you are able to take advantage of search engine optimization. In image areas or with navigation you can use Flash movie clips. Since these contain little relative info for marketing search engines and instead could be better used to help capture the attention of a wandering visitor, why not employ both Flash and HTML into your web site design?

“HTML vs. Flash Web Site Design”
-Michael Neubauer

The question of whether to use Flash or HTML when building a website comes up constantly. This article will hopefully clear up a lot of questions so you can decide which option is better for you to employ when developing your website.

First let’s look at HTML. HTML (Hyper Text Markup Language) has always been the standard coding language of the web. There are many other markup languages that work in conjunction with HTML such as javascript, .php, .xml, .asp, etc.

HTML is the most basic and standard platform for designing web sites. HTML is supported by all browsers on all platforms of computers. So whether you are using Internet Explorer 3.0 on a PC or Safari 1.3 on a Mac, an HTML website is easily understandable by all browsers.

But the biggest upside of HTML is its ability to be configured to take total advantage of Search Engine Optimization. What this means is that by being smart with the layout of your website, the wording on it and the meta tag information, you’ll be able to generate more traffic to your site by placing higher in search engine results. The more keywords you use in the text of your website helps to solidify the relevance of your product or service. By showing search engine spiders that your site is a good source of information on your particular product or service, the search engines will look at your site as being more relevant than a web site without as many keywords or pertinent information. Thus in turn your site should rank higher and receive more traffic than your competitors when a potential customer searches for your product or service on a search engine like Google or Yahoo.

A prime example is this website. Look at all the information on this site, from the articles like this one to all the descriptions of each client’s projects. All that information helps to rank us higher in certain search criteria. This article is about the fundamentals of web site design. Because “web site design” is such a common search phrase with search engines we try to take advantage of this by using that term throughout this article and in whatever relevant places we can throughout our website.

OK, now let’s take a quick look at Flash. Flash is a platform which can be used to add a lot of interactivity to your website. You’ll often notice animated websites with funky intro pages or navigation. These are sites designed in Flash. When you see something moving across the screen or animated in any way, chances are the site was designed with Macromedia (now Adobe) Flash.

Flash is a great tool to add interactivity and animation to a web site. It can be used to show movement or really capture the viewer’s attention. With the release of Flash 8, Adobe has added the ability to integrate video with website design.

The ability to create a stunning website in Flash is at a designer’s fingertips. Another nice thing about Flash is its creative potential. Since it is not confined by the rules of HTML, Flash websites can be designed to do just about anything and be laid out in any way the client desires.

The downsides of Flash though are as extreme as its up sides. It doesn’t work seamlessly with all browsers. Older computers with outdated web browsers often have a hard time loading flash web sites. And speaking of loading, Flash web sites can easily reach very large file sizes very quickly. What this means is that anyone with a slower connection is going to be waiting a long time to see a large Flash based website.

When a Flash based web site is created, it is exported and uploaded to the internet as essentially a movie clip. This means that search engines like Google, Yahoo, Alta Vista, etc. can’t read the text that’s in your movie. By not having the ability to have a search engine rank your site your chances of being ranked highly are going to be highly impaired.

courtesy of: Dragyn Studios

courtesy of: gurtle.com

Sounds to me like the most efficient and logical way is to incorporate both, like they said. If one were forced to choose one or the other, I would choose html.  Sometimes the most important thing is getting the information out there, and Flash may cause problems with some browsers. Sometimes the simplest designs can be the most successful, and Flash seems to complicate things a bit too much if not used properly.

Leave a comment »

The Dining Room in the Country

Biography

Pierre Bonnard gave up law school in 1885 and began studying the works of Van Gogh, Cezanne, Monet and Gauguin in 1888. Between 1889 and 1902 he produced approximately 250 lithographs for billboards, wall and theater decorations, plus illustrations among others. He was the founding member of the famous group of ‘Post-Impressionist’ painters and artists, ‘Les Nabis.’ Influenced by his experience with commercial art, Bonnard’s first solo exhibition took place at the Paris  in 1896.  Initially Bonnard found his motifs in the city of Paris: small, instantaneous everyday scenes, often depicted from an unusual angle. His streets scenes were gradually replaced by pastoral, idyllic scenes, nudes and interiors.  Over the years, Bonnard traveled to England, Belgium, Holland, Spain and Italy, mostly accompanied by his friend Vuillard.  In 1925 he got married and one year later moved to the southern French town of Le Cannet for good. He considered himself the last of the impressionists and he died on January 23, 1947. His most famous painting “Dining Room in the Country,” dates back to the year 1913.

“Dining Room in the Country”, which is currently held at The Minneapolis Institute of Arts, is an oil painting on a large canvas,64 ¾” X 81″ inches.  It is an interior of the dining room at Bonnard’s house, ‘Ma Roulette,’ (my caravan) captured from a corner. In 1912, Pierre Bonnard bought a country house at Vernonnet, a small town on the Seine. Bonnard’s wife Marthe de Méligny is leaning on the window. The painting is from that phase of the Bonnard’s life when he was greatly inspired by his wife in various domestic settings. It is a work of small, yet bold brushstrokes, extremely rich in Japanese style color scheme. Bonnard emphasized the expressive qualities of bright colors and loose brushstrokes.

In this piece, Pierre Bonnard has meticulously combined the animate and inanimate elements. For example, at the right side, there are objects of still life – the three plates with edibles on the dining table, the brown wooden dining chair, and the set of jug & glasses on the wooden rack in the background, lit by bright sunlight. The left side features a small white cat on the lawn chair, and the trees & grass outside. A remarkable aspect of this painting was that Pierre did not capture the scene live. To add the ‘Symbolist’ subjectivity of the piece, he preferred to paint based on his memory. It is said to be “One of the most spontaneous, most strikingly original temperaments.”

Leave a comment »

DIY Graphic Design

7 Keys to DIY Graphic Design on No Budget

Everyone talks about starting a business, launching a website, doing what you love, quitting your job, etc. That’s great but regardless of what you may read, people do indeed judge a book by its cover. When you start that business or website, you will most likely need a logo or some kind of graphics to accompany your text.

For those of you that have the ideas and not the skills to design a new logo, poster, or cover page for your business plan, you can either dish out some money to have a pro do it or you can give it a shot yourself.

Clearly there is a time when a professional needs to get involved. However, I like doing it myself and I have a learned a lot in the process. Take these notes into consideration next time you have to get a creative project done on no budget:

  1. Think few and simple: A highly-trained, experienced graphic designer can integrate a mass of disparate material into a good-looking whole. I can’t, so I go minimalist. With the words, too. Less is more. Most people overwrite by 10%-25%; try cutting a tenth to a quarter of your text.
  2. Every element you choose must reinforce your theme: An old-fashioned font on a technology announcement? Pink for something aimed at lawyers? Grey for something aimed at little girls? No. Just no. If it doesn’t reinforce the theme, no matter how much you like it, don’t use it. You can always use it for something else another time.
  3. Get one, or maybe two, really strong graphic elements from one of the many sites where artists more skilled than you make their work freely available. My favorites are:
    • stock.xchg. Stock photographs like you’d get from a pay site, well organized and easy to search.
    • flickr. Thousands of mostly amateur, but often very skilled, photographers post here, and many of them let you use their photos.
    • the Open Clip Art Library. Usually well-drawn and often completely without restrictions on usage. Unfortunately, the site isn’t searchable. You can download the whole library for free, but it’s large.
    • deviantART. More emphasis on painting, drawing and digital art and less on photography.
    • everystockphoto and PicFindr, which are search sites that search a number of different free photography sites. I find everystockphoto to be the more useful of the two. (Often, though, the best photos I find turn out to come from stock.xchg or flickr anyway.)

    Make sure you check the usage conditions before you use a piece from these sites, as they do vary both between and within the sites. Familiarize yourself with the various Creative Commons licenses and what they permit, require and prohibit. Stock.xchg has its own usage terms, and individual contributors sometimes add other requirement such as attribution, linking to them, informing them or even asking permission from them before you use the work. Look underneath the photo to be sure. Flickr uses the Creative Commons licenses, and you can search by CC license either on Flickr itself or on flickrCC, which presents the pictures in an easy-to-view format.

    For deviantART you will usually need to contact the artist to ask about usage. It’s always courteous to let the artist know you’re using their work in any case. And if you leave a comment on the piece of art you used, you have the opportunity to link back to your own site and promote it.

  4. Use two, or maybe three, clean, legible fonts: A lot of amateur graphic design looks like an explosion in a font factory. One font for headings, one for body text, and maybe one other for special elements is the rule to go with. Look on your computer first – you probably have dozens of fonts already. If you don’t have quite the right one, though, there are plenty of free font sites around. Two that are easy to use and well-organized are urbanfonts and better fonts.
  5. Use three, maybe four, well-matched colors: Hands down the best site I’ve found for harmonizing colors is EasyRGB. It’s for web designers, but there’s no reason you can’t use it in other projects too. Pick a main color and then get EasyRGB to show you good matches for it.
  6. Use Inkscape to bring it all together: Inkscape is free software, and fairly easy to learn. You can do pretty much anything you need with it for basic graphic design.
  7. Align the elements with each other so that the viewer’s eye moves through them naturally and they seem related: I’ve used these principles to design several logos, a book cover for my novel, and a poster for my stop-smoking clients (using an image from stock.xchg).

If you can afford it, of course, use a proper graphic designer; they’re worth it. But zero-budget graphic design isn’t as hard as you may have thought.

courtesy of: Dumb Little Man, Tips for Life

I think there are certain instances where anybody can create graphic design, and there is definitely a time and place for all of that.  BUT, I also think there is a time and place for a professional to step in.  Its not very often that the average joe has the design eye and sense of layout that a professional designer does.  When the event or project is major, seek a professional.  When you are doing simple tasks, try doing it yourself!

Leave a comment »

Secrets of Screen Printing

Print This: the secrets of screen printing

“Screen-printing lies somewhere between mechanical production and a hand-made artefact,” says Ric Blackshaw. “So for the artist it offers flexibility and the chance to experiment.”

courtesy of: digitalartsonline.co.uk

Sunday 13 Dec 2009

Now that you can get great-quality prints from many good desktop printers, and where high street stores offer speedy, affordable, full-colour printing onto everything from CDs to T-shirts, you would have thought that a time-honoured but messy and intensive technique like screen-printing would be on its way out. You’d be wrong.

Screen-printing is enjoying cult status right now, as more and more creatives wake up to the benefits of getting their T-shirt, poster, and even snowboard designs professionally screen-printed – or even pulling their own prints.

In an age where digital glossiness and immaculate finishes are the norm, screen-printing offers something different: a tactile, handmade and unique product – no two prints are completely identical. It also offers exceptional colour quality and a broad range of inks, from glow-in-the-dark to self-inflating ink that forms a raised surface.

“Screen-printing offers a depth and richness of colour unmatched by giclee [inkjet] reproductions,” says Gerv Havill, who runs Mission Print (www.missionprint.co.uk) in Birmingham. “Screen-printing can also be used to apply spot colours and varnishes that an inkjet can’t handle.”


“The reason screen-printing is good is it allows you to produce relatively small numbers of high-quality prints, using unusual materials like metallic inks, glittery inks or varnishes,” explains Sebastian Lester (www.seblester.co.uk), a typographer who has recently branched out into producing prints.

Sebastian Lester explored custom-made paper for the limited-edition version of his Home Sweet Home print. “I’m really pleased with how it turned out… It changes colour depending on the angle it’s viewed at.”

Beyond that, screen-printing has its own special demands that challenge your design skills, forcing you to think about how you’re creating images in a way that you don’t when you’re knocking them together on a computer. A successful screen-print is almost a designer’s badge of honour, showing that they can work creatively within the format’s constraints.

“There is virtually nothing a skilled printer can’t screen-print,” says Ric Blackshaw, who runs screen-printing collective Scrawl (www.scrawlcollective.co.uk). “Gradients are easily achievable through halftones and quarter-tones… Most cinema posters are still screen-printed on huge industrial beds.”

Designing for screen-printing
It’s best to leave the advanced gradients and quarter-tones to the professionals, though: many of the most successful prints have a limited number of flat colours.

benefit to limiting your palette, too: as each new colour has to be printed separately, if you’re paying someone else to print for you, you’ll be charged for each one – which can quickly get expensive. If you’re printing your own, of course, you’ll be spending more on inks.

Above Sebastian Lester explains: “Flames is about big concepts. Love, life and eternity. I’ve drawn on powerful symbolism and our rich calligraphic heritage to develop this work… The aim was to try to create a dynamic, majestic, and hopefully beautiful piece of ‘type art’ that truly stands the test of time… I’m really proud of Flames. Below “I like to think that almost anyone can achieve almost anything in life. It’s all about passion, focus, and commitment. I wanted to design a dynamic, inspirational poster that referenced this self-help adage. It’s a three-colour screen print with a very nice metallic silver ink.”

Many find that working within a limited palette is part of the fun – and it’s certainly part of the skill. A solid knowledge of colour is key: being creative with halftones or selecting a clever colour for the paper (or whatever you’re printing onto) that becomes an integral part of the design can make all the difference.

The key thing is to have an image that’s fully thought-out in terms of how it will be printed. This takes careful refinement: don’t expect to arrive at your image in a couple of sketches.

Sebastian Lester says: “There are limitations in screen-printing and you should take them into consideration from the offset. I think screen-printing works best with strong graphic images with bold, flat colours.”

Above Yeti Mount Fuji by Phil Ashcroft. Below Han Double by Ryca.

Like graffiti, screen-prints benefit from clear strokes and a strong colour palette; many artists also have success making use of negative space or blank backgrounds, a la Banksy.

“Technically it’s possible to achieve a photographic quality, but you’d have to work with a dozen colours and it gets very expensive very quickly,” says Seb Lester. “You need to think in terms of supplying the printer with artwork in separate layers for each colour so he can prepare screens that can easily be aligned when he comes to print the job.”

limited editions, mass appeal
Screen-prints – particularly posters – are cult products for consumers too. It’s not hard to see why. Limited-edition, screen-printed posters offer design and illustration fans an affordable but pleasingly exclusive way to resist the IKEAfication of home decoration: with prices as low as £30 (although upwards of £60 is more normal) and small print runs, you’re unlikely to see your chosen print anywhere else.

“There’s still a feel that you’re buying something that the artist has had a hand in producing,” explains Ric Blackshaw.

And with many leading illustrators taking up the squeegee (or getting others to wield it for them), it’s an easy, affordable way for fans to own a piece by their heroes. Even for creatives who haven’t reached Jon Burgerman levels of renown, some good prints in short runs, sold through local boutiques, can be a way to spin income and get your name out there – but they do have to be very good.

Sebastian Lester cautions that screen-printing is unlike digital printing: typically you print your whole batch at once, rather than being able to print as many as you need, when you need. This means that the more you print (and sell) the more affordable it becomes: “You have to take a financial risk and hope you sell a significant number of the edition just to break even.”

The versatility of screen-printing – and the ability it gives you to produce professional but hand-crafted artworks – make it a great tool for digital illustrators and artists to have in their creative toolbox. If you’re good enough, it offers a potential source of income and then opportunity to create something lovely.

This article has shown me what an awesome tool silkscreening can be for any time of media. It is an easy way to utilize the tools you have and combine it with other media. As a graphic designer, I am very into combining handmade aspects to my work, and most of them are on the hand-drawn side. This technique is a more subtle approach to the authenticity of handmade art. Great article!

Leave a comment »

Web Design Tips

15 Design Tips to Learn From Apple



There is no shortage of companies that follow popular design trends to appeal to a mass market. Much more rare is the breed of company that actually sets design trends. Today we’ll examine the techniques of a company that occupies the top of the design food chain: Apple.

Below you’ll find 15 practical ways to follow Apple’s example in creating beautiful interfaces.

#1: Keep it Simple

screenshot

Take a look at Apple’s homepage and don’t think about what you see, but what you don’t see. I’ll give you a hint, it’s all over this site (no not this very site, click the link silly). The answer of course is visual clutter. A homepage is supposed to tell users everything about your company, to communicate all your product categories in detail, to list endless features, and to showcase your logo as big as possible. Right? According to Apple: wrong.

Apple’s homepage simply shows off their most recent work and provides you with a few easily understood categories to help you get to the information you want to see. Granted, odds are you aren’t designing for a remarkably ubiquitous company that needs no introduction. However, you can still use minimal but attractive design to increase usability.

Imagine you’re driving up to an airport. As you drive along you are simultaneously hit with five or six signs containing maps with the locations for everything from terminals right down to handicap accessible restrooms. The argument the map designer would make is that he gave you all the information you needed to get anywhere you wanted to go. You would no doubt quip back that his fault was in giving it to you all at once as you were driving by at 20 mph. Now imagine you are at Sky Harbor, Phoenix Arizona’s remarkably easy-to-navigate airport. As you pull in you see a sign that says “Hello, welcome to Sky Harbor. There are three terminals”. Then as you drive along, you reach more signs, each with a brief description of what airlines fly into each terminal and where to go for arrivals or departures. The feeling you get as you drive into Sky Harbor is “Wow, this is easy!”

Apple takes the same approach to interface design. Rather than hitting you with everything they’ve got in the name of usability, they use smaller bits of information to lead you to the place that holds the content you’re really after. Look at the site you’re working on and consider how you can break the complex information up into smaller pieces that the user won’t find overwhelming.

#2: Use Amazing Product Shots

screenshot

One of Apple’s principle reasons for cutting back on superfluous graphics on their site is to really showcase what’s important: their products. Just look at the shots they use; it’s nearly impossible to look at a page on the Apple site and not have your eyes focus on the products for seconds on end.

There are several things that make these products look so incredible. The first is that they are obviously pristine. Chalk this one up to digital imaging experts. I haven’t seen exactly how they do it, but the combination is likely a mixture of photography, 3D modeling (take your pick: Modo, Lightwave, Maya, etc.), and of course, Photoshop.

The next thing they do is to make them take up a huge portion of the page. If you spend hours making a beautiful package shot and then size it down to a thumbnail, it’s simply not as overwhelmingly impressive. Notice that Apple also frequently includes multiple products arranged in an attractive way as in the picture above.

The lesson here is to not just take a photo of your product and call it a day. Spend the time to make it look fantastic. Whether it’s a can of refried beans or a Lexus, do your best to make a great hero shot.

screenshot

Don’t believe that you can make your non-tech product look as good as Apple stuff? Check out We Shoot Cans as proof that a talented artist can make any product look good.

#3: Contrast is Key

screenshot

Another thing that makes those Apple product shots look so darn great is the simple environment they drop them into. The human brain loves contrast. It’s the reason we stare at mountain ranges and the horizon over the ocean. It’s also the reason we say “oooooohhhh” when we see a black shiny iPhone on a flat white background. You should seek to apply selective contrast in every single design you create. Look for opportunities to use contrast with color, size, font thickness and anything else you have to work with.

Apple doesn’t just apply contrast to their product shots. Take a look at the pic above and think about what jumps out at you. It’s probably the big blue download button. Cruise around Apple’s site and you’ll see that nearly every time they want you to do something (buy, download, etc), they use a bright blue button to grab your attention.

#4: Sweat the Small Stuff

screenshot

Apple is all about attention to detail. Every little piece of their site is finessed into perfection. Never fall into the trap of saying “no one will notice” or “good enough.” It is often the margin of time spent on the tiniest details that separate the good designers from the great ones.

Don’t buy into the small stuff argument? Check out the social media logos on the Microsoft Office homepage and tell me that they don’t make you cringe.

screenshot

I personally possess vector files of each of these logos. Now if I can do it, don’t you think the Microsoft designers could’ve taken the time to track down better versions of these logos to avoid the sloppy Photoshop Magic Wand selection they’ve got going on? I challenge you to find something this poorly done anywhere on Apple’s site, much less on the landing page of one of their most popular pieces of software.

#5: Avoid Flash

screenshot

I’ve never been one to join in with the Flash hater crowd, but the fact is, that crowd is growing. Leading the masses is none other than Apple CEO and world-renowned technology clairvoyant Steve Jobs. Check out this excerpt from a recent Wired article:

“About Adobe: They are lazy, Jobs says. They have all this potential to do interesting things but they just refuse to do it. They don’t do anything with the approaches that Apple is taking, like Carbon. Apple does not support Flash because it is so buggy, he says. Whenever a Mac crashes more often than not it’s because of Flash. No one will be using Flash, he says. The world is moving to HTML5.” (Source)

Those are strong words from a man revered for leadership in the tech world. To be honest, much of what he says rings true. Online Flash content certainly isn’t the most reliable technology out there and is highly dependent upon extra software and up-to-date plugins that the user may or may not have. Further, HTML5 and CSS3 are glimpse into a future where you can accomplish a richly interactive multimedia experience with with simple, standards compliant code.

As a developer, if you join Apple in their virtual Flash boycott, you probably won’t regret it. You don’t even have to take an active stance against Flash so much as simply avoid using wherever possible. You’re pretty much guaranteed to have a lot less headaches from users who can’t view your content.

#6: Make It Friendly

screenshot

For years, Apple was branded as a cult that was anything but friendly. They’ve really sought to purge this idea in recent years by restructuring their image to be more approachable. The most noticeable place you see this is in the “Get a Mac” ads. The Mac is portrayed as an every day kind of guy while the PC is the “out there” business man who’s always up to no good. Subliminally, these commercials are saying that Apple is really an open community and anyone from teenagers to grandmas will fit right in.

Another thing they’ve done is improved their formerly abysmal tech support record. Now anyone in a major city can just make an appointment at the Apple store for a free one-on-one consultation to address any problems and/or questions customers might have.

All of these techniques are reinforced by graphics of friendly, smiling faces. Currently the Apple store near me has about a dozen cardboard cutouts of Apple employees in the window as if to say “come on in, we’re happy to help.” You can also spot these smiling employees in a few places on the Apple website as shown in the pic above.

What Apple is doing is forming a balance between amazing but non-personable technology-based design and approachable smiling faces. No matter what you’re selling, consider whether it’s appropriate to make it look more friendly and think about what you can do to get it there. Even a simple “Hello” in a headline can go a long way.

#7: Use a Strong Grid

screenshot

The picture above speaks for itself. Every page on Apple’s site adheres to a strict grid structure; whether simple or complicated, it’s there. The purpose? Check out how much information they’re throwing at you on the page above. There is simply a ton going on, but it somehow seems attractive instead of overwhelming.

Breaking sporadic information up into manageable cells drastically reduces visual clutter and confusion. Notice that each cell also contains a visual reference to accompany the text description. These visual references all look very similar and fit into the overall Apple theme. Even if you’re using stock images, try to maintain a similar theme so there’s no visual disparity in the pictures scattered all over the page.

#8: Create Instructional Aids

screenshot

To reinforce the message that the top of the mouse is actually a multi-touch surface, Apple created the above illustration. Even without the headline, nearly anyone would be able to comprehend what’s happening in the picture and consequently understand how to use a brand new piece of technology that they’re completely unfamiliar with.

Apple goes even further than illustrations though. Nearly every piece of hardware and software on their site has an accompanying video that shows you how it works. This goes a long way to reduce tech support questions. I frequently refer my friends (who have all converted to Mac because of me and therefore see me as free tech support) to these videos because they provide a much richer and easier to understand experience than a phone conversation ever could. Check out Apple’s library of instructional videos to see how great they are for yourself.

#9: Be Consistent

screenshot

The pic above is a screenshot of the iTunes store. Look familiar? If you’re thinking it looks a lot like Apple.com, you’re right. Now have a look around Mac OS X, specifically in the Finder. Again we see strong grid-based design, lots of white, metallic textures, and blue as an attention grabber (in selections). And finally, have a look at the full Apple line of hardware to see these textures and design elements brought into the real world.

Apple’s general look or “brand essence” is applied across every single thing they design. It’s quite stunning when you realize how much their software actually looks like their hardware. How much more integrated can you get? If you’re ever tasked with the job of developing a brand, look at every aspect of the company from televised ads and websites on down to the products themselves. Consider how you can integrate all of these disparate elements to look like individual pieces of a cohesive whole.

#10: Not Just a Big Store

screenshot

Apple is a great case study in a successful e-commerce site. Notice that the entire site is bent on influencing you to buy, and educating you about, their products. However, the site doesn’t feel like one big store.

What I mean by this is illustrated in the screenshots above. The top shot is the dedicated Time Capsule page. Apple loves making beautiful product pages with clever headlines informing you of how great their products are. Notice that this technically isn’t the “store.” If you click the buy button, you are then taken to the page in the second screen: the actual online store. Here Apple has completely stripped down the visual appeal and focused on usability. They give you the information you need without distractions and make it easy to purchase an item in a few clicks.

If you’re making a online store, your first idea will probably be to do just that: build a store. If you have the time, budget, freedom, etc., consider building a website to showcase the items in the store in a way that simply wouldn’t be efficient in the store itself. Create beautiful dedicated pages that really boost your product and include a “buy now” link that takes customers to the visually boring but highly practical store section of the site.

#11: Be Confident

screenshot

Let’s face it, Apple products are pretty amazing. Click around Apple’s site for a few minutes and you’ll find they aren’t exactly humble about this. Their headlines are filled with adjectives like beautiful, powerful, fun, revolutionary, easy-to-use and advanced. Their product descriptions inform you that the item is the best thing available in its category. If you overanalyze it, this may sound a bit haughty. However, as a casual visitor, you would probably just be impressed.

Whether your website is advertising a product, service, or simply an idea, don’t sell yourself short. Never use the word “good” when you can say “great,” never say “attractive” when you can say “beautiful.” If you are confident in your product, really strive to communicate it to your visitors. You’ll find that it will rub off on them and that they will generally have a much more positive first impression if everything on your site is focused on convincing them how great you are.

Like anything, there is of course a breaking point. Have someone not involved with the site read over your copy to make sure you aren’t pouring on the self-praise so thick that it becomes an annoyance.

#12: Put Legal Copy in it Place

screenshot

This one is small but important. If you’re working for a company big enough to have a legal department, you know that the people in legal departments work really hard to prove that they aren’t worthless. Usually what this means is that you as a designer create something, send it to the legal department and get back a 500 word document full of extra content you are required by law to include. Inevitably, cursing ensues.

What you do with this content is important. Consider whether or not it’s information that the user actually wants to know or if it’s just an evil necessity that no one will ever read. If it’s the latter, take a page out of Apple’s book (a bite out of the Apple so to speak) and throw it at the very bottom of the page in a small but readable font that doesn’t contrast with the background too much. Your primary goal as an employee should be to make this content accessible, findable and readable. However, your goal as a designer is to make sure it doesn’t screw up your design by filling it with unimportant clutter.

#13: Comprehensive Footer Site Navigation

screenshot

Check out the footer in the screenshot above. Apple has transformed the bottom of each page into an extremely helpful navigation tool. This is a great way to reduce the difficulty of navigating a large site. Rather than filling their primary navigation with a link to every section on the site, they’ve reserved it for general categories. Within a category, if you scroll down to the bottom of the page you find a much more comprehensive site map in the footer.

Notice they haven’t gone out of their way to make it stick out. It’s enough that you can spot it if you’re looking for something but subtle enough that you don’t give it a second glance if you don’t need help with navigation.

#14: Create Beautiful Custom Icons

screenshot

With the introduction of OS X, Apple brought icons into a whole new realm. Since then stunning icon design has flooded operating systems and spilled over onto the web. However, there are a few free icon sets online that have reached such fame that they’ve become cliché.

So before you go downloading a set of icons that looks like everything else on the web, give it a go yourself. Fire up Photoshop and/or Illustrator, dust off those drawing skills and make yourself some great custom icons. In the end they’ll really polish off your site designs. As you master the art of good icon design you’ll notice that you are a lot less dependent on third party art to produce amazing sites (which is a really good thing). If anything, you’ll save those crazies in the legal department from trying to figure out the legal restrictions on all those “free” icons.

#15: Interactive & Dynamic Content

screenshot

Nearly every page of Apple’s site contains an automatic slideshow, an animated accordion menu, a video, or an interactive photo gallery. The goal here is to keep the attention of the user. Static content can be a little on the boring side and can cause a user to vacate the site in search of something more interesting. Apple keeps your attention by giving you lots of pages with constantly changing content or bits of interactive features.

This kind of content should be approached with extreme caution for a number of reasons. First of all, it’s easy to leave over half of your visitors behind if you’re programming in features that require a special plugin. Try to stick to widely supported technologies that work across multiple browsers. Also, it’s really easy to get carried away with dynamic content. There’s an extremely fine line between eye-catching and annoying and you absolutely must learn where that line falls. Otherwise you give visitors a headache in place of the good impression you were going for.

One More Thing…

To sum up, Apple Inc. is pretty much synonymous with classy design. There’s a lot we can learn from observing these great designers at work that goes way beyond just ripping off the cool reflections they put on everything. The tips above are meant to be generally applied to your own work in a unique way. Use them as inspiration to blaze your own path in great site design.

courtesy of: designshack.co.uk

These are all really good tips, but the author is so biased and one-sided that they need to realize we all have our differing opinions.  Not everyone is meant to use a mac and not everyone wants to eliminate Flash programming. I, for one, think pc’s are a lot more user friendly and for the non-designer they are great. I also think that Flash is a great program and has great capabilities.  The blog asked for opinions on the article and it looks like they are getting a lot of diverse feedback.

Any time someone mentions Apple there’s bound do be evangelists and haters, eager to share their undying love or profound hatred of Apple’s design methods. Use the comments below to tell us which one you are. Are you all for minimalism mixed with glossy icons or are you sick of the web looking like a bunch of Apple wannabes? We want to hear your thoughts.

Written by Joshua Johnson, On 4th February 2010.
Filed in Graphics, Inspiration.

courtesy of: designshack.co.uk

I think this blog is great at building apple up, the they need to be a little more open-minded. They are biased in the fact that not everyone is meant to use a mac, and not everyone is wanting to eliminate Flash programming. I, for one, think PC’s are user friendly and great for the non-designer, and I think people who know how to use Flash correctly give it a good name.  I’m glad that they have the opportunity for people to leave feedback and it looks like they are getting plenty of it.

Leave a comment »

Bad is Good?

bad publicity

When is a bad logo design actually good?

I’ve seen it around a lot, that phrase to tell us there’s no such thing as bad publicity, but I’ve often wondered just how true the statement actually is.

From time to time a logo design will come along that really gets people talking. More often than not, it’s because the design causes contention, and has some designers bending out of shape around the agency in question. In their defence, agencies responsible for contentious logo designs might say that the publicity gained simply adds to the effectiveness and memorability. But in saying that, do you want to be remembered for a logo that receives more bad remarks than good?

Presented here are logos that surfaced over the past year, and ones that got the design industry talking.

Italy logo

Italy logo design

Almost a year ago to the day, Italy launched a new national logo. The design agency who won the tender was London-based Landor Associates, and they came in for a fair amount of criticism. Do you think it was justified?

What others are saying about Italy’s logo:

London 2012 logo

London 2012 logo design

We’ve certainly not seen the last of the London 2012 logo, designed by Wolff Olins, considering it’s another four years until the event. When first revealed, the TV ad campaign caused some people to have epileptic fits, which didn’t help the Olympic Committee’s cause, but not all designers are speaking out against this design. Can you see the positives here? Has the negative publicity lead to greater memorability? Indeed, is there such a thing as negative publicity?

What others are saying about the London 2012 logo:

Animal Planet logo

Animal Planet logo design

Whilst only changing their logo for US-based audiences, the British design firm Dunning Eley Jones have conjured the Animal Planet a strange looking design that appears awkward and squeezed together. I have an idea what the designers wanted to portray, but I don’t think the finished logo meets the initial concept at all. International rollout of the new logo is expected this summer.

Armin at Brand New initiated an interesting discussion about this one: new Animal Planet logo on Brand New. One comment, from Danny Tanner, is picked out and quoted below:

The signature seems conceptually sound. Wild unorganized, chiseled, sharp, and unpredictable. Kinda like what would happen if you put ten monkeys in your apartmentand then left for the day.

Formally it leaves a lot to be desired.

What others are saying about the Animal Planet logo:

Wacom logo

Wacom logo design

Wacom’s new logo was created by Wolff Olins, the same agency who brought us the London 2012 logo shown above. It’s original, I’ll give them that.

What others are saying about Wacom:

Xerox logo

Xerox logo design

Striving to be seen less as a copier company, and more as a total solutions organisation, Xerox (with Interbrand) redesigned their logo completely in line with latest trends. Whether there actually is no such thing as bad publicity, this is one I’d not want to be associated with, and I’d love to have seen the other designs that were put forward.

What others are saying about the Xerox logo:

courtesy of: logodesignlove.com

These kinds of logos that are displayed above really make me wonder how many of these companies sought professional help. I recognize just about all of those names or companies and feel like their image is way too important to have not consulted someone who knows what they are doing. I am a student still, not a professional, and I feel like I could do a better job that most of those designers did. In my book, a good logo design consist of originality, legibility and versatility. It should leave an impact, and be memorable.  The Italia and 2012 logos both disobey one of the most important rules of logo design, which is legibility. They are not easy to read, and people are not going to work really hard to read it. The Xerox icon that is part of the logo has nothing to do with what the company is all about. I particularly like that comment stating “Xerox unveils beach ball as new logo”. Not enough thought and preparation went into this design process. Especially when two heads are better than one, my work would not go without revision, revision, and more revision.

Comments (1) »

Problems in Branding

Top 10 Branding Mistakes

Branding, a commonly used term throughout the business world, essentially means to create an identifiable entity that makes a promise of value. It means that you have created a consciousness, an image, an awareness of your business. It is your company’s personality. Numerous businesses try, but many fail at creating a successful brand. For more on the definition of a brand, read What Is a Brand?

Here are 10 of the most common mistakes:

  1. Not thinking analytically. Too many companies think of branding as marketing or as having a catch phrase or a logo. It is more than simply vying for attention. A brand warrants attention on a consistent basis, represents something that your audience wants but does not get from your competitors. For example, it could be providing the best customer service in your industry — not just through your tagline or logo — by actually providing the best customer service in your industry.
  2. Not maintaining your brand. Too often, in a shaky economy, businesses are quick to change or alter their identity. Too much of this confuses your steady customers. For guidance, think of big brands — Nike, for instance, has used “Just Do It” as a logo for years. One rule of thumb is that when you have become tired of your logo, tagline, and branding efforts, that’s when they begin to sink in with customers.
  3. Trying to appease everyone. You will never be able to brand yourself in such a way that everyone will like you. Typically the best you can do is to focus on the niche market for your product.
  4. Not knowing who you really are. If you are not the fastest overnight delivery service in the world, do not profess to be. Too many business owners think that they are providing something that they don’t. Know your strengths and weaknesses through honest analyses of what you do best.
  5. Not fully committing to branding. Often business owners let the marketing and advertising department handle such things as “branding,” while they work on sales and other important parts of the business. But sales and branding are tied together as integral aspects of your business. Many Fortune 500 companies are where they are today because smart branding made them household names.
  6. Not sharing the joke. If only the people in your office get a joke, it is not going to play to a large audience. The same holds true for branding. If your campaign is created for you and not “them,” your brand will not succeed.
  7. Not having a dedicated marketing plan. Many companies come up with ideas to market themselves and establish a brand identity but have neither the resources nor a plan as to how they will reach their audience. You must have a well-thought out marketing plan in place before your branding strategy will work. For help putting together a marketing plan, see How to Build a Sound Marketing Plan for Your Business.
  8. Using too much jargon. Business-to-business-based companies are most guilty of piling on the jargon. From benchmark to strategic partnering to value added, jargon does not benefit branding. If anything, it muddles your message.
  9. Trying too hard to be different. Being different for the sake of being different is not branding. Yes, you will be noticed, but not necessarily in a way that increases sales.
  10. Not knowing when you have got them. Companies that have succeeded in branding need to know when to stop establishing their brand and when to maintain that which they have established. Monitor the results of your branding campaign. If your small business is a local household word, you can spend more time maintaining your professional image.

courtesy of: allbusiness.com

courtesy of: google images

courtesy of: google images

courtesy of: google images

The struggles that exist to overcome branding problems are very interesting to me because I haven’t had to deal with it yet in the professional world. I see the problems that other business owners and entrepreneurs have and I know that I will eventually have to deal with it. In order to be as prepared as I possibly can, I can do this research and allow other people to become prepared as well. Along the lines of last weeks post, one of the main problems is inconsistency.  Tropicana, for example, is switching back and forth between their identity when they are well known for having the fruit on their product already. It isn’t about being different at this point.  One of my favorite lines from the above article is when the author states that by the time you are tired of hearing about your slogan and looking at your identity system is when you have successfully made a brand for yourself.  That would be the worst time to change it.

Leave a comment »

Follow

Get every new post delivered to your Inbox.