SlideShare a Scribd company logo
1 of 20
Effective Interface Design – Visual Design Name: Jawaher Al Ghamdi Student no:3575494
User Interface 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 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
Importance of Visual Design 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.
Elements of Effective design Space - Space is the area around, within, or between images or elements
Line A path described by a moving point or, in Euclidean geometry, as the shortest distance between two points
Shape  The general outline of an object; it also can be defined as a closed path or space.
Value The term used to describe the range of lightness or darkness in a visual element.
Texture The tactile quality of a surface or the representation of such a surface quality
Color 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.
Form A term that refers, specifically, to a shape represented within a visual or pictorial plane.
Principles of Design – Balance 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.
Emphasis The focal point or strongest area of interest within a layout.
Movement The visual rhythm, direction, or flow of the viewer’s attention.
Contrast 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.
Repetition As the name implies, it is the repeating of elements or properties of elements within the pictorial plane.
Unity 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.
Conclusion 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.
Example
References ,[object Object]

More Related Content

Viewers also liked

Machinesfab
MachinesfabMachinesfab
Machinesfab
IaaC
 
Typical One Year Old
Typical One Year OldTypical One Year Old
Typical One Year Old
humangrowth
 
Jointure Naturelle3
Jointure Naturelle3Jointure Naturelle3
Jointure Naturelle3
ADB2
 
Clas.Cruz09
Clas.Cruz09Clas.Cruz09
Clas.Cruz09
JOAQUIN
 
Filming- Day Two
Filming- Day TwoFilming- Day Two
Filming- Day Two
3246
 
Retrieving Address Based Locations From The Web
Retrieving Address Based Locations From The WebRetrieving Address Based Locations From The Web
Retrieving Address Based Locations From The Web
jyhuangtc
 
Political Cartoons
Political CartoonsPolitical Cartoons
Political Cartoons
Amy
 
Audience Feedback Animatic
Audience Feedback AnimaticAudience Feedback Animatic
Audience Feedback Animatic
3246
 
Pp Kee Dome Web
Pp Kee Dome WebPp Kee Dome Web
Pp Kee Dome Web
Kee Safety
 
LSAS mokymai 2010 04 08
LSAS mokymai 2010 04 08LSAS mokymai 2010 04 08
LSAS mokymai 2010 04 08
mkarciauskas
 
Filming Day One Ppt
Filming Day One PptFilming Day One Ppt
Filming Day One Ppt
3246
 

Viewers also liked (19)

20131111 slides for crowd funding
20131111 slides for crowd funding20131111 slides for crowd funding
20131111 slides for crowd funding
 
Machinesfab
MachinesfabMachinesfab
Machinesfab
 
Typical One Year Old
Typical One Year OldTypical One Year Old
Typical One Year Old
 
20151123 a future resilient – tracking the trends
20151123 a future resilient – tracking the trends20151123 a future resilient – tracking the trends
20151123 a future resilient – tracking the trends
 
Jointure Naturelle3
Jointure Naturelle3Jointure Naturelle3
Jointure Naturelle3
 
Activities Done
Activities DoneActivities Done
Activities Done
 
Clas.Cruz09
Clas.Cruz09Clas.Cruz09
Clas.Cruz09
 
Proyecto ministerio adolescentes
Proyecto ministerio adolescentesProyecto ministerio adolescentes
Proyecto ministerio adolescentes
 
Filming- Day Two
Filming- Day TwoFilming- Day Two
Filming- Day Two
 
Retrieving Address Based Locations From The Web
Retrieving Address Based Locations From The WebRetrieving Address Based Locations From The Web
Retrieving Address Based Locations From The Web
 
Political Cartoons
Political CartoonsPolitical Cartoons
Political Cartoons
 
Audience Feedback Animatic
Audience Feedback AnimaticAudience Feedback Animatic
Audience Feedback Animatic
 
Epg1 l1
Epg1 l1Epg1 l1
Epg1 l1
 
Pp Kee Dome Web
Pp Kee Dome WebPp Kee Dome Web
Pp Kee Dome Web
 
LSAS mokymai 2010 04 08
LSAS mokymai 2010 04 08LSAS mokymai 2010 04 08
LSAS mokymai 2010 04 08
 
Filming Day One Ppt
Filming Day One PptFilming Day One Ppt
Filming Day One Ppt
 
Story Board & Planning
Story Board & PlanningStory Board & Planning
Story Board & Planning
 
Knowwi Intro 2010
Knowwi Intro 2010Knowwi Intro 2010
Knowwi Intro 2010
 
