Design Principles
description
Transcript of Design Principles
![Page 1: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/1.jpg)
Design Principles
Objective:Analyze a design in terms of flexibility, balance, function, and proportion.
![Page 2: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/2.jpg)
Warm-Up
• List all the functions that modern cell phones can perform.
![Page 3: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/3.jpg)
Hardware vs Software Design
• When you design modern technology, you often have to design both hardware and software
• Is a phone useful without software?• Is a phone possible without
hardware?• Do people care about the
design of both?
![Page 4: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/4.jpg)
page 4
Design Principle 1: Flexibility
1. A product should be readily able to accommodate change.
2. Future needs3. Change in use or function
![Page 5: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/5.jpg)
page 5
Flexible Building Plan
![Page 6: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/6.jpg)
page 6
Bendy and Flexible Storage
![Page 7: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/7.jpg)
page 7
Flexible: Many Uses
![Page 8: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/8.jpg)
page 8
More Examples of Flexibility
• Video game consoles that work on different tvs and games that are visible on different size screens
• A web site that can accommodate various browsers, screen resolutions, operating systems
• A planetary robot rover able to move across various surfaces, in various conditions (extreme heat and cold)
![Page 9: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/9.jpg)
page 9
Analyzing the iPhone
• What examples of flexible design do we see in the iPhone?
• Flexible input system: screen can change configurations and use
• Apps: accommodate change in needs rapidly
![Page 10: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/10.jpg)
page 10
![Page 11: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/11.jpg)
page 11
Design Principle 2: Balance
• Parts of the design are equally distributed to create a sense of stability.
• There can be physical as well as visual balance.• Types
– Symmetrical or Formal Balance– Asymmetrical or Informal Balance– Vertical and Horizontal Balance
![Page 12: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/12.jpg)
page 12
BalanceSymmetrical Asymmetrical
![Page 13: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/13.jpg)
page 13
Symmetrical Balance
• The elements within the design are identical in relation to a centerline or axis.
• The apps are arranged according to a grid
![Page 14: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/14.jpg)
Radial Balance
![Page 15: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/15.jpg)
What kind of balance is illustrated?
![Page 16: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/16.jpg)
Symmetrical Balance
![Page 17: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/17.jpg)
Design Principle 3: ProportionThe relationship in size of:
• one component to another
• The item to the user
![Page 18: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/18.jpg)
page 18
Proportion
• Buttons aren’t too big or small
• What examples of proportion do you see?
![Page 19: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/19.jpg)
page 19
Out of Proportion
![Page 20: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/20.jpg)
page 20
Design Principle 4: Function
• Each part has a purpose• Functional decomposition - split up a complex
function into many sub-functions.
![Page 21: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/21.jpg)
page 21
Functional Design Questions
• What is the product’s goal?• Who will be using it?• Is it clear how to use it?• How does the user know its
working?
![Page 22: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/22.jpg)
Hardware vs Software Design
• Both can be appealing to the customer• Both can look good• Both can be easy to use• Both can be comfortable / intuitive• Both can have flexibility in their design
![Page 23: Design Principles](https://reader033.fdocuments.in/reader033/viewer/2022051219/568163e8550346895dd5510d/html5/thumbnails/23.jpg)
page 23
Design Analysis
• Analyze a robot based on the four principles of design
• Give examples of each of the design principles:– Flexibility– Function– Proportion– Balance