SlideShare a Scribd company logo
1 of 20
Name: Wardah Alamri
 Student no:3786766
   The User Interface (also known as Human Computer
    Interface (HCI)) is the aggregate of means by which people
    interact with the system – a particular machine, device,
    computer program or other complex tool. The user
    interface provides means of
   Input – Allowing users to manipulate a system
   Output – Allowing the system to indicate the effects of the
    users manipulation
   Visual Design is designed to enable students to
    gain an increasing accomplishment and
    independence in their representation of ideas in
    different fields of design and to understand and
    value how graphic, wearable, product, and
    interior/exterior design invite different
    interpretations and explanations
   Internet users make up their minds about the quality of
    a website in the blink of an eye, a study shows.
    Researchers found that the brain makes decisions in
    just a 20th of a second of viewing a webpage.
 Space   - Space is the area
 around, within, or between images or
 elements
 A pathdescribed by a moving point or, in
 Euclidean geometry, as the shortest distance
 between two points
   The general outline of an object; it also can be defined
    as a closed path or space.
   The term used to describe the range of lightness or
    darkness in a visual element.
   The tactile quality of a surface or the representation of
    such a surface quality
   There are varieties – additive, which describes
    behavior of glowing objects, such as a computer
    monitor, and subtractive, which describes the behavior
    of reflective objects, such as paint.
   A term that refers, specifically, to a shape represented
    within a visual or pictorial plane.
   The equal or unequal distribution of visual weight and
    visual attention in a layout. Lack of balance in a screen
    layout creates a more dynamic (active) layout.
   The focal point or strongest area of interest within a
    layout.
   The visual rhythm, direction, or flow of the viewer’s
    attention.
   The difference in properties among elements in a
    layout. The greater the contrast, the stronger the
    visibility. The objective of contrast is to establish a
    focal point or point of emphasis.
   As the name implies, it is the repeating of elements or
    properties of elements within the pictorial plane.
   Harmony or visual agreement between elements in a
    layout. The similar characteristics are apparent to the
    eye and will cause groups to be formed in the
    information.
   The Elements of design play an important role in the
    creation and success of a piece of art, whether it's for
    outdoor, indoor, digital or print medium

   The effective use of these organizing principles will aid
    in creating a visual hierarchy that reinforces the
    information organization and thus facilitate viewer
    comprehension.
   Carter, R, 2003. Teaching Visual Design Principles for computer science
    students. Computer Science Education. v 13, no. 1; p 67 – 90
   Yang X. 2009. Human-Computer Interaction Design in Product Design.
    IEEE Computer Society. Pp 437 – 439
   http://news.bbc.co.uk/2/hi/technology/4616700.stm (Accessed on
    20/10/2009)
   www.wikipedia.org. (Accessed on 20/10/2009)

More Related Content

Similar to Visual design

Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebMichael Maclennan
 
Visualizer for concept relations in an automatic meaning extraction system
Visualizer for concept relations in an automatic meaning extraction systemVisualizer for concept relations in an automatic meaning extraction system
Visualizer for concept relations in an automatic meaning extraction systemPatricia Tavares Boralli
 
HCI2010_2.pdf
HCI2010_2.pdfHCI2010_2.pdf
HCI2010_2.pdfUmarMaaz1
 
Storyboarding for Data Visualization Design
Storyboarding for Data Visualization DesignStoryboarding for Data Visualization Design
Storyboarding for Data Visualization Designspatialhistory
 
XJTLU_Conference(6)
XJTLU_Conference(6)XJTLU_Conference(6)
XJTLU_Conference(6)Sam Cox
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed Minhal
 
Deliverables that Clarify, Focus, and Improve Design
Deliverables that Clarify, Focus, and Improve DesignDeliverables that Clarify, Focus, and Improve Design
Deliverables that Clarify, Focus, and Improve DesignBen Peachey
 
ICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxpoojagunasekar2002
 
ICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxpoojagunasekar2002
 
Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1University of Greenwich
 
DE1(a) my report
DE1(a) my reportDE1(a) my report
DE1(a) my reportJuhi Shah
 
semantic thinking tools
semantic thinking toolssemantic thinking tools
semantic thinking toolsPhil Thompson
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.abhishek106899
 

Similar to Visual design (20)

Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
 
Visualizer for concept relations in an automatic meaning extraction system
Visualizer for concept relations in an automatic meaning extraction systemVisualizer for concept relations in an automatic meaning extraction system
Visualizer for concept relations in an automatic meaning extraction system
 
