Friday, Sept. 27: Begin Website Design

This slideshow requires JavaScript.

Hello students,

Today marks our jump from print media to the web. Your brand should be able to cross market in a variety of multimedia platforms.

Things to think about: 

1. How does your logo work on a website vs. your business card or letterhead?

2. Are you maintaining consistency? (Reminder: Four keys to Designing Connections: 1. Color 2. Logo  3. Type  4. Shape) 

3. Is your website easy to navigate and user friendly?

See this article in Smashing Magazine for 10 Principles of Effective Website Design

Also this one for The Best Designs

Are you thinking in advance as to how to alter your website for IPad or IPhone viewing? Check this handy link for all pixel dimensions of standard screen sizes. 

See this Lynda.com reference guide to Web-Safe Colors. 

See this link for Google Web Fonts

FOR TODAY:

1. Plan out your website mockup in Photoshop. Set folders for all pages and export all images for web. Remember: The more time you spend planning, the more cohesive and functional your website will be. Areas to think about : Header, Footer, Body (including copy) and images. What is on your Navigation Bar? (“About”; “Locations”; “Portfolio”; “Contact”, etc.) Consider using Photoshop to “slice” your images. For further info on slicing see these links: Slices and Adobe Slices

2. Open Dreamweaver and begin setting up your workspace. I’d recommend working in “Split” view so you can work visually with your imagery, but also start wrapping your head around code.]

3. I’ll demo basic website design in class.

Be sure to have already watched the Lynda.com video : “Creating Your First Website Design in Dreamweaver CS6”

Advertisements

Friday, Sep. 20

Hello students,

Another week has gone by and most of you are staying on track with our semester long multimedia branding campaign. Be sure to keep up the good work, its easy to fall behind!

Your goal for today should be to finalize your Ad Design and apply your already completed logo to a business card and postcard (front/back). Remember these designs should have continuity within them.. Don’t forget your favorite Principle of Design: Unity and Variety. How many slight alterations can you make, while still maintaining a sleek and professional design campaign?

Revisit a previous post A Branding Collection for great design examples of overall campaigns.

Next week: START WEBSITE. 

For preparation: Watch the following video “Creating Your First Website in Dreamweaver cS6” on lynda.com to prep you for your basic website design assignment. This should be a beginning shell of a website that you could potentially add to later. This is a great online tutorial – learn the basics in 2 hours!

In class Dreamweaver tutorial next week.

Friday, Sept. 13

This slideshow requires JavaScript.

Today you should finish working on your logo in Illustrator. .

Since you contacted your publications over the week, you should bring in the specs to design TWO ads. One should be print, one can be online.

We will use lab time to design two ads..

If time, start designing business card.

Lecture: Ad Design and Business Card examples.

See the following links for examples of design excellence in business card design.

Pinterest: Business Cards

Behance: Business Cards

Design Blog

Designspiration: Business Cards

Let’s stay on track!

Don’t forget to continue your InDesign training with the lynda.com video: InDesign CS6 Essential Training. 

 

After our discussion on branding, brand loyalty and the psychology of branding, read this article that I was referencing in class: “How Companies Learn Your Secrets”

Friday, Sep. 6

Welcome back students! Hope you enjoyed your holiday weekend….

Everyone made great progress last week at concept development and research of their company. We will start working on our logo design in Illustrator as well as spend time researching and thinking about where you will market your company. Find a magazine and contact them for ad specs to model your ad around.

Lecture: Ad Design