Twitter
Facebook
Flickr
Layout Image

Archive for February 2010

Sometimes, as a designer, we just get get stuck and hit a road block and it can be very frustrating to get unstuck. SEOmoz Blog contributor, Oatmeal, compiled what I agree to be 8 strong tactics to help with designer block and I thank him immensely for the words of wisdom.

Although I do practice some of the same suggestions listed, it is refreshing to learn additional ideas on how to get out of the mud. The most difficult design block I encounter is doing the same thing over and over and I like suggestion #7 to not be a one-hit-wonder. It so important as a designer to expand on you skills and try new things, but technology is so fast paced, that this can be a challenge…but it must be done. Thank you SEOmoz.org and Oatmeal for the great article and suggestions. So without further distraction….

8 Web Design Tactics to Help You When You’re Stuck

Web design can be incredibly frustrating. You’d think that with the infinite possibilities of what-goes-where it’d be pretty easy to land a design that works, yet somehow we’ve all been stuck before: working hour after hour on a design that refuses to look right. Throwing away pixels like they’re going out of style.

These 8 tactics are what I use to get out of that sticky spot.

1. Design from the inside out

This is some of the best advice anyone ever gave me about web design (thanks Cameron). A lot of designers start off a design by focusing on the header. Often times what’s inside the page is what makes it look good; the header is supplementary. Try leaving the header alone for awhile and working on some elements in the body, you’ll be surprised at how much easier it is to design a page once you’ve got a solid body going. The next time you’re designing a header with no body imagine yourself adjusting a tie in front of the mirror, but being completely nude. (yikes)

2. Sketch something

My whiteboard is my salvation. Pencil and paper works too. I read an article years ago by a designer who would draw dozens of little 2×3″ mockups in his spiral notebook before even opening up a graphic design program. It helped him identify where elements were going to be placed and what options looked best . The best part of creating mockups this way is the speed at which you can burn through possible layout ideas. Sketch something, scribble it out. Sketch something else, scribble it out. Do this ten times and you’ve probably got a fairly decent idea of how to the page should come together. I’ve used a few wireframe applications like Axure, but I’ve still found myself to be my most efficient while bathed in the saucy aroma of whiteboard markers.

3. Seek inspiration offline

If you’ve paid attention to anything design related in the past two years then you’ve no doubt seen a few of the countless CSS galleries and design showcase websites that popped up. These are excellent sources of inspiration, but sometimes a bit of offline media can be just what you need to spur some fresh ideas. Open up a newspaper or magazine, go to the grocery store and look at the packaging, watch a television ad. Pay attention to things that are applicable to your design such as typography, color, and element placement. Ask yourself questions like “What is it I like about this magazine ad?” and “What is about this packaging that just works?” There’s a lot you can learn from observing traditional media. A few years ago a co-worker of mine lent me a book full of Russian posters and print ads from the 1920′s. The lessons learned from looking at some of the material were invaluable – I was particularly impressed by how they were able to cram a ton of information into a tiny area but kept it from appearing too “busy.”

4. Learn to let it go

Ever make a button that looks ridiculously awesome but just doesn’t belong in your design? You put so much effort into your ridiculously awesome button, you’ll go to great lengths to make it work. You’ll bend the laws of space and time to make that goddamn button look right in your page.

Learn to let it go. Save the button and file it away. Although you’ve lost this battle, you’ll soon have an arsenal of ridiculously awesome buttons you can use in designs later on.

5. Step away from the computer

We’ve all heard this before: If you’re having a difficult time with something, leave it alone for awhile and come back later. It’ll probably be easier after you’ve had a bit of a break and your mind has settled. Regarding web design, I’ve noticed this always plays out in a certain way: If I’m hating a design I’m working on and I shelve it for a few days, a lot of the time my reaction upon returning will be “Holy crap that’s fantastic!” On the flip-side, I’ll often toil away long into the night working on what looks like the best design I’ve ever created. The next morning I’ll look at it again and cringe at the horrible abomination I’ve created. The moral here is to give your design some space.

6. Be absorbent

No art is born in a vacuum. Learn to effectively pinpoint what it is you love about other designer’s work and incorporate it into your own. Don’t steal designs, but don’t deprive yourself of external stimuli either. Become better at identifying why you love the way something looks. When I come across a design that blows my mind, I try to pick it apart what aesthetically makes it tick.

