44WEB DESIGNTIPS & TRICKSEASY TO READ / SUMMARIZED VERSION

WWW.MOTIONEDGEDESIGN.COM

What separates design from art is that design is meant to be... functional.

Involve clients from

the start

Stick with a 3-color pallette

Right size & high quality

images

JPG Optimization When to use JPG, GIF & PNG

Fastprototyping

Deploylocally

Typographically rich

Dont start with a design: take a scenario-based

approach.

Fonts that are easy to read across devices

and browsers

- Cameron Moll

1 2 3

4

5 6 7

8 9 10

More info

More info

More info

More infoResource 1Resource 2

Resource 1Resource 2

More info

If you think math is hard try web design.

Give it space / proper margins

Logo placement

Top left corner

Responsive design

Social Media Photoshop layer

organization

User friendly contact form

Polished, professional

logo

K.I.S.S

Killer About Us Page

Mobile / tablet friendly

- Trish Parr

11 12 13

14

15 16 17

18 19 20

Resource 1

The greatest artist and web-designer ever is indeed a spider!

Skip Flash, use HTML5

Intuitive navigation

Call to action / essential info in the upper

portion

Browser compatibility

Use CMS -Wordpress,

Drupal, Joomla

Photoshop workspace

Buttons & Strong Calls

to Action

Get rid of clutter

Chrome Developer Tools

Design every page as a landing

page

- Munia Khan

21 22 23

24

25 26 27

28 29 30

Resource 1

More info More info

Intuitive design is how we give the user new superpowers.

Design for the users, not you

Get assistance

Best websites are designed to

a gridVersioning graphic files with Dropbox

Collaborative screen-sharing

Multimedia & videos

Moodboards

Constructivecriticism

Design with SEO in mind

Free UI kits

- Jared Spool

31 32 33

34

35 36 37

38 39 40

More info

More info

More info

More info

More info More info

Resource 1Resource 2

More info

Intuitive design is how we give the user new superpowers.

Code distribution, versioning and

storing

Syncing large files

Manage your

workspace

CSS refresh bookmarklet

- Jared Spool

41 42 43

44

More info

More info More info

WWW.MOTIONEDGEDESIGN.COM

Resource 1

THANK YOUFOR READING