SlideShare uma empresa Scribd logo
1 de 2
Baixar para ler offline
! of !1 2
MARYROSE THALER
Design & Conceptual Process
Additional Design Concepts to Consider
Rhythm
Rhythm in design is also called
repetition. Rhythm allows your
designs to develop an internal
consistency that makes it easier for
your customers to understand. Once
the brain recognizes the pattern in the
rhythm it can relax and understand
the whole design. Repetition rarely
occurs on its own. Repetition attracts
attention and prompts customers to
investigate further.
Nearly anything in a Web design can be repeated to create a rhythm to your designs. You can repeat a headline
multiple times for emphasis, repeat an image across the top of your design, create a patterned background with
repetitive elements, or repeat a style throughout the pages of your site to provide consistency.
Framing
In visual arts, framing is the presentation of visual elements in an image, especially the placement of the subject
in relation to other objects. Framing can make an image more aesthetically pleasing and keep the viewer's focus
on the framed object(s). It can also be used to direct attention back to important information. It can add depth to
an image, and can add interest to the picture when the frame is thematically related to the object being framed.
! of !2 2
MARYROSE THALER
Design & Conceptual Process
Time and Motion
Time and motion are closely related principles. Any word or image that moves functions both spatially and
temporally. Motion is a kind of change, and change takes place in time. Time and motion are considerations for
all design work, from a multipage printed book, whose pages follow each other in time, to animations for film and
television, which have literal duration.
Motion can be implied as well as literal, however. Diagonal composition suggest movement, while rectilinear
arrangements appear static. Cropping a shape can suggest motion, as does a sinuous line or a pointed,
triangular shape. Designers today routinely work in time-based media as well as print, and a design campaign
often must function across multiple media simultaneously.
Adding Depth (Layers, Transparency, and Perspective)
When your design calls for the need for perceived depth (objects closer or further from the viewer) the use of
layering objects - text, graphics, images - over each other and adding different values of transparency can help
you achieve such an effect.

Mais conteúdo relacionado

Semelhante a Rhythm, framing, transparency and time & motion

exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designingthecreativepearl
 
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 HarisLia s. Associates | Branding & Design
 
2015_Ihde Design Text Designers create to produce a result
2015_Ihde Design Text  Designers create to produce a result2015_Ihde Design Text  Designers create to produce a result
2015_Ihde Design Text Designers create to produce a resultSteven Ihde
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015YOPESO
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) wael gomaa
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01Sean Buch
 
Flat Design - A Primer
Flat Design - A PrimerFlat Design - A Primer
Flat Design - A Primerwedu, Inc
 
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 DesignBen Peachey
 
ICE Graphic Scribes with Prices
ICE Graphic Scribes with PricesICE Graphic Scribes with Prices
ICE Graphic Scribes with PricesMichael VJ Jones
 
LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxMayMarasigan2
 
5 principles of visual design in ux
5 principles of visual design in ux5 principles of visual design in ux
5 principles of visual design in uxBADELOHITHAKSHA
 
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGAnimation Kolkata
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptxRhoan4
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfRAYMONDELIUD
 

Semelhante a Rhythm, framing, transparency and time & motion (20)

exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designing
 
Multimedia system 3 rd sem 2012aug.ASSIGNMENT
Multimedia system 3 rd sem 2012aug.ASSIGNMENTMultimedia system 3 rd sem 2012aug.ASSIGNMENT
Multimedia system 3 rd sem 2012aug.ASSIGNMENT
 
Theory
TheoryTheory
Theory
 
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
 
2015_Ihde Design Text Designers create to produce a result
2015_Ihde Design Text  Designers create to produce a result2015_Ihde Design Text  Designers create to produce a result
2015_Ihde Design Text Designers create to produce a result
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Aesthetics
AestheticsAesthetics
Aesthetics
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Flat Design - A Primer
Flat Design - A PrimerFlat Design - A Primer
Flat Design - A Primer
 
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
 
ICE Graphic Scribes with Prices
ICE Graphic Scribes with PricesICE Graphic Scribes with Prices
ICE Graphic Scribes with Prices
 
LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptx
 
Graphic Designer
Graphic DesignerGraphic Designer
Graphic Designer
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
5 principles of visual design in ux
5 principles of visual design in ux5 principles of visual design in ux
5 principles of visual design in ux
 
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
 

Mais de Kopi Maheswaran

