SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Principles of design, layout,
and desktop publishing
Concepts that can increase
quality, effect, & efficiency
you’re working
in 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
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!
ask yourself ...
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
?
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
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
remember corporate image
Mangadine Systems
Where the future starts when it's good and ready
a good hammer does not equal
a 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
don’t forget your hats.
designer/producer
writer
editor
artist
typesetter
technician
keep an extra set of eyes handy.
repetition gives cohesion.
a consistent “look
and feel” shows
planning and
professionalism
example: http://www.ccu.edu
variation gives interest.
small variations
within your
scheme keep
your audience
engaged
example: http://luke.ccu.edu
symmetry loses your attention
asymmetry holds your interest.
use the rule of thirds.
(a design principle taken from photography, fine art,
graphic design, et al)
keep the eye on the page.
Effect is
a product of quality and culture.
You might also want to
think of “effect” as
your audience’s
experience
effect is the result of
unconscious assessment.
effect (or experience) is the bottom line.
Form has function
Details are important.
They do contribute to the unconscious
assessment that is your audience’s experience.
"Details"
“Details”
Style means what?
Style means something.
Style means something.
Style means something.
and very important to realize ...
fashion exists.
but, you must also remember …
… ultimately,
content is as important as effect.
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
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 ...
perfectionism wastes time.
80% effort = 99% effect
Strive for excellence …
not perfection.
Efficiency is
a product of effort and effect.
ReadRead
this.this.
Read
this.
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
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.
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.”
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
General Design Principles (1998)

Weitere ähnliche Inhalte

Was ist angesagt?

What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
chalk94
 
Design Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you thinkDesign Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you think
Digital Surgeons
 

Was ist angesagt? (9)

Design Studio Sketching
Design Studio SketchingDesign Studio Sketching
Design Studio Sketching
 
Design Thinking - Prototype and Test
Design Thinking - Prototype and TestDesign Thinking - Prototype and Test
Design Thinking - Prototype and Test
 
Repair or reproduce an object with 3D printing
Repair or reproduce an object with 3D printingRepair or reproduce an object with 3D printing
Repair or reproduce an object with 3D printing
 
UX for E-learning: Designing the Learner Experience
UX for E-learning: Designing the Learner ExperienceUX for E-learning: Designing the Learner Experience
UX for E-learning: Designing the Learner Experience
 
How to Combine Design Methods with Agile & Remain Sane
How to Combine Design Methodswith Agile & Remain SaneHow to Combine Design Methodswith Agile & Remain Sane
How to Combine Design Methods with Agile & Remain Sane
 
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
 
The Design Process
The Design ProcessThe Design Process
The Design Process
 
Design Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you thinkDesign Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you think
 
Myexperience
MyexperienceMyexperience
Myexperience
 

Ähnlich wie General Design Principles (1998)

Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)
Matteo Wyllyamz
 
Session on mockups
Session on mockupsSession on mockups
Session on mockups
Abdul Dibosh
 
UPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer TidwellUPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer Tidwell
guestf59d1c4
 
UPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer TidwellUPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer Tidwell
nikrao
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
Jennifer Briselli
 

Ähnlich wie General Design Principles (1998) (20)

Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien Cowboys
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
WORKSHOP: Making the World Easier with Interaction Design
WORKSHOP: Making the World Easier with Interaction DesignWORKSHOP: Making the World Easier with Interaction Design
WORKSHOP: Making the World Easier with Interaction Design
 
Session on mockups
Session on mockupsSession on mockups
Session on mockups
 
Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
 
Designing for Customer needs: A UX Perspective
Designing for Customer needs: A UX PerspectiveDesigning for Customer needs: A UX Perspective
Designing for Customer needs: A UX Perspective
 
UPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer TidwellUPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer Tidwell
 
UPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer TidwellUPA2007 Designing Interfaces Jenifer Tidwell
UPA2007 Designing Interfaces Jenifer Tidwell
 
Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today
 
Session On Mockups
Session On MockupsSession On Mockups
Session On Mockups
 
