Friday, July 29, 2011

Creating Your Digital Portfolio: The Essential Guide to Showcasing Your Design Work Online

I discovered this great new book and a website with all of these nifty resources. I figured I would share my findings!


About the book

This comprehensive manual gives you all the knowledge and skills you need to build and present a digital portfolio that packs a punch. Creating Your Digital Portfolio covers everything from web hosting and uploading content, to personalizing and presenting your work to clinch that job.
Exemplary portfolios, both well-constructed and unique, reveal the how, what, and why of putting together an effective digital portfolio, and leading art directors, graphic designers, and illustrators give their professional advice on making a good impression and avoiding common pitfalls.
If you are making the leap to presenting your work digitally or online, or simply wanting to improve your online presence, Creating Your Digital Portfolio will prove indispensable.

About the author

Born and raised in the San Francisco Bay Area, Ian Clazie has worked as a creative and experience director in digital marketing, broadcast entertainment, telecommunications and internet startups since the mid '90s. For the past few years he managed the creative department of Razorfish Australia where he directed digital projects for the likes of Pepsi, Ikea, Xbox, P&O Cruises and Johnnie Walker.
He is currently based back in the San Francisco Bay Area after eight years in Sydney and is now Group Creative Director at MRM San Francisco.
Contact the author...
Follow the author on Twitter...


ISBN: 978-2-88893-106-5
Publishers: Rotovision (UK) & How Books (US)
Art direction: Tony Seddon
Design concept: Emily Portnoi
Page layout: Rebecca Stephenson

Wednesday, July 27, 2011

The Importance of Color in Website Design


What do consider when developing a color palette

Companies and clients will often have a set of colors used in the corporate logo that they want implemented in the site design. It’s the web designer’s job to educate the client about how those colors will fit into the site’s style and gently encourage changes if necessary.
Colors have different meanings in different cultures and countries, so understanding the meaning of color in your target market is important. Here are some general guidelines for color codes:
  • Blue is associated with stability, trust, and confidence. It is an excellent color for credit card website or other sites needing to inspire confidence.
  • Black represents elegance, wealth, sophistication, and mystery.
  • White symbolizes peace, purity, and simplicity.
  • Orange represents warmth, enthusiasm, or warning.
  • Red is associated with strength, power, love, and desire.
  • Green can represent nature, health, vigor, and community.
  • Yellow is often associated with brightness, happiness, idealism, and hope.

Text colors

Text is harder to read on a monitor than on paper so the choice of background and font colors is supremely important. Readability of text is the primary concern. If the text is light colored, then the background must be dark and vice versa. White and black are the most common combination and red and blue are useful for link and highlighted text. Contrast is important for making text readable, so avoid dark backgrounds with text of too similar a tone.

Browser-safe colors

A common problem when attempting to build a web design around an established set of logo colors is that Pantone colors do not always reproduce accurately in browsers. When a non-browser safe color appears in a website, browsers will adapt by shifting the color. Some computers with aging graphics hardware may also fail to display colors correctly.
The best way to avoid this issue is to stick to the “browser-safe palette” of 256 or 216 colors (for really conservative designers). These colors are designed to be accurately displayed in all browser and hardware environments. While some designers (and clients) may find this limiting, it is the only way to ensure that a site is always viewed at its best. By limiting colors this way, designers can ensure that file sizes are smaller and that the site will load quickly.

Color psychology

Designers of all stripes know that colors can be organized into groups based on the feel they give a viewer. They fall into three basic categories, and sites incorporating colors from each group can have a more balanced feel.

Cool colors:

Cool colors have a calming effect. A site dominated by cool colors can appear impersonal and cold, but used in combination with warm or neutral colors, they can be comforting.
  • Blue
  • Green
  • White
  • Turquoise
  • Silver
  • Gray

Warm colors:

Warm colors rev us up and get people excited about what they’re seeing. Warm colors convey emotions ranging from optimism to violence. However, too much can be jarring and overwhelming to visitors.
  • Red
  • Yellow
  • Pink
  • Orange
  • Gold
  • Brown
  • Black