Mais de Kopi Maheswaran (20)

Kopinath retail installation_consideration2
Kopinath retail installation_consideration2Kopinath retail installation_consideration2
Kopinath retail installation_consideration2
 
Game Plan
Game PlanGame Plan
Game Plan
 
JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)JavaScript Scripting For Design (CWMD 2601)
JavaScript Scripting For Design (CWMD 2601)
 
Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)Scripting for design (cwmd 2601)
Scripting for design (cwmd 2601)
 
JavaScript functions
JavaScript functionsJavaScript functions
JavaScript functions
 
variables, values and expressions
   variables, values and expressions   variables, values and expressions
variables, values and expressions
 
Cwmd 2601 2020
Cwmd 2601 2020Cwmd 2601 2020
Cwmd 2601 2020
 
getting started with java script
 getting started with java script  getting started with java script
getting started with java script
 
The process of programming
 The process of programming The process of programming
The process of programming
 
Movie report
Movie report Movie report
Movie report
 
Scripting for Design
Scripting for DesignScripting for Design
Scripting for Design
 
Vi cheat sheet
Vi cheat sheetVi cheat sheet
Vi cheat sheet
 
Elementsofdesign
ElementsofdesignElementsofdesign
Elementsofdesign
 
Colour qualities
Colour qualitiesColour qualities
Colour qualities
 
Colour relationships
Colour relationshipsColour relationships
Colour relationships
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Compositional flow of information
Compositional flow of informationCompositional flow of information
Compositional flow of information
 
common sentence errors
 common sentence errors  common sentence errors
common sentence errors
 
Brand Book
Brand BookBrand Book
Brand Book
 
punctuation
  punctuation   punctuation
punctuation
 

Último

Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Developmentchesterberbo7
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Association for Project Management
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxMichelleTuguinay1
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...DhatriParmar
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvRicaMaeCastro1
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptxmary850239
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxkarenfajardo43
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleCeline George
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxSayali Powar
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...Nguyen Thanh Tu Collection
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 

Último (20)

Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
Using Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea DevelopmentUsing Grammatical Signals Suitable to Patterns of Idea Development
Using Grammatical Signals Suitable to Patterns of Idea Development
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
 
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of EngineeringFaculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
 
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptxDIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
DIFFERENT BASKETRY IN THE PHILIPPINES PPT.pptx
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
prashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Professionprashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Profession
 
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTAParadigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
 
4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx4.11.24 Poverty and Inequality in America.pptx
4.11.24 Poverty and Inequality in America.pptx
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP Module
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 

Rhythm, framing, transparency and time & motion

  • 1. ! of !1 2 MARYROSE THALER Design & Conceptual Process Additional Design Concepts to Consider Rhythm Rhythm in design is also called repetition. Rhythm allows your designs to develop an internal consistency that makes it easier for your customers to understand. Once the brain recognizes the pattern in the rhythm it can relax and understand the whole design. Repetition rarely occurs on its own. Repetition attracts attention and prompts customers to investigate further. Nearly anything in a Web design can be repeated to create a rhythm to your designs. You can repeat a headline multiple times for emphasis, repeat an image across the top of your design, create a patterned background with repetitive elements, or repeat a style throughout the pages of your site to provide consistency. Framing In visual arts, framing is the presentation of visual elements in an image, especially the placement of the subject in relation to other objects. Framing can make an image more aesthetically pleasing and keep the viewer's focus on the framed object(s). It can also be used to direct attention back to important information. It can add depth to an image, and can add interest to the picture when the frame is thematically related to the object being framed.
  • 2. ! of !2 2 MARYROSE THALER Design & Conceptual Process Time and Motion Time and motion are closely related principles. Any word or image that moves functions both spatially and temporally. Motion is a kind of change, and change takes place in time. Time and motion are considerations for all design work, from a multipage printed book, whose pages follow each other in time, to animations for film and television, which have literal duration. Motion can be implied as well as literal, however. Diagonal composition suggest movement, while rectilinear arrangements appear static. Cropping a shape can suggest motion, as does a sinuous line or a pointed, triangular shape. Designers today routinely work in time-based media as well as print, and a design campaign often must function across multiple media simultaneously. Adding Depth (Layers, Transparency, and Perspective) When your design calls for the need for perceived depth (objects closer or further from the viewer) the use of layering objects - text, graphics, images - over each other and adding different values of transparency can help you achieve such an effect.