How To Use Powerpoint -- A Briefing
How To Use Powerpoint -- A BriefingHow To Use Powerpoint -- A Briefing
How To Use Powerpoint -- A Briefing
 
Design Presentation
Design PresentationDesign Presentation
Design Presentation
 
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
Life is not static - your designs shouldn't be either - No Code Conf 2019 Wor...
 
Introduction to user-centric design process
Introduction to user-centric design processIntroduction to user-centric design process
Introduction to user-centric design process
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
 
Design Thinking: A Common Sense Process
Design Thinking: A Common Sense ProcessDesign Thinking: A Common Sense Process
Design Thinking: A Common Sense Process
 
If cats were made this way...
If cats were made this way...If cats were made this way...
If cats were made this way...
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 

Mehr von Matteo Wyllyamz

Adobe Photoshop CS4 Essentials welcome & course outline (2010)
Adobe Photoshop CS4 Essentials welcome & course outline (2010)Adobe Photoshop CS4 Essentials welcome & course outline (2010)
Adobe Photoshop CS4 Essentials welcome & course outline (2010)
Matteo Wyllyamz
 
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
Matteo Wyllyamz
 
Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)
Matteo Wyllyamz
 
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Matteo Wyllyamz
 
Adobe Acrobat 9 welcome & workshop outline w forms (2009)
Adobe Acrobat 9 welcome & workshop outline w forms (2009)Adobe Acrobat 9 welcome & workshop outline w forms (2009)
Adobe Acrobat 9 welcome & workshop outline w forms (2009)
Matteo Wyllyamz
 
Search Engine Optimization (2009)
Search Engine Optimization (2009)Search Engine Optimization (2009)
Search Engine Optimization (2009)
Matteo Wyllyamz
 
Intro to Adobe Flash CS3 welcome & course outline (2010)
Intro to Adobe Flash CS3 welcome & course outline (2010)Intro to Adobe Flash CS3 welcome & course outline (2010)
Intro to Adobe Flash CS3 welcome & course outline (2010)
Matteo Wyllyamz
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)
Matteo Wyllyamz
 
Social Media Marketing welcome & course outline (2009)
Social Media Marketing welcome & course outline (2009)Social Media Marketing welcome & course outline (2009)
Social Media Marketing welcome & course outline (2009)
Matteo Wyllyamz
 
Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)
Matteo Wyllyamz
 
Essentials of HTML (2007)
Essentials of HTML (2007)Essentials of HTML (2007)
Essentials of HTML (2007)
Matteo Wyllyamz
 
Intro to Microsoft PowerPoint (2007)
Intro to Microsoft PowerPoint (2007)Intro to Microsoft PowerPoint (2007)
Intro to Microsoft PowerPoint (2007)
Matteo Wyllyamz
 
Microsoft Outlook (2007)
Microsoft Outlook (2007)Microsoft Outlook (2007)
Microsoft Outlook (2007)
Matteo Wyllyamz
 
Introduction to Microsoft Office (2007)
Introduction to Microsoft Office (2007)Introduction to Microsoft Office (2007)
Introduction to Microsoft Office (2007)
Matteo Wyllyamz
 
Microsoft FrontPage Essentials welcome & course outline (2007)
Microsoft FrontPage Essentials welcome & course outline (2007)Microsoft FrontPage Essentials welcome & course outline (2007)
Microsoft FrontPage Essentials welcome & course outline (2007)
Matteo Wyllyamz
 
Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)
Matteo Wyllyamz
 

Mehr von Matteo Wyllyamz (17)

How to Forget You're a Human Being
How to Forget You're a Human BeingHow to Forget You're a Human Being
How to Forget You're a Human Being
 
Adobe Photoshop CS4 Essentials welcome & course outline (2010)
Adobe Photoshop CS4 Essentials welcome & course outline (2010)Adobe Photoshop CS4 Essentials welcome & course outline (2010)
Adobe Photoshop CS4 Essentials welcome & course outline (2010)
 
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
Adobe Photoshop CS4 Beyond Basics welcome & course outline (2010)
 
Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)
 
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
 
