I love movies.
No really that’s it. I love movies. What I don’t understand is why the movie industry is willing to charge us an arm and leg for a movie but not court us with a good website before hand. If a good site was constantly updating with behind the scene photos and cast interviews (That could all be put later on a bonus DVD) you could see word of mouth spread and see larger opening weekends. Well that’s just my point of view. It’s no surprise to me that the leaders in the movie website category are typically all Sci-Fi. These movies want the people of the internet to get behind them so they cater to our whims. I would say it is definitely working looking at the box office numbers (courtesy of box office mojo) for these 5 films and their super cool websites!
- Inception – The site offers some great use of flash and is engaging with create your own poster, trailers, character bios. This is a very good site. Box Office (2010) – $287,286,362, #5 on the 2010 year.
- Star Trek – This site has a great UI (User Interface), and is best seen in full screen. Box Office (2009) – $257,730,019, #7 of the 2009 year.
- How To Train Your Dragon - This site may be targeted at kids but you will love how the different menu options flow seamlessly and you the mini games make you forget that you’re at a movie site. It feels complete and engaging. Box Office (2010) – $217,581,231, #8 for the 2010 year.
- Stardust – The only movie on the list with a disappointing Box Office return. The site was groundbreaking when you look at what they accomplished in 2007. This site has games, music clips, trailers, and a wonderful splash screen when the site loads. Box Office $38,350,000 – #71 for the year 2007.
- Harry Potter – The only movie on the list not to come out yet. The use of flash on this site is staggering. The burning building reflects in the water below, the clouds of smoke billowing out and across the sky. This is captivating. Box Office ??? – Releases on Nov. 19, 2010
People will often post pictures of their workspace to blogs and sites to show off how cool their gadgets are or how messy their workspace is. I find you can learn a lot more from seeing each other’s bookshelves! Here are The 5 Things That Should Be On Every Designer’s Bookshelf:
The Non Designers Design Book by Williams and Tollett – This series of books from Robin Williams has to be one of the best resources for print and web media designers. Williams will show you examples of proper and improper uses of typography, imagery and content. (Link to the book on Amazon)
Don’t Make Me Think by Steven Krug- I have quoted more lines from this book than almost any other. Krug gives great examples of sites showing you mistakes they’ve made and how to correct them. His writing style makes for a great read and his ideas strike home to how important usability is within every website. (Link to the book on Amazon)
The Elements of Typography by Robert Bringhurst – There are many books on the market that cover typography. This paperback version is a must read for all designers regardless of level. Don’t believe me? Just read the first few pages, which are available for free on Amazon, and you will see how this book can improve the function and form of type on your web pages. (Link to the book on Amazon)
.net magazine (in the US it’s known as Practical Web Design) – I could give you two hours a day, if you could find 2 free hours, so that you can surf the web looking for the latest examples, ideas, sites using the latest trends, and interviews with the major players in our field, or I could just ship this magazine to your door every month. Trust me. This magazine offers more bang for your buck than any other currently on the market. (Link to the magazine’s website)
Whenever I start a design project, I try and find a color scheme that will hold all the elements together. Finding the right balance of dark and light colors can sometimes be a daunting task. Sometimes it’s easy to come up with 3 colors but 5 colors, the recommended color palette for a new website, is a little tougher. So here are “The 5″ resources I use when adding color to my websites:
- Kuler – The 2 ton gorilla in the room is obviously Kuler. This tool is so popular it has been included in the latest versions of Photoshop. You can constantly find new ideas by using the random feature. If this blog was “The 5 Stars,” Kuler would get all of them.
- Colorblender – Colorblender is another great tool for figuring out what colors go with what. The site may seem a bit confusing at first so let me help you out. Look below the blank boxes to the area marked Edit Active Color. Here either type in your rgb color you want to use or use the sliders and watch all the boxes figure out what colors match your primary color.
- Hex Color Generator - This site is the simplest to use. Watch the wheel, that sounds like a bad carnival ride, and then click on the color that you like. The generator will give you 3 matching colors.
- Online Color Chart – Online Color Chart requires the most user input. You have to choose each color. But if you like that much control and just need help figuring our rgb or hex decimal this site can help you in a bind.
- Color Scheme Designer – Color Scheme is a great tool. While the other sites seem to pick your colors out of thin air Color Scheme shows you how it chose the colors. Then it gives you the options to change the ways the matching colors are chosen. This is great if you have a popular color and are looking for so unique matches.
I often find myself looking through magazines for ideas on what colors are in and ways to make my sites seem more natural. I’ve found the following magazines are great sources for design inspiration and the best part is they are free! Here are “The 5″ Free Magazines for your design inspiration and links to order their catalogs:
- Crate and Barrel – catalog request
- Pottery Barn – catalog request
- Williams-Sonoma – catalog request
- Restoration Hardware – catalog request
- Ikea - catalog request
I love music. All types of music. I find that while working on graphics or building a site that I always listen to music. Here are “The 5″ soundtracks that will make your head tingle with inspiration:
- Gladiator – Released in April 2000, this soundtrack features Hans Zimmer at his best. You can find 17 tracks on this album and it is only $9.99 on iTunes. Listen Here
- Stardust – Released in August 2007, this soundtrack was composed by Ilan Eshkeri. He’s also been involved with soundtracks for Kick Ass, Ninja Assassin, Hannibal Rising, and Layer Cake. You can find 15 tracks on this album and it retails for $11.99 on iTunes. Listen here
- Frank Herbert’s Children of Dune – Released in March 2003, this soundtrack features one of the most recognizable tunes in sports on TV today. The third track Main Title (House Atreides), has been used to open up coverage of the Masters, World Series, and Super Bowls. Featuring 15 tracks and is priced at $9.99 on iTunes. Listen Here
- The Last of the Mohicans (Original Motion Picture Score) – Released in September of 2000, this soundtrack has a robust feel. This soundtrack helps my head to relax and think large scale. It has 14 tracks and retails at $9.99 on iTunes. Listen Here
- Star Wars Episode II – While you may not be a fan of the prequel movies John Williams is not to be blamed. His score for the second prequel movie offers romantic ballads and dramatic sweeping crescendos that help me through many road blocks when working on sites. Released in April 2002 this soundtrack has 13 tracks and retails for $7.99 on iTunes. Just try and make it through one listen without humming along! Listen Here
Here are a list of “The 5″ blogs that make web design fun, interactive, inspiring, and know there stuff! All of there blogs can be found in my Design Blogs link section over there —–>
- Chris Spooner – By far and away one of the top web design/graphic design gurus out there. In fact he is so talented he has my #1 and #2 design blogs you should be following, Line 25. Line 25 has some of the greatest written tutorials and site reviews and is constantly updated with new material.
- Chris Spooner – Spoon Graphics blog offers resources, tutorials, and even more site reviews. Make sure you take a look at the different freebies like “Hand Drawn Sketchy Icons of Your Favorite Social Sites” as well as great tutorials like “How To Draw a Cute Vector Dog Character in Illustrator.”
- Vandelay Design – This site is a dream for anyone who has found themselves in need of some serenity now. The inspiration section is well organized and offers examples of sites like best headers, minimalistic designs, e-commerce, and churches. They also offer some great tutorial finds from around the net!
- Jessica Hische – Ever wanted to know what good typography is? Jessica Hische is a world renown speaker on all things typography. Her daily typography letter and awesome steal my ideas are a great read. Watch some of her international speeches and you’ll quickly see why she is in high demand.
- Paul Irish – From quick opinions, to resources, and great information on designing in JQuery or for Chrome, Paul Irish’s blog is a great resource for a web designer. Paul offers podcast, videocast, and regular updates to his site. Make sure you read his blog entitled: Introducing… CSS3Please.com.