SlideShare a Scribd company logo
1 of 12
PATTERN
AND
ARRANGEMENT
• Alignment
-The most effective way of establishing visual relationship is to
align elements in the same imaginary or horizontal line.
PATTERN
• Shape
-The elements could be arranged into a shape, like a circle,
triangle or those that approximate certain letters of the alphabet
that is familiar to the viewer.
• Balance
-The elements in a display could be equally distributed on each
side, either horizontally or vertically or both.
• Style
-Styles would depend on the
type of audience. Young
learners should be presented
with simple designs compared to
complex designs for adult
learners.
• Color Scheme
-Important elements could be highlighted using the brightest and
lightest colors.
• Color Appeal
-It is best to use bright or very strong colors on dull background
tones. This provides contrast, allowing colors to emphasize or
bring attention to a particular thing.
• Proximity
-Put related elements close
together.
ARRANGEMENT
• Directional
-These are devices which could
help the viewer in “reading” the
display in a particular sequence.
An arrow to direct attention
could be one examples. Bold
types and bullets could be use to
highlight ideas or draw attention
to key words.
• Figure-ground Contrast
-Letters and visuals should
contrast with the background
color. Light figures show best in
dark backgrounds while dark
figures show best in light
backgrounds.
• Consistency
-Be consistent in page layout. Use the same type of text in the
same typeface, size and layout from page to page.
Thank You!

More Related Content

What's hot (7)

Design principles
Design principlesDesign principles
Design principles
 
The principles of design
The principles of designThe principles of design
The principles of design
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
Basic visual design principles
Basic visual design principlesBasic visual design principles
Basic visual design principles
 
Chapter 8 Support materials and visualization for de
Chapter 8 Support materials and visualization for deChapter 8 Support materials and visualization for de
Chapter 8 Support materials and visualization for de
 
Educational Technology 1 Graphic Materials
Educational Technology 1 Graphic Materials Educational Technology 1 Graphic Materials
Educational Technology 1 Graphic Materials
 
E learning design principles
E learning design principlesE learning design principles
E learning design principles
 

Similar to Pattern and arrangement

Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
Mhelane Herebesi
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
Sherwin Manual
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10
ahill7
 

Similar to Pattern and arrangement (20)

PATTERN & ARRANGEMENT
PATTERN & ARRANGEMENTPATTERN & ARRANGEMENT
PATTERN & ARRANGEMENT
 
Publication Design Chapter 02
Publication Design Chapter 02Publication Design Chapter 02
Publication Design Chapter 02
 
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
 
Educational Media
Educational  MediaEducational  Media
Educational Media
 
Visual design
Visual designVisual design
Visual design
 
Dimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptxDimensions of Media and Information - Visual.pptx
Dimensions of Media and Information - Visual.pptx
 
Visual in Instruction
Visual in InstructionVisual in Instruction
Visual in Instruction
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
charts.docx
charts.docxcharts.docx
charts.docx
 
educationalmedia-200415032837 (1).pptx
educationalmedia-200415032837 (1).pptxeducationalmedia-200415032837 (1).pptx
educationalmedia-200415032837 (1).pptx
 
Film censorship
Film censorshipFilm censorship
Film censorship
 
Basic principles and elements of art.ppt
Basic principles and elements of art.pptBasic principles and elements of art.ppt
Basic principles and elements of art.ppt
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles2
Visual principles2Visual principles2
Visual principles2
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10
 
The principles of design
The principles of designThe principles of design
The principles of design
 
MIL-report-TEXT-AND-VISUAL-DIMENSION.pptx
MIL-report-TEXT-AND-VISUAL-DIMENSION.pptxMIL-report-TEXT-AND-VISUAL-DIMENSION.pptx
MIL-report-TEXT-AND-VISUAL-DIMENSION.pptx
 
Educational media( a.v aids)
Educational media( a.v aids)Educational media( a.v aids)
Educational media( a.v aids)
 

Recently uploaded

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

Pattern and arrangement

  • 2. • Alignment -The most effective way of establishing visual relationship is to align elements in the same imaginary or horizontal line. PATTERN
  • 3. • Shape -The elements could be arranged into a shape, like a circle, triangle or those that approximate certain letters of the alphabet that is familiar to the viewer.
  • 4. • Balance -The elements in a display could be equally distributed on each side, either horizontally or vertically or both.
  • 5. • Style -Styles would depend on the type of audience. Young learners should be presented with simple designs compared to complex designs for adult learners.
  • 6. • Color Scheme -Important elements could be highlighted using the brightest and lightest colors.
  • 7. • Color Appeal -It is best to use bright or very strong colors on dull background tones. This provides contrast, allowing colors to emphasize or bring attention to a particular thing.
  • 8. • Proximity -Put related elements close together. ARRANGEMENT
  • 9. • Directional -These are devices which could help the viewer in “reading” the display in a particular sequence. An arrow to direct attention could be one examples. Bold types and bullets could be use to highlight ideas or draw attention to key words.
  • 10. • Figure-ground Contrast -Letters and visuals should contrast with the background color. Light figures show best in dark backgrounds while dark figures show best in light backgrounds.
  • 11. • Consistency -Be consistent in page layout. Use the same type of text in the same typeface, size and layout from page to page.