The Tangerine Tree is a good example. Sure, it looks wonderful, but why? Personally, I love the way the designer has taken a very modern set of shapes and applied them against a vintage medium: Cartoonish bubbles and clouds that appear to be cut out of distressed paper. When looking at this design I ask myself: What could I do with textures like that? What is it about those shapes and icons that look so remarkable?

7. Don’t be a one-hit-wonder

Try to avoid using the same techniques over and over again, even if you’ve done really well with them in the past. Gradient rectangles are my crutch – I have a terrible habit of using them whenever I feel like a design isn’t working. “This design sucks…I’ll add a rectangle with a gradient fill!” The result is usually something that I’m unhappy with because it looks the same as all my previous work. Try imposing yourself with silly rules, such as “No drop shadows today” or “2D elements ONLY.” Locking yourself out from certain design habits forces you to learn new ones. My happiness as a designer coincides with my ability to produce something that looks great but is different from anything I’ve done before.

8. Seek input from others

This is a tricky one. There are so many ways to ruin a web design, especially when the wrong kinds of people are involved. Be careful who you ask and find people who can provide constructive criticism. I’ve seen many great designs die at the hands of aesthetically-challenged secretaries who have printed a few corporate bake-sale flyers in the past and consider themselves to EXPERTS at all things design. If anyone ever tells you that your design doesn’t “feel right,” or that they “just don’t like it,” you might want to look elsewhere for input. Find someone who can tell you specifically what’s wrong and how it could be improved. Grow some thick skin, too. Don’t assume every criticism is an attack on your work of art. Roll with the punches.

Any other techniques you can think of to jumpstart your design powers?


Posted by Oatmeal on February 7th, 2007 at 10:53 am Webdev SEOmoz.org

Credit to Oatmeal’s Great Post at SEOmoz.org

Categories : Design Basics
Comments (0)
With the fast pace life of technology and the Internet, owning and controlling your website, domain name and online image is important to protecting your business.

More and more online “Build Your Own Website” programs and sites are popping up offering free or low priced DIY packages, and businesses need to weigh the advantages and disadvantages of using these online resources to brand their company’s online presence compared to a custom designed website. Like many resources of technology, everything has its place and use, but businesses need to decide if a short term free/low cost solution is the best way to go when creating their brand online for potential customers.

The most common issue to consider when using a BYOW or DIY program site, is your domain name. Many sites do not permit you to create a unique domain name, rather they have you create an account name that is inserted into their domain name. Example: www.sitename.com/youraccountname. If you use one of these sites as your business website you loose out on a unique URL address name that can easily be purchased by another entity. Plus, using a shared URL with your company name does not project a serious professional business image.

Maybe the site allows you to register your own unique domain name, but requires you to host the name with that site only at registration. At that point it is important to know who actually owns that domain name and has control of its settings. If you would like to use a different hosting company, can you keep the domain name and transfer it to another hosting company? www.whois.org is a great resource to learn who owns your site’s domain name and have a better understanding of any restriction that may exist.

How well do you know the BYOW or DIY sites? Have they been around for a while and what will you do if they close down taking your design and content with it? Sites that allow you to create quick copy and paste layouts or build your own site may have limitations on who owns what is in the site, including the images and design layout or template. If that site should close up shop you likely have access to your content files or hopefully you have backed them up and saved them, but that doesn’t mean you can take the design with you. The site most likely will own those site images and graphics and you will be out of luck with plenty of content but no design to house your content. Geocities is a great example of a DIY site that closed up and left owners with only their content, and that is only if they saved their files in time. Having to start over with a new domain name and site design can spell disaster for a business that has already built their image on the Internet and now finds themselves having to start from scratch.

Deboroah Carney (AffiliateABCs.com), Affiliate Marketing Expert, reminds usĀ in her article: “Who Owns and Controls Your Content” Internet Marketing from the Real Experts Edited by Shawn Collins and Missy Ward that: “While free sites have their place, and social networks are certainly great places to have a presence, it is important that your social marketing efforts be used to drive traffic to a place that is under your control; a domain you have purchased on hosting you pay for. Additionally, be sure to keep a backup so that if your host goes down, you can move that content to a new host without worry, and quickly.”

If you are using a site that is both hosting your domain and creating your design, you do not own your site and you are not in control of your online marketing and image. However, if this is a temporary solution to a short term goal while your custom design is being created, the sooner you can transition your site over to your own, the better for your business in the long run.

A custom website in which you own your own domain name and can chose where you would like to host your site, gives you the control of your future website decisions. Be sure to save all the original design and content files and backup your site files when changes are made. When you are in control of your site, you are in control of your company’s online image and branding.

Categories : Design Basics