Phpカンファレンス関西2011 lt
Phpカンファレンス関西2011 ltPhpカンファレンス関西2011 lt
Phpカンファレンス関西2011 lt
 

Similar to Visual Design

ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
Rhoan4
 
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
 
Rick Barron: User Experience Testing Methods
Rick Barron: User Experience Testing MethodsRick Barron: User Experience Testing Methods
Rick Barron: User Experience Testing Methods
Rick Barron
 
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
 
584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx
hirenmkaklotar19
 

Similar to Visual Design (20)

Visual design
Visual designVisual design
Visual design
 
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
 
Graphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docxGraphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docx
 
Rick Barron: User Experience Testing Methods
Rick Barron: User Experience Testing MethodsRick Barron: User Experience Testing Methods
Rick Barron: User Experience Testing Methods
 
Intro to UIUX.pptx
Intro to UIUX.pptxIntro to UIUX.pptx
Intro to UIUX.pptx
 
Graphic Designing Training In Chandigarh
Graphic Designing  Training In ChandigarhGraphic Designing  Training In Chandigarh
Graphic Designing Training In Chandigarh
 
Graphic Designing Course in Chandigarh
Graphic Designing Course in ChandigarhGraphic Designing Course in Chandigarh
Graphic Designing Course in Chandigarh
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Responsive & Organic Design
Responsive & Organic DesignResponsive & Organic Design
Responsive & Organic Design
 
Graphic Designing Course in Chandigarh
Graphic Designing Course in ChandigarhGraphic Designing Course in Chandigarh
Graphic Designing Course in Chandigarh
 
What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful Design
 
Hci [6]interaction design
Hci [6]interaction designHci [6]interaction design
Hci [6]interaction design
 
The theory of great UX/UI Design
The theory of great UX/UI DesignThe theory of great UX/UI Design
The theory of great UX/UI Design
 
User Experience Distilled
User Experience DistilledUser Experience Distilled
User Experience Distilled
 
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
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx584697015-UI-and-UX-hiten presentation.pptx
584697015-UI-and-UX-hiten presentation.pptx
 

More from Fawaz Gogo

المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
Fawaz Gogo
 
المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
Fawaz Gogo
 
المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
Fawaz Gogo
 
استخدام المدونات و الويكي في التعليم
استخدام المدونات و الويكي في التعليماستخدام المدونات و الويكي في التعليم
استخدام المدونات و الويكي في التعليم
Fawaz Gogo
 
lattice multiplication
lattice multiplicationlattice multiplication
lattice multiplication
Fawaz Gogo
 

More from Fawaz Gogo (8)

Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Lecture 2
Lecture 2Lecture 2
Lecture 2
 
المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
 
المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
 
المحاضرة+..
المحاضرة+..المحاضرة+..
المحاضرة+..
 
Seventhweek
SeventhweekSeventhweek
Seventhweek
 
استخدام المدونات و الويكي في التعليم
استخدام المدونات و الويكي في التعليماستخدام المدونات و الويكي في التعليم
استخدام المدونات و الويكي في التعليم
 
lattice multiplication
lattice multiplicationlattice multiplication
lattice multiplication
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
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
 
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
 

Recently uploaded (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
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
 
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, ...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
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...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
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
 
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...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
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
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
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
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
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
 

Visual Design

  • 1. Effective Interface Design – Visual Design Name: Jawaher Al Ghamdi Student no:3575494
  • 2. User Interface 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 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. Importance of Visual Design 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. Elements of Effective design Space - Space is the area around, within, or between images or elements
  • 6. Line A path described by a moving point or, in Euclidean geometry, as the shortest distance between two points
  • 7. Shape The general outline of an object; it also can be defined as a closed path or space.
  • 8. Value The term used to describe the range of lightness or darkness in a visual element.
  • 9. Texture The tactile quality of a surface or the representation of such a surface quality
  • 10. Color 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. Form A term that refers, specifically, to a shape represented within a visual or pictorial plane.
  • 12. Principles of Design – Balance 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. Emphasis The focal point or strongest area of interest within a layout.
  • 14. Movement The visual rhythm, direction, or flow of the viewer’s attention.
  • 15. Contrast 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. Repetition As the name implies, it is the repeating of elements or properties of elements within the pictorial plane.
  • 17. Unity 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. Conclusion 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.
  • 20.
  • 21. Yang X. 2009. Human-Computer Interaction Design in Product Design. IEEE Computer Society. Pp 437 – 439