Neutral colors:

Neutral colors make good backgrounds and font colors and can serve to unify mixed color palettes. They can also help focus attention on the central colors or tone down color combinations that might otherwise be overwhelming.
  • Black
  • White
  • Gray
  • Ivory
  • Brown
  • Beige

Conclusion

Color is a powerful tool in the web designer’s toolbox. It can be the first thing a site visitor notices and can be the difference between a hit and run visit and a new customer. The same two sites done with different color palettes can give substantially different experiences to site visitors. Consider color carefully in the beginning of the design process so that various options can be presented and discussed with clients.
We hope we’ve given you a few reasons to give more thought to color choices in your web designs.
Daniela Baker is a social media advocate with the small business credit cards website, CreditDonkey.  If you’ve got interesting stories around color choices or advice for our readers, we’d love to hear it in the comments.


Article by: Daniela Baker

Monday, July 25, 2011

20 Inspiring Examples of Single Page Websites

Since we really like single page layouts and the last time we had them around was back inMarch, we decided to gather a new list to inspire you! We will show several different approaches to single page layouts – from minimal and clean ones to super colorful pages using parallax scrolling effects – there is certainly some that will get your attention.

Single Page WordPress Theme

Sean Gaffney

Kevin Whitaker

Single Pages

Kevin M Heineman

Single Pages

Dreams Are Made by Pedaling

Single Pages

Osura

Single Pages

Bennett Feely

Single Pages

Riot

Single Pages

CoFinery

Single Pages

Nudge

Single Pages

Supereight Studio

Single Pages

TM Design

Single Pages

More Hazards More Heroes

Single Pages

Academy for Global Citizenship

The Drift

Single Pages

TypeMedia 2011

Single Pages

this is Marcela

Single Pages

Design Beast

Single Pages

Dentsu Network

Single Pages

Finely Sliced

Single Pages

Fabio Neural


Author: Gisele Muller

Five Communication Mistakes That Are Holding You Back

