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

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
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
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
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
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 

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