HCI2010_2.pdf
HCI2010_2.pdfHCI2010_2.pdf
HCI2010_2.pdf
 
HCI2010.pdf
HCI2010.pdfHCI2010.pdf
HCI2010.pdf
 
Storyboarding for Data Visualization Design
Storyboarding for Data Visualization DesignStoryboarding for Data Visualization Design
Storyboarding for Data Visualization Design
 
5945479
59454795945479
5945479
 
XJTLU_Conference(6)
XJTLU_Conference(6)XJTLU_Conference(6)
XJTLU_Conference(6)
 
Slides chapter 12
Slides chapter 12Slides chapter 12
Slides chapter 12
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful Design
 
Deliverables that Clarify, Focus, and Improve Design
Deliverables that Clarify, Focus, and Improve DesignDeliverables that Clarify, Focus, and Improve Design
Deliverables that Clarify, Focus, and Improve Design
 
ICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptx
 
ICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptxICT BASED CONCEPT MAPPING.pptx
ICT BASED CONCEPT MAPPING.pptx
 
Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1
 
3 example1
3 example13 example1
3 example1
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
DE1(a) my report
DE1(a) my reportDE1(a) my report
DE1(a) my report
 
Visualization Types Codex
Visualization Types CodexVisualization Types Codex
Visualization Types Codex
 
human_factors_03.ppt
human_factors_03.ppthuman_factors_03.ppt
human_factors_03.ppt
 
semantic thinking tools
semantic thinking toolssemantic thinking tools
semantic thinking tools
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
 

Recently uploaded

Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailDesigntroIntroducing
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Night
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full NightCall Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Night
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 

Recently uploaded (20)

Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Night
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full NightCall Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Night
Call Girls Bapu Nagar 7397865700 Ridhima Hire Me Full Night
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 

Visual design

  • 1. Name: Wardah Alamri Student no:3786766
  • 2. The User Interface (also known as Human Computer Interface (HCI)) is the aggregate of means by which people interact with the system – a particular machine, device, computer program or other complex tool. The user interface provides means of  Input – Allowing users to manipulate a system  Output – Allowing the system to indicate the effects of the users manipulation
  • 3. Visual Design is designed to enable students to gain an increasing accomplishment and independence in their representation of ideas in different fields of design and to understand and value how graphic, wearable, product, and interior/exterior design invite different interpretations and explanations
  • 4. Internet users make up their minds about the quality of a website in the blink of an eye, a study shows. Researchers found that the brain makes decisions in just a 20th of a second of viewing a webpage.
  • 5.  Space - Space is the area around, within, or between images or elements
  • 6.  A pathdescribed by a moving point or, in Euclidean geometry, as the shortest distance between two points
  • 7. The general outline of an object; it also can be defined as a closed path or space.
  • 8. The term used to describe the range of lightness or darkness in a visual element.
  • 9. The tactile quality of a surface or the representation of such a surface quality
  • 10. There are varieties – additive, which describes behavior of glowing objects, such as a computer monitor, and subtractive, which describes the behavior of reflective objects, such as paint.
  • 11. A term that refers, specifically, to a shape represented within a visual or pictorial plane.
  • 12. The equal or unequal distribution of visual weight and visual attention in a layout. Lack of balance in a screen layout creates a more dynamic (active) layout.
  • 13. The focal point or strongest area of interest within a layout.
  • 14. The visual rhythm, direction, or flow of the viewer’s attention.
  • 15. The difference in properties among elements in a layout. The greater the contrast, the stronger the visibility. The objective of contrast is to establish a focal point or point of emphasis.
  • 16. As the name implies, it is the repeating of elements or properties of elements within the pictorial plane.
  • 17. Harmony or visual agreement between elements in a layout. The similar characteristics are apparent to the eye and will cause groups to be formed in the information.
  • 18. The Elements of design play an important role in the creation and success of a piece of art, whether it's for outdoor, indoor, digital or print medium  The effective use of these organizing principles will aid in creating a visual hierarchy that reinforces the information organization and thus facilitate viewer comprehension.
  • 19.
  • 20. Carter, R, 2003. Teaching Visual Design Principles for computer science students. Computer Science Education. v 13, no. 1; p 67 – 90  Yang X. 2009. Human-Computer Interaction Design in Product Design. IEEE Computer Society. Pp 437 – 439  http://news.bbc.co.uk/2/hi/technology/4616700.stm (Accessed on 20/10/2009)  www.wikipedia.org. (Accessed on 20/10/2009)