There’s just something about communications that’s harder than it should be.
Of all the skills we develop as leaders and professionals, communicating is one that we’ve been practicing since birth. And yet it often gets in our way, causes stress, and leaves us at a loss. We too frequently miscommunicate, obfuscate the point, cause an unintended reaction, or avoid a messy discussion altogether.
Who hasn’t left a conversation thinking, now that didn’t go like I wanted it to?
The comforting news is that it’s a universal struggle, with few escaping unscathed. Remember watching in dismay as BP’s then-CEO Tony Hayward stumbled through a series of awkward public conversations after the Gulf oil spill, trying to empathize by saying, he too, wanted his life back?
Just this month Juniper’s stock fell 10% after the CEO’s evasivecomments made investors jittery. If we jump to the political side, it’s a gaffe-a-minute watching the debt ceiling debate play out — and that’s without Anthony Weiner to kick around anymore.
And these are professional communicators!
Luckily, for most of us, millions don’t witness our communications mishaps. In my book, Power of Presence: Unlock Your Potential to Engage and Inspire Others, I discuss the common communications mistakes that professionals make that have a major impact on their performance. These communications pitfalls affect your ability to execute, influence, be heard and understood. They also undermine your executive presence.
The good part is there are easy fixes to each of them, and noticing is half the battle. Read on and see which ones resonate for you.
1. Failing to ask for clarification.
This comes up in my work with executives, and it’s evidenced across levels. We walk around with a lot of confusion about what we’re actually supposed to deliver that can be clarified if we simply ask.
Whether it’s a CEO who doesn’t know what the board wants to see at the board meeting, or a junior employee who doesn’t understand what the boss wants in a pending report, the rationale is the same: nobody wants to look incompetent in front of authority. So what happens? We waste time guessing, miss the mark too frequently, and create more work for everyone.
By the way, this works the other way as well. Managers doing the delegating don’t clarify with employees because they’re worried they’ll be micromanaging or quashing creativity. Most employees would rather take a few extra minutes to be clear, and save lots of time and energy to get it right the first time.
FIX: If you don’t understand what success looks like, ask for clarification, specifics or examples. If you ask well-informed questions, you’ll look a whole lot smarter than if you execute incorrectly.
2. Not framing your remarks at the appropriate level.
People at different corporate levels require different levels of granularity, and in general, the higher up the audience, the less detail you should be providing. The CEO of a company needs to know a little about many functions, whereas a functional manager needs to be deep in the weeds of his division. It’s a critical skill that’s also called “top lining,” or pulling out comments that are aimed to the appropriate level for your audience.
Frequently, executives get tuned out when they report to higher levels and provide too much detail about their topic. Conversely, if you’re speaking to a lower level in the organization, you have to be more detailed about what matters to that group. (Not as BP’s Hayward did, discussing what mattered to him — his own personal discomfort.) Professionals who can speak at the level of their audience, and address what the audience needs to know, exude presence and good judgment.
FIX: Cater your comments to the highest level person in the room, and address what he or she will find valuable. Put the details in an appendix or have them ready so they’re available, and you can easily pull them out if asked.
3. Littering your speech with qualifiers.
You can leave much of your power and influence on the table just by using qualifiers such as “I think” or “we might” or “I hope to” before your points. It shows confidence to commit and put a stake in the ground. Consider the difference between “I think we’ll hit our goal” and “We will hit our goal.”
As a bonus, what you declare is more likely to happen. In our CYA culture, it may feel uncomfortable to be so resolute when hedging is the norm. Therein lies its power. And besides, you’re just as responsible for the commitment anyway.
FIX: Start paying attention to how you use language, and if you’re hiding behind qualifiers. Tape yourself or ask a colleague to take note of when you use them, and find a comfortable phrase to replace them such as “I plan to” or “I will.”
4. Being negative to appear analytical.
In any organization, this similar dynamic plays out: one person throws an idea on the table and others jump in to pick it apart. There’s a cultural norm that smart people have an analytical ability to point out potential hurdles. Hence if you want to appear smart, you start by going negative.
This norm serves a great purpose in that bad ideas can be debated and debunked. However, it also kills a lot of good ideas as well. Negative is a default approach. (And let’s face it,  people aren’t 100% behind what they’re saying anyway because they  haven’t thought about it all that much.)
On a personal level, this approach can get carried too far, and people get labeled as difficult, negative, or the catchall having a bad attitude. While we appreciate analysis, we also want our colleagues to be supportive.
FIX: Stop yourself from first pointing out what’s wrong in a situation, and make it a habit to jump to what’s right instead. If an idea is simply rotten, say how much you appreciate the thought or effort, and explain why you feel it falls short and how it can be improved. If you kill it, provide an alternative.
5. Being overly agreeable.
This is the opposite side of the continuum, and occurs when we want so much to be a likeable team player that we come across as a yes person. Every idea is great, each deadline is possible, and new projects are all upside. This happens frequently in professional services relationships when enthusiastic sales people agree to a client’s unrealistic expectations, only to have the account people cringe at their impossibility.
Of course you know how this plays out, we often can’t achieve what we signed on to do, or deadlines are missed because we’re overextended, and our credibility is damaged. The intention, to be a good colleague, is an honorable one. However, what people respect is honesty.
You’ll build more trust and admiration by being truthful to yourself, and others, by saying maybe or no when that’s the best answer. (Body language tip: continuous head nodding gives the impression of being too agreeable as well.)
FIX: When you find yourself tempted to state agreement even though you don’t feel it, express your true opinion. You can still say this politely, and rather than simply say what you can’t do, let the person know what you can do, and believe to be the best solution for all.
These are a few career-limiting communications behaviors I see in my work, but there are certainly plenty more. What communication missteps have you encountered, or learned to improve? I’d love to hear about them.

Article by: KRISTI HEDGES