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
 

Recently uploaded (20)

DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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
 
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
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
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
 
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
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 

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