Visual Design Elements

VISUAL DESIGN ELEMENTS
BY:
GEEK MAKER
(www.geekmaker.com.ng)
INSTRUCTOR:
GRANT ISAAC PRAYER (GIP)
(www.gipsolutions.com.ng)
VISUAL DESIGN ELEMENTS
There are basically some design elements we can find when it comes to visual designs.
designs. These elements of design are what make up our visual designs. Whenever a
visitor comes to your website, these are the design elements they see. Visual design
elements on the web can be generally complex, all visual designs elements round up
to 6 basic elements. When designing your website its extremely very important to
consider and incorporate these elements of design into your project, because it adds
to the beauty and completeness of your website.
These visual design elements are listed as follows.
1. LINES
2. SHAPES
3. COLOUR PALETTE
4. TEXTURE
5. TYPOGRAPHY
6. FORM
INSTRUCTOR: ISAAC GRANT PRAYER (www.gipsolution.com.ng)
LINES
Lines as an element of design are very important in visual design, lines help to define shapes,
divide sections & create separation. Typically, lines have length, width & direction. So, whenever
you doing your design, ensure that you make use of lines.
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
LINE
SHAPES
Shapes as design elements are self-contained areas, composed of lines, values, colour
colour and texture. All objects in visual designs are composed of shapes.
SHAPE
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
COLOR PALETTER
Colour palettes in visual design is simply used to differentiate shapes & items, add depth &
emphasis & organize information's. It also evokes emotion & feeling. Anytime you want to achieve
achieve any of the earlier said, use color palettes to do it.
The main colours used
in design
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
TEXTURE
Simply say texture gives illusion of how a surface feel, it doesn’t have to be a real
texture, like dirt, or paper. Textures are used to either attract or divert attention.
Muted texture to
create
focus on main
content
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
TYPOGRAPHY
Typography is one of the important elements of design when it comes to visual designs. Bad
typography can discourage visitors from coming to your website and cause harm to your website.
website. Basically speaking, typography includes fonts, size, colour, spacing and alignment.
Heading
Sub heading
Body
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
FORM
Basically, form gives you the misconception of 3D objects, it adds depth & texture to
create 3D object. Form are used to accentuate a message, or provide visual appeal.
3D text
3D graphic
INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
The end
Thank you
VISUAL DESIGN ELEMENTS
VISIT:
GEEK MAKER (www.geekmaker.com.ng)
INSTRUCTOR: GIP (www.gipsolutions.com.ng)
Watch the video:
https://youtu.be/uMt-SOBKCXg
Please don’t forget to like, comment and subscribe to my channel
1 de 9

Recomendados

Modern Graphic Design por
Modern Graphic DesignModern Graphic Design
Modern Graphic DesignYekaterina22
2.6K visualizações36 slides
Graphic Design 101 por
Graphic Design 101Graphic Design 101
Graphic Design 101sbernalmarcial
37.6K visualizações30 slides
Graphic design slideshow por
Graphic design slideshow Graphic design slideshow
Graphic design slideshow Beaverton School District
13.2K visualizações20 slides
Introduction to Graphic Design PDF [slideshare] por
Introduction to Graphic Design PDF [slideshare]Introduction to Graphic Design PDF [slideshare]
Introduction to Graphic Design PDF [slideshare]Natasha Zndin
2K visualizações12 slides
introduction of graphic design por
introduction of graphic designintroduction of graphic design
introduction of graphic designyoussef farag
1.4K visualizações14 slides
Graphic Design Introduction Upload por
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction UploadNida Aslam
3.7K visualizações41 slides

Mais conteúdo relacionado

Mais procurados

Principles Of Design 1 por
Principles Of  Design 1Principles Of  Design 1
Principles Of Design 1Robert Brandstetter
1.9K visualizações36 slides
Graphic Design por
Graphic DesignGraphic Design
Graphic DesignBen Fayza
12.5K visualizações23 slides
Intro to Graphic Design Elements por
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design ElementsJordan Open Source Association
2.4K visualizações23 slides
What is Graphic Design? por
What is Graphic Design?What is Graphic Design?
What is Graphic Design?Jennifer Janviere
8.3K visualizações9 slides
Basic concept of Graphic Design por
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic DesignAshikul Islam
6K visualizações42 slides
How to design - Graphic design theory por
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
1.7K visualizações25 slides

Mais procurados(20)

