Make up

Just like the make up artist transformed this woman’s look… these tips give you the power to easily take ugly sites and “Sexify” them

Hey you,

It’s #2.

Real quick I wanted to share with you some notes I took during Eben Pagan’s Guru Blueprint Course.

This section is all about following some really basic, yet really ninja secrets that make anything you do online look professional, easy to read and inviting to the eye.

And ANYONE can follow these guidelines. Even a computer dunce like me. Dig in…

Strategies For Great Design:

  • Simplicity – Most people like to make shit complex and ugly. The want to center, underline and make things big and bold and red. Don’t do that.

  • Alignment – Professional looking websites align everything left. It looks clean. Makes it easy to know where to look and start.
  • Contrast – Less is more, again. Contrast between the size/font of the headline of an article, and the body copy is good contrast. And then, you want your contrast to be on purpose. You don’t want too much, but then again you don’t want it to be barely detectable.
  • Repetition – Once you come up with a theme that you like, you want to continue to repeat it over and over on your website and the design of your content.
  • Thirds – When you center or balance everything, it doesn’t have a professional look. The cnn.com blog/content site that Eben was demoing on in the video is broken up to where the content took up 2/3 of the page and the options to go to other related links or popular posts takes up the other 1/3. Even in Eben’s videos he takes up about a 1/3 to the left of the screen.

Why are we trying to use all these design tricks? Why not just slap our content up?

Because better design usually equals higher perceived value and higher trust. Who creates the most trustable designs anywhere? The newspapers and news articles!

Borrow From Editorial Designers:

  • Bold Headlines – On cnn.com’s site, the headlines are bold but the size of them is only 1 or 2 sizes bigger than the content. You want to make you headlines really stand out so make them at least 4 sizes bigger than the body copy.
  • Narrow Columns – On websites set up on blog formats, the columns are usually broken up into thirds. In editorial content it’s usually the same – magazine or newspaper articles. Reading long sentences from one end of a wide computer screen to the other can be a pain in the ass.
  • Bulleted Lists
  • Sub-headlines
  • Captions Under Pictures

Rules of Thumb For Beginners:

  • Two Font Typefaces, Three Max
  • Two Font Sizes, Three Max
  • Two Colors, Three Max
  • Align Left, Don’t Center (Covers & Headlines Optional)

==========================================================================

If you have any tips you’d like to add on to Eben’s here, please, by all means feel free to share them in the comments section below.

Talk Soon,

Note Taking Nerd #2

Advertisements