37

General Design Principles (1998)

Embed Size (px)

Citation preview

Page 1: General Design Principles (1998)
Page 2: General Design Principles (1998)

Principles of design, layout, and desktop publishing

Concepts that can increase quality, effect, & efficiency

Page 3: General Design Principles (1998)

you’re workingin the post-revolution era.

the “electronic publishing revolution” has made it both easier and harder for you to get your

message out.

example: http://www.hotbot.com

Page 4: General Design Principles (1998)

so, assume nobody’s interested.

in the information culture that we now live, why should anybody read your work?

learn to trick your audience into paying attention. treat your publication like any other presentation, e.g.: a

speech.

this is an absolutely key principle!

Page 5: General Design Principles (1998)

ask yourself ...

Page 6: General Design Principles (1998)

what’s your purpose?- what do you want your web to achieve? - determine this very early on in the planning stages of your design

to entertain to persuade to identify to inform to elicit a response to provide a reference ?

Page 7: General Design Principles (1998)

what’s your image?

formal, informal, friendly, playful, elegant, stylish, trendy, classic, adventurous, conservative, scholarly, provocative, diverse,

spirited, generous, concerned

the design of your pages will create an image, whether you like it or not

Page 8: General Design Principles (1998)

who’s your audience?

who do you want to experience your design? what are they like? what do they know already?

learn everything you can about your audience

Page 9: General Design Principles (1998)

remember corporate image

Mangadine Systems Where the future starts when it's good and ready

Page 10: General Design Principles (1998)

a good hammer does not equala nice birdhouse.

software is only a tool, and good design is not one of it’s default settings.

in other words ...

having the tools of a designer does not necessarily make you a designer.

example: http://www.webpagesthatsuck.com

Page 11: General Design Principles (1998)

don’t forget your hats.

designer/producer writer editor artist typesetter technician

Page 12: General Design Principles (1998)

keep an extra set of eyes handy.

Page 13: General Design Principles (1998)

repetition gives cohesion.

a consistent “look and feel” shows

planning and professionalism

example: http://www.ccu.edu

Page 14: General Design Principles (1998)

variation gives interest.

small variations within your

scheme keep your audience

engaged

example: http://luke.ccu.edu

Page 15: General Design Principles (1998)

symmetry loses your attention

Page 16: General Design Principles (1998)

asymmetry holds your interest.

Page 17: General Design Principles (1998)

use the rule of thirds.(a design principle taken from photography, fine art, graphic design, et al)

Page 18: General Design Principles (1998)

keep the eye on the page.

Page 19: General Design Principles (1998)

Effect isa product of quality and culture.

You might also want to think of “effect” as

your audience’s experience

Page 20: General Design Principles (1998)

effect is the result ofunconscious assessment.

Page 21: General Design Principles (1998)

effect (or experience) is the bottom line.

Page 22: General Design Principles (1998)

Form has function

Page 23: General Design Principles (1998)

Details are important.They do contribute to the unconscious

assessment that is your audience’s experience.

"Details"

“Details”

Page 24: General Design Principles (1998)

Style means what?

Style means something.

Style means something.Style means something.

Page 25: General Design Principles (1998)

and very important to realize ...

Page 26: General Design Principles (1998)

fashion exists.

Page 27: General Design Principles (1998)

but, you must also remember …

… ultimately,content is as important as effect.

Page 28: General Design Principles (1998)

invention is …

the art of stealing creatively. electronic publishing is perhaps the easiest medium ever in which you can “steal” other

peoples ideas just be aware of copyright issues as you “create”

good design can be time-consuming, so ...

... “steal” from yourself to save time

example: http://www.netone.com/~wyllyamz

Page 29: General Design Principles (1998)

perfectionism wastes time.

most often it takes:• 20% of your time to do 80% of the job.• and 80% of your time to complete the final 20% of that job.

• another way to put this ...

Page 30: General Design Principles (1998)

perfectionism wastes time.

80% effort = 99% effect

Page 31: General Design Principles (1998)

Strive for excellence …not perfection.

Page 32: General Design Principles (1998)

Efficiency isa product of effort and effect.

ReaReaddthis.this.

Readthis.

Page 33: General Design Principles (1998)

less is more.

in designing a new "graphic piece," it is better in the opinion of most professional

layout artists — though there are a few examples that seem to demonstrate the

contrary — to use only a few elements and fonts than to use many different kinds. the

same is "true" for words.

example: http://www.netone.com/~wyllyamz/eMpTy/resume.html

Page 34: General Design Principles (1998)

In conclusion … Keep in mind the law of computer-user

inverse inefficiency:• A beginner wastes hours figuring out how to do

something that an experienced user could do in just a few seconds.

• An experienced user wastes hours designing a time-saving feature that will do something a beginner could do in just a few seconds more.

Page 35: General Design Principles (1998)

remember Hofstedder’s law.

“everything you do will take three times longer than you think it will, even when you take Hofstedder's law into account.”

Page 36: General Design Principles (1998)

technology is not only your friend, but also …

your enemy.

the computer can be a very distracting thing to complete your task, you must exercise discipline

Page 37: General Design Principles (1998)