Principles Of Design 1 por Robert Brandstetter
Principles Of  Design 1Principles Of  Design 1
Principles Of Design 1
Robert Brandstetter1.9K visualizações
Graphic Design por Ben Fayza
Graphic DesignGraphic Design
Graphic Design
Ben Fayza12.5K visualizações
What is Graphic Design? por Jennifer Janviere
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
Jennifer Janviere8.3K visualizações
Basic concept of Graphic Design por Ashikul Islam
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
Ashikul Islam6K visualizações
How to design - Graphic design theory por Abanoub Hanna
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
Abanoub Hanna1.7K visualizações
Graphic Design Elements and Principles - Tips and inspiration por Shahria Hossain
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspiration
Shahria Hossain1.5K visualizações
INTRO What is Graphic Design por Darla Hueske
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
Darla Hueske231 visualizações
Graphic design by Muhammad Mujeeb Riaz por Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
Mujeeb Riaz895 visualizações
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1) por Shawn Calvert
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Shawn Calvert20.9K visualizações
Graphic design for marketing professionals por Jason Tham
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
Jason Tham4K visualizações
Graphic design composition por suniltalekar1
Graphic design compositionGraphic design composition
Graphic design composition
suniltalekar14.5K visualizações
Principles of Design - Graphic Design Theory por Abanoub Hanna
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
Abanoub Hanna112.5K visualizações
Design elements and principles por Maged A. Morsy
Design elements and principlesDesign elements and principles
Design elements and principles
Maged A. Morsy2.7K visualizações
Typography 101: The Basics por Mainstreethost
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
Mainstreethost3.4K visualizações
Graphic design por nikitap997
Graphic designGraphic design
Graphic design
nikitap9974.7K visualizações
Introduction to Adobe Illustrator por Jin Castor
Introduction to Adobe IllustratorIntroduction to Adobe Illustrator
Introduction to Adobe Illustrator
Jin Castor1.1K visualizações
Graphic Design PowerPoint por nycdoe
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPoint
nycdoe 17.9K visualizações
1 Why Do We Need Graphic Design por Nazirul Islam Zico
1 Why Do We Need Graphic Design1 Why Do We Need Graphic Design
1 Why Do We Need Graphic Design
Nazirul Islam Zico1.4K visualizações
History of Graphic Design por Chris Edwards
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
Chris Edwards5.9K visualizações

Similar a Visual Design Elements

Freelancing with graphic design por
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic designSylhet IT Academy
1.4K visualizações29 slides
CMYK: Creating Masterpieces with your Kansei por
CMYK: Creating Masterpieces with your KanseiCMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your KanseiPeter Andic
453 visualizações13 slides
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING por
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGAnimation Kolkata
57 visualizações8 slides
6 Key Principles Of Making A Web Design por
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web DesignClippingimages
3.4K visualizações9 slides
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura por
Graphic Designing Course in Rohini | Graphic Designing Course in PitampuraGraphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampurakhushboo4894
206 visualizações17 slides
Visual Communication (Advertising Management) por
Visual Communication (Advertising Management)Visual Communication (Advertising Management)
Visual Communication (Advertising Management)Denni Domingo
766 visualizações8 slides

Similar a Visual Design Elements(20)

