WebsiteDesign

Color is such a fundamental part of the way we perceive the world that we often take it for granted. Think about it: From the youthful and vivid orange on someone’s attire to the gray and gloomy sky above us, colors have the power to mold our perceptions of others and even the circumstances we find ourselves in.

This is why one of the most powerful tools in a designer’s arsenal is color. It can either make or break a design; it can be the determining factor in engaging viewers or sending them promptly on their way.

As a non-designer, I often find it difficult to find just the right colors for my amateur projects. Whether I’m creating a simple image to support my content or more elaborate projects such as a slide deck or infographic, I frequently spend a good amount of time looking for the perfect color scheme. I ask myself questions like: Do I want my design to be inviting? Provocative and bold? Or intelligent and elegant?

Unless you’re a seasoned designer, it takes time and effort to find a color combination that works, which is why the design team at Visme decided to provide our users with a handy list of beautiful color schemes from websites that have been recognized by Awwwards, the most prestigious award for Web designers and developers....

We're boiling down 13 of the most prominent web design trends emerging in 2015. Will they change your understanding of a "modern website"? You be the judge.

Marty (@Scenttrail) Notes:

1. Make it big (Agree but not as easy to do well as they make it look).

2. The multimedia experience (agree and same as #1)

3. The Parallax effect mutations (Horizontal Scrolling) Agree

4. Animated storybook (Agree and cool).

5. Flat design (agree & effect of mobile)

6. No more boxes (Agree and YES!).

7. Tiles (Pinterest effect and agree).

8. Navigation widgets (Agree!)

9. Integrating Google maps (Agree where appropriate).

10. Mashup interfaces (AGREE grab those APIs :).

11. Minimize (Seems to contradict #1, but agree).

12. World Wide Wait (speed is going to be KEY).

13. Designer automation (Agree, can do a lot with templates now).

You probably heard about the modern web design term at least once, but how can be used correctly with an online shop? What are the requirements?

Marty Note (here is how I shake out on each of these recs)

Big Hero Or Sliders Agree With Caveat!
Depends on what you do immediately to the right or under your large hero. Hero's create HOT SPOTS on the right and immediately below, hot spots that convert and hot spots NO ONE uses (goofystupid). If you are running an ecommerce site you aren't selling the picture, but you do need the attention it can grab. Make sure you put a Call-To-Action to the right or immediately below. People don't like to click within a hero (especially a big one), so CTA below even if it is a restatement.

http://www.charitywater.org/
Does a good job with a large static hero and a "can't miss" CTA with 3 critical links almost directly below the hero. & I DO NOT like sliders.

Warmer Colors - AGREE!
Websites are inherently COLD so warming them up with strong accent colors is a must. Remember to figure in the images you like to include. You can use more warm color if your images always have white backgrounds. If not, you may achieve "warmer" with images instead of needing to modify your design.

Interesting Grids - AGREE!
Thanks to Pinterest the GRID is getting creative. Grids are a great way to share a lot of information fast.

Flat Design - Agree!
The web doesn't do 3D well (yet), so flattening out your design can help make buying decisions easier. Include zooms if applicable and remember to ask your customers to share pics of your products on them or in their homes (great User Generated Content).

Animation
Vine has me convinced there are ways to create animations that help and don't hurt, but be careful. An animation that doesn't stop (like Vine videos) can be obnoxious. I prefer giving control of animations to the click over auto-play. If someone ASKED to see the animation its different than if you just start playing it and it doesn't stop.

Mobile Friendly UI - Agree!
Your responsive design must master the swipe, spin and scroll of the mobile experience. If your site isn't FUN and easy to spin, snip and buy from your customers won't. Spoke with a friend at lunch in the craft space today and her traffic is now HALF mobile, so make sure your content is FUN to use on a phone or pad and takes advantage of the mobile UI.

It's amazing what can be done with CSS these days. Support for the latest CSS3 properties is strong in the latest versions of all the major browsers - even Internet Explorer - and the possibilities for typography, animation and interactivity have never been greater. But finding web design inspiration can be tricky.