ONLINE office hours today! In person office hours this afternoon will be canceled. AIM: kresnickvs

Class Schedule

Kinetic & Sequential Graphics

Tuesdays & Fridays 12:45AM—03:15PM

Design & Photography

Tuesdays & Fridays 09:55AM—12:25PM

Office Hours:

Open hours:

Tuesdays & Fridays 03:15AM—04:15PM

Appointment hours:

Wednesdays 04:00PM—8:00PM

About Office Hours

Please check back here for any changes made to the office hours schedule.

If and when appropriate, some office hours or meetings may be held on-line by appointment.

If you do plan on meeting for open office or appointment hours, please do let me know so that we can arrange the best meeting place for your needs.

Please try to make appointments by 4:00PM the day before you would like to meet.

Please bring all materials you would like to discuss, projects, files, print-outs, etc.

GDES—325 Kinetic and Sequential Graphics

course description

Application of typographic and design principles to teh environment of the moving image. Kinetic typography, identity, and other presentation graphics as they apply to linear or interactive sequential design. Prerequisite: GDES—300

Continue Reading »

GDES—320 Design and Photography

course description

Through a combination of digital and analogue media, stuents use photography as a way to generate original images and concepts in the context of designing the solutions to visual communicati0n problems. Emphasis is on the sketching, planning, and realization of photo-shoots and on the development of art direction skills.

Continue Reading »

Here are basic wireframes with grids that one of my awesome UI friends made, and has given to me for you to use for school projects. There’s a lot going on, and if you are going to use this as a template for a skin, you should consider what things you may want to delete, like a column, or if you want things to change sides, get rearranged, or if you want to make one column navigation instead of content, etc. When it comes to the wireframe, think of this as the bones and you are adding all of the muscle, skin and physical attributes to give it an identity. But please do go look at other sites and consider what makes sense for you and check out the other resources below to see how best to modify a wireframe to suit your needs.

wire_frame_template1

wire_frame_template2

Look to the nominees and winners of the “Webbies” for inspiration (you can search by type to see what other kinds like what you are trying to make do well and what you think you can improve on or modify):
 http://www.webbyawards.com/webbys/current.php?season=13

This is a great resource, too:

http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/

And here are several other varied sites for you to look to for structure inspiration:
http://www.outwardbound.org/
http://www.interviewmagazine.com/
http://www.sundancechannel.com/home/
 http://www.etsy.com/storque/

Underlined or Italicized:
This includes books, full-length plays, films, longer musical compositions, and periodicals as well as titles of radio and television series as well as works of art. Both are considered to be acceptable, but whatever you choose, be consistent and aware of how choosing one or the other contributes/distracts from your composition/type flow/spacing, etc. You may have to use one or the other specifically, however, if you are writing a bibliography in a specific format.

Quotation Marks:
This is used for a short written work or parts of a longer work. Short works include short stories, chapters from a book, one-act plays, short poems, essays, songs, and articles. A part of a longer work can be used to describe episodes in a series, songs, parts of a longer music composition, or an item named as part of a collection.

And…
You/the writer/designer may have a choice if an italicized or underlined name or title appears in the title of a work or some other writing which is otherwise italicized or underlined. Both are considered to be acceptable, but whatever you choose, be consistent and aware of how choosing one or the other contributes/distracts from your composition/type flow/spacing, etc. You may have to use one or the other specifically, however, if you are writing a bibliography in a specific format.

Ross rocks!!!

Recently I asked Ross to write out some of those great reminders about his area of expertise. So for all of you who are designing a website now or plan to in the future, please study some of his pointers, which are worded in really concise and descriptive ways so that everyone could benefit from his knowledge. Enjoy!

1. Web designing is as much about function as it is about form. Make sure text is readable, links are clear, buttons look like buttons, and you can tell where you are.

2. The site should look branded to the concept in every way possible. Even without the logo, you should know which site you’re on.

3. Make sure to use web text for all the paragraphs of text.

4. Web design isn’t print design. People need information and guidance as much as they need a cool graphic.

5. Use your homepage wisely. Avoid happy text and use it to send people to all the places on the site a person might want to go.

6. Think about who might be coming to their site and why they would be coming to the site. Think of all the different situations that might bring them, and make sure they can find what they need on the front page. Guide them into the site.

Intermediate Typography book covers

From packagingoftheworld.com
Thanks, Allison G!

Remember when I said in both classes to be careful and deliberate when including faces in your designs because they might mess a bit with your visual hierarchy (what is most important and what people look at first) and if you do use them, use them carefully (following the direction of where the eyes are looking as a focal point, etc.)?

Check this email and link that Adam Dexter sent :

#2 made me think of our chat about faces in bookcover design.