Freelancing with graphic design por Sylhet IT Academy
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic design
Sylhet IT Academy1.4K visualizações
CMYK: Creating Masterpieces with your Kansei por Peter Andic
CMYK: Creating Masterpieces with your KanseiCMYK: Creating Masterpieces with your Kansei
CMYK: Creating Masterpieces with your Kansei
Peter Andic453 visualizações
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING por Animation Kolkata
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
Animation Kolkata57 visualizações
6 Key Principles Of Making A Web Design por Clippingimages
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design
Clippingimages3.4K visualizações
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura por khushboo4894
Graphic Designing Course in Rohini | Graphic Designing Course in PitampuraGraphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
khushboo4894206 visualizações
Visual Communication (Advertising Management) por Denni Domingo
Visual Communication (Advertising Management)Visual Communication (Advertising Management)
Visual Communication (Advertising Management)
Denni Domingo766 visualizações
Good Graphic design and an Introduction to Inkscape por Omar Mohammad
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to Inkscape
Omar Mohammad1.7K visualizações
what-is-graphic-design.pdf por RossMatthews19
what-is-graphic-design.pdfwhat-is-graphic-design.pdf
what-is-graphic-design.pdf
RossMatthews19125 visualizações
Graphic Design Trends Essay por Paper Writer UK
Graphic Design Trends EssayGraphic Design Trends Essay
Graphic Design Trends Essay
Paper Writer UK13 visualizações
Design thinking por Krishn Verma
Design thinkingDesign thinking
Design thinking
Krishn Verma32 visualizações
Elements of Graphic Design - Avantika University por Avantika University
Elements of Graphic Design - Avantika UniversityElements of Graphic Design - Avantika University
Elements of Graphic Design - Avantika University
Avantika University150 visualizações
Impact of Visual Design on UX por Mayank Ranjan
Impact of Visual Design on UXImpact of Visual Design on UX
Impact of Visual Design on UX
Mayank Ranjan187 visualizações
A Presentation on UI/UX and Design por parthajeetcollege
A Presentation on UI/UX and DesignA Presentation on UI/UX and Design
A Presentation on UI/UX and Design
parthajeetcollege21 visualizações
Ui trends 2019 by Amit por DignitasDigital1
Ui trends 2019 by AmitUi trends 2019 by Amit
Ui trends 2019 by Amit
DignitasDigital1619 visualizações
VDIS10022 Advanced Graphics Studio - Lecture 2 - Studio Roles por Virtu Institute
VDIS10022 Advanced Graphics Studio - Lecture 2 - Studio RolesVDIS10022 Advanced Graphics Studio - Lecture 2 - Studio Roles
VDIS10022 Advanced Graphics Studio - Lecture 2 - Studio Roles
Virtu Institute2.1K visualizações
14 Graphic Design Tips to Make You a Better Designer por onestopshopp
14 Graphic Design Tips to Make You a Better Designer14 Graphic Design Tips to Make You a Better Designer
14 Graphic Design Tips to Make You a Better Designer
onestopshopp21 visualizações

Último

PRODUCT PRESENTATION.pptx por
PRODUCT PRESENTATION.pptxPRODUCT PRESENTATION.pptx
PRODUCT PRESENTATION.pptxangelicacueva6
15 visualizações1 slide
Igniting Next Level Productivity with AI-Infused Data Integration Workflows por
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Safe Software
280 visualizações86 slides
PharoJS - Zürich Smalltalk Group Meetup November 2023 por
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023Noury Bouraqadi
132 visualizações17 slides
Uni Systems for Power Platform.pptx por
Uni Systems for Power Platform.pptxUni Systems for Power Platform.pptx
Uni Systems for Power Platform.pptxUni Systems S.M.S.A.
56 visualizações21 slides
Ransomware is Knocking your Door_Final.pdf por
Ransomware is Knocking your Door_Final.pdfRansomware is Knocking your Door_Final.pdf
Ransomware is Knocking your Door_Final.pdfSecurity Bootcamp
59 visualizações46 slides
Zero to Automated in Under a Year por
Zero to Automated in Under a YearZero to Automated in Under a Year
Zero to Automated in Under a YearNetwork Automation Forum
15 visualizações23 slides

Último(20)