Adobe Acrobat 9 welcome & workshop outline w forms (2009)
Adobe Acrobat 9 welcome & workshop outline w forms (2009)Adobe Acrobat 9 welcome & workshop outline w forms (2009)
Adobe Acrobat 9 welcome & workshop outline w forms (2009)
 
Search Engine Optimization (2009)
Search Engine Optimization (2009)Search Engine Optimization (2009)
Search Engine Optimization (2009)
 
Intro to Adobe Flash CS3 welcome & course outline (2010)
Intro to Adobe Flash CS3 welcome & course outline (2010)Intro to Adobe Flash CS3 welcome & course outline (2010)
Intro to Adobe Flash CS3 welcome & course outline (2010)
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)
 
Social Media Marketing welcome & course outline (2009)
Social Media Marketing welcome & course outline (2009)Social Media Marketing welcome & course outline (2009)
Social Media Marketing welcome & course outline (2009)
 
Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)Intermediate Dreamweaver (2007)
Intermediate Dreamweaver (2007)
 
Essentials of HTML (2007)
Essentials of HTML (2007)Essentials of HTML (2007)
Essentials of HTML (2007)
 
Intro to Microsoft PowerPoint (2007)
Intro to Microsoft PowerPoint (2007)Intro to Microsoft PowerPoint (2007)
Intro to Microsoft PowerPoint (2007)
 
Microsoft Outlook (2007)
Microsoft Outlook (2007)Microsoft Outlook (2007)
Microsoft Outlook (2007)
 
Introduction to Microsoft Office (2007)
Introduction to Microsoft Office (2007)Introduction to Microsoft Office (2007)
Introduction to Microsoft Office (2007)
 
Microsoft FrontPage Essentials welcome & course outline (2007)
Microsoft FrontPage Essentials welcome & course outline (2007)Microsoft FrontPage Essentials welcome & course outline (2007)
Microsoft FrontPage Essentials welcome & course outline (2007)
 
Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)Internet & Computing Essentials (2009)
Internet & Computing Essentials (2009)
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Kürzlich hochgeladen (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

General Design Principles (1998)

  • 1.
  • 2. Principles of design, layout, and desktop publishing Concepts that can increase quality, effect, & efficiency
  • 3. you’re working in 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
  • 4. 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!
  • 6. 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 ?
  • 7. 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
  • 8. 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
  • 9. remember corporate image Mangadine Systems Where the future starts when it's good and ready
  • 10. a good hammer does not equal a 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
  • 11. don’t forget your hats. designer/producer writer editor artist typesetter technician
  • 12. keep an extra set of eyes handy.
  • 13. repetition gives cohesion. a consistent “look and feel” shows planning and professionalism example: http://www.ccu.edu
  • 14. variation gives interest. small variations within your scheme keep your audience engaged example: http://luke.ccu.edu
  • 15. symmetry loses your attention
  • 16. asymmetry holds your interest.
  • 17. use the rule of thirds. (a design principle taken from photography, fine art, graphic design, et al)
  • 18. keep the eye on the page.
  • 19. Effect is a product of quality and culture. You might also want to think of “effect” as your audience’s experience
  • 20. effect is the result of unconscious assessment.
  • 21. effect (or experience) is the bottom line.
  • 23. Details are important. They do contribute to the unconscious assessment that is your audience’s experience. "Details" “Details”
  • 24. Style means what? Style means something. Style means something. Style means something.
  • 25. and very important to realize ...
  • 27. but, you must also remember … … ultimately, content is as important as effect.
  • 28. 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
  • 29. 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 ...
  • 30. perfectionism wastes time. 80% effort = 99% effect
  • 31. Strive for excellence … not perfection.
  • 32. Efficiency is a product of effort and effect. ReadRead this.this. Read this.
  • 33. 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
  • 34. 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.
  • 35. 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.”
  • 36. 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