Part 4 of 5: How to Design a Fantastic Online Experience – (Design Standards)

.

If you missed it, we wrote Part III of this series and you can learn all about some key Design Techniques and where to use them right >here<.

This time, let's save some dollars in research and have a look at the top web company's Design Standards.

Design Standards to Set You Apart

The best thing about this section is that if you take these basic design practices into account, you can move your online experience up several notches very quickly. The big wigs have sunk millions of dollars into figuring out the right colors, fonts, layouts, and even animation to see what we as society find attractive, (at least the majority). Plus the kicker is they put this information out for free! I am going to be referring to this article put out by Google, so make sure to scan it and save for some intriguing info later.

  • Bold, Graphic, Intentional.  It's important to gain the user's attention with typography, colors, scale, and photos to guide the visual flow. They create a meaning when put together and that can be good or bad for you. A great combination makes the user's experience easy and intuitive. A bad combination of these can create disaster. Have a look at some of the ways to use color (here), typography (here), and layout (here) from our good ol' pals at Google. A few of these may seem mobile-oriented (apps and such) and there is a good reason for that. We are using our phones more. However, the core principles remain the same for desktop.
  • Motion Provides Meaning.  This is an amazing thing with Showit for the desktop websites. With motion, we can infer and imply things that were not previously able to be done with just a good static design. Design can transform as the user interacts with it, and it recaptures the focus of the user when they may start to wander. There are a few caveats to this however, and you should be sure to discover what kind of motion is the best and when to use it. For that check out this in depth guide.

All in all good combinations of colors, typography, and photos all at the proper sizes make many designs stick out from others. Don't be afraid of the space between your elements and make sure to use animations in appropriate chunks. Have you seen a stellar example of one of these design standards? Give a fellow Showiteer a shout out below!

With two separate businesses, Kelly and Andra both had successful small enterprises on their own. Despite both being introverts, they both knew they wanted to add a member to their team by having a joint venture. After some brainstorming, and evaluating their skill sets, a new design and branding company, With Grace and Gold, was founded […]

Read More

Creative Connections: Showit Designers, With Grace and Gold

The Alexandria is a gorgeous and sophisticated template that will showcase your work in a very elegant fashion. Website design by Gillian Sarah. View The Alexandria View all designs by Gillian Sarah

Read More

The Alexandria by Gillian Sarah

Baileyana Rose is now available FREE inside of Showit thanks to Design Partner Digital Grace Design! Baileyana Rose is a classic and refined template perfect for a light and airy, fine art photographer or feminine event planner.  This Showit template is easily customizable to fit your brand, and includes: • 5 main site pages • […]

Read More

Free Website Design: Baileyana Rose by Digital Grace Design

Learn more about Showit

CHoose a design to Start with

Brand your business like nobody's business with the drag-and-drop website builder made for creatives like you. 

No thanks

     Watch the Free webinar