PRODUCT PRESENTATION.pptx por angelicacueva6
PRODUCT PRESENTATION.pptxPRODUCT PRESENTATION.pptx
PRODUCT PRESENTATION.pptx
angelicacueva615 visualizações
Igniting Next Level Productivity with AI-Infused Data Integration Workflows por Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software280 visualizações
PharoJS - Zürich Smalltalk Group Meetup November 2023 por Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi132 visualizações
Uni Systems for Power Platform.pptx por Uni Systems S.M.S.A.
Uni Systems for Power Platform.pptxUni Systems for Power Platform.pptx
Uni Systems for Power Platform.pptx
Uni Systems S.M.S.A.56 visualizações
Ransomware is Knocking your Door_Final.pdf por Security Bootcamp
Ransomware is Knocking your Door_Final.pdfRansomware is Knocking your Door_Final.pdf
Ransomware is Knocking your Door_Final.pdf
Security Bootcamp59 visualizações
Voice Logger - Telephony Integration Solution at Aegis por Nirmal Sharma
Voice Logger - Telephony Integration Solution at AegisVoice Logger - Telephony Integration Solution at Aegis
Voice Logger - Telephony Integration Solution at Aegis
Nirmal Sharma39 visualizações
Microsoft Power Platform.pptx por Uni Systems S.M.S.A.
Microsoft Power Platform.pptxMicrosoft Power Platform.pptx
Microsoft Power Platform.pptx
Uni Systems S.M.S.A.53 visualizações
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院 por IttrainingIttraining
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院
IttrainingIttraining58 visualizações
Network Source of Truth and Infrastructure as Code revisited por Network Automation Forum
Network Source of Truth and Infrastructure as Code revisitedNetwork Source of Truth and Infrastructure as Code revisited
Network Source of Truth and Infrastructure as Code revisited
Network Automation Forum27 visualizações
Kyo - Functional Scala 2023.pdf por Flavio W. Brasil
Kyo - Functional Scala 2023.pdfKyo - Functional Scala 2023.pdf
Kyo - Functional Scala 2023.pdf
Flavio W. Brasil400 visualizações
Melek BEN MAHMOUD.pdf por MelekBenMahmoud
Melek BEN MAHMOUD.pdfMelek BEN MAHMOUD.pdf
Melek BEN MAHMOUD.pdf
MelekBenMahmoud14 visualizações
PRODUCT LISTING.pptx por angelicacueva6
PRODUCT LISTING.pptxPRODUCT LISTING.pptx
PRODUCT LISTING.pptx
angelicacueva614 visualizações
Serverless computing with Google Cloud (2023-24) por wesley chun
Serverless computing with Google Cloud (2023-24)Serverless computing with Google Cloud (2023-24)
Serverless computing with Google Cloud (2023-24)
wesley chun11 visualizações
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors por sugiuralab
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors
sugiuralab21 visualizações
Data Integrity for Banking and Financial Services por Precisely
Data Integrity for Banking and Financial ServicesData Integrity for Banking and Financial Services
Data Integrity for Banking and Financial Services
Precisely25 visualizações
Mini-Track: AI and ML in Network Operations Applications por Network Automation Forum
Mini-Track: AI and ML in Network Operations ApplicationsMini-Track: AI and ML in Network Operations Applications
Mini-Track: AI and ML in Network Operations Applications
Network Automation Forum10 visualizações
STPI OctaNE CoE Brochure.pdf por madhurjyapb
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdf
madhurjyapb14 visualizações

Visual Design Elements

  • 1. VISUAL DESIGN ELEMENTS BY: GEEK MAKER (www.geekmaker.com.ng) INSTRUCTOR: GRANT ISAAC PRAYER (GIP) (www.gipsolutions.com.ng)
  • 2. VISUAL DESIGN ELEMENTS There are basically some design elements we can find when it comes to visual designs. designs. These elements of design are what make up our visual designs. Whenever a visitor comes to your website, these are the design elements they see. Visual design elements on the web can be generally complex, all visual designs elements round up to 6 basic elements. When designing your website its extremely very important to consider and incorporate these elements of design into your project, because it adds to the beauty and completeness of your website. These visual design elements are listed as follows. 1. LINES 2. SHAPES 3. COLOUR PALETTE 4. TEXTURE 5. TYPOGRAPHY 6. FORM INSTRUCTOR: ISAAC GRANT PRAYER (www.gipsolution.com.ng)
  • 3. LINES Lines as an element of design are very important in visual design, lines help to define shapes, divide sections & create separation. Typically, lines have length, width & direction. So, whenever you doing your design, ensure that you make use of lines. INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng) LINE
  • 4. SHAPES Shapes as design elements are self-contained areas, composed of lines, values, colour colour and texture. All objects in visual designs are composed of shapes. SHAPE INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
  • 5. COLOR PALETTER Colour palettes in visual design is simply used to differentiate shapes & items, add depth & emphasis & organize information's. It also evokes emotion & feeling. Anytime you want to achieve achieve any of the earlier said, use color palettes to do it. The main colours used in design INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
  • 6. TEXTURE Simply say texture gives illusion of how a surface feel, it doesn’t have to be a real texture, like dirt, or paper. Textures are used to either attract or divert attention. Muted texture to create focus on main content INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
  • 7. TYPOGRAPHY Typography is one of the important elements of design when it comes to visual designs. Bad typography can discourage visitors from coming to your website and cause harm to your website. website. Basically speaking, typography includes fonts, size, colour, spacing and alignment. Heading Sub heading Body INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
  • 8. FORM Basically, form gives you the misconception of 3D objects, it adds depth & texture to create 3D object. Form are used to accentuate a message, or provide visual appeal. 3D text 3D graphic INSTRUCTOR: GIP (www.geekmaker.com.ng, www.gipsolution.com.ng)
  • 9. The end Thank you VISUAL DESIGN ELEMENTS VISIT: GEEK MAKER (www.geekmaker.com.ng) INSTRUCTOR: GIP (www.gipsolutions.com.ng) Watch the video: https://youtu.be/uMt-SOBKCXg Please don’t forget to like, comment and subscribe to my channel