SlideShare une entreprise Scribd logo
1  sur  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)

Contenu connexe

Similaire à Visual design

Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
Michael 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 system
Patricia Tavares Boralli
 
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 Design
Sayed Minhal
 
semantic thinking tools
semantic thinking toolssemantic thinking tools
semantic thinking tools
Phil Thompson
 

Similaire à 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.
 

Dernier

如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
Klinik kandungan
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
joshuaclack73
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
Amil baba
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
Sarbjit Bahga
 

Dernier (20)

如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
Jual obat aborsi Saudi ( 085657271886 ) Cytote pil telat bulan penggugur kand...
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 

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)