Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

STYLE & FORM | A Dress Code for Web Developers

Brought to you by Red Birch Media
by

Tamar Marshall

on 11 September 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of STYLE & FORM | A Dress Code for Web Developers

WHO AM I?
Tamar Marshall
I am the owner and operator of Red Birch Media. RBM is a creative media firm based in Kentville. I specialize in print, web, and identity design. I strive to provide clean, professional design with client focused service. Red Birch offers a wide range of solutions built to suit your business' needs.
EXPERIENCE AND EDUCATION
STAND OUT FROM THE REST
Graduated from Mackenzie College in 2002
Freelance Designer & Art Director
Games Artist with HB Studios
Freelance Designer & Art Director
Faculty of Applied Arts NSCC
Freelance Designer & Art Director
Red Birch Media
8
ESSENTIAL
POINTS TO KNOW
DESIGN CAN MAKE OR BREAK A WEB & MOBILE START UP THESE DAYS!
The design influence is merely a reflection of our cultural expectations for user interfaces.
THE
LOGO
KEY POINTS
Have a polished, professional logo.
Use a high-resolution image. 72 dpi.
feature it in the upper left corner of each of your pages.
1.
link your logo back to
your home page.
COLOURS
2.
KEY POINTS
Use color strategically.
When in doubt, use fewer colors.
Compliment the logo.
Help set the mood.
.
Make the page easy to scan.
Establish a couple brand
colours.
TYPEFACES
3.
a.k.a
FONTS
KEY POINTS
Two or three typefaces
are enough.
Choose the right fonts and sizes.
Have 5 different fonts in 10 different sizes.
Choose fonts that are easy to read across
devices and browsers.
If you're using a fixed-width design, use a font size that allows a maximum of 15 to 20 words per line.
If you're using a fluid design, use a font size that allows 15 to 20 words per line at 900 to 1000 pixels wide.
NOTE
Use web safe fonts.
4.
PAGE
STRUCTURE
KEY POINTS

Design every page as a landing page.

Get rid of clutter.
Give visitors breathing room.
Grid system.
White space is not just for minimalists.
Focus on what is important.
Eight seconds to grab them.
5.
NAVIGATION
KEY POINTS

Five to eight navigation items are enough.


Reduce the Number of Pages.
Respect the Fold.
Use the 80-20 rule.
6.
PHOTOS
KEY POINTS

Invest in good, professional photography.

Skewed images.
Draw the eye, providing an emotional connection.
Happy people.
7.
Words
Matter.
KEY POINTS

Focus on killer copy writing.

Don't go on and on (and on) about nothing.
Write one paragraph per page that is
1,000+ words long.
8.
RESPONSIVE
DESIGN
KEY POINTS

Design to adapt to the browser size
Don't make everything on your page an image.

Other Key Points to Remember
Forget Flash
No Animated GIF's
Optimize Load times
TEST TEST TEST
Keep your eyes peeled
RECAP
1. Start with a great logo
2. Establish a couple brand colours. Compliment the Logo and help to support the brand and feel.
3. Two to three typefaces are enough.
Use Web safe fonts.
4. Design every page as a landing page.
Keep it simple and Easy to use.
5. Five to eight navigation items are enough.
Reduce number of pages, respect the fold.
6. Invest in good, professional photography. Use stock photos when in doubt and DO NOT SKEW photos!!
7. Words matter. Web copy is just as important as design. Hire a professional if you need to.
8. Create web/ device responsive designs.
with
"Your web designer knows a lot about what works and what doesn’t in web design, since that’s what they routinely get paid to do. There are reasons why most successful websites don’t use every tool, font, colour or design element possible. Your site should be easy to use, so visitors can focus on what you’re presenting to them, not the presentation itself."
Excerpt from , Be Awesome at Online Business.
CREDITS
medium.com
webdesignledger.com
cio.com
hongkiat.com
Thank you

info@redbirchmedia.com
Mobile & Tablet Responsive
Full transcript