+ All Categories
Home > Design > Basics of design tutorial

Basics of design tutorial

Date post: 13-Feb-2017
Category:
Upload: madefreshlyapp
View: 423 times
Download: 0 times
Share this document with a friend
5
NOW YA KNOW! NOW YA KNOW! BASICS OF DESIGN BASICS OF DESIGN THEME STYLES, FONTS, AND SPACING
Transcript
Page 1: Basics of design tutorial

NOW YA KNOW!NOW YA KNOW!

BASICS OF DESIGNBASICS OF DESIGNTHEME STYLES, FONTS, AND SPACING

Page 2: Basics of design tutorial

FONT COMBINATIONS FONT SIZES

Choose fonts that have a high contrast. Matching a bold font with a thin one is an ideal way to go. The key is to

make everything visually appealing, including text.

Sizing fonts di�erently can help create hierarchy, making customers know what to see and read first.

TITLESUBTITLE

This is the beginning ofthe body text .

Page 3: Basics of design tutorial

READABILTY

Readability should a top concern when choosing fonts for your website. Body text should be simple and easy to read.

RIGHT FONT FOR BODY TEXT WRONG FONT FOR BODY TEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin

eget neque at nisi lacinia pellentesque. Nulla quis nisi a neque

eleifend tincidunt. Fusce vitae fringilla nibh. In hac habitasse

platea dictumst. Vestibulum at diam sem. Proin a turpis mattis,

volutpat ligula vel, laoreet elit. Fusce massa sapien, dapibus nec

aliquam ornare, aliquam egestas purus. Mauris tempus elit ut

libero gravida, viverra luctus elit ullamcorper. Phasellus commo-

do a diam at posuere. Sed et eros vel sapien porta ullamcorper

eget ac dui. Morbi eu fermentum neque, ut aliquet massa.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget neque at nisi lacinia pellentesque. Nulla quis nisi a neque eleifend tincidunt. Fusce vitae fringilla nibh. In hac habitasse platea dictumst. Vestibulum at diam sem. Proin a turpis mattis, volutpat ligula vel, laoreet elit. Fusce massa sapien, dapibus nec aliquam ornare, aliquam egestas purus. Mauris tempus elit ut libero gravida, viverra luctus elit ullamcorper. Phasellus commodo a diam at posuere. Sed et eros vel sapien porta ullamcorper eget ac dui. Morbi eu fermentum neque, ut aliquet massa.

Page 4: Basics of design tutorial

CHOOSING COLORS COLOR CONTRAST

Colors have a great influence on making customers buy items,

stay on your site, or immediately leave a�er a few seconds. Even

though they don’t know it, your customers are influenced by your

website design to either stay, or leave becuase of poor choice of

colors and design elements.

The best color combinations for readabilty are dark colored fonts on light backgrounds. The obvious would be black text on a white background, however there are

many color combinations that can be used.

HIGH CONTRAST!

LOW CONTRAST!

Page 5: Basics of design tutorial

THEME STYLES

THEME STLYES OF CARMENITA

Every theme on MadeFreshly has atleast one theme

style. Theme styles are set properties that users can start

with to modify their store designs. They’re theme guides

that can be changed to the liking of a user!


Recommended