Use of Shapes in Graphic Design

Information about Use of Shapes in Graphic Design

Published on January 28, 2016

Author: instituteadmec

Source: authorstream.com

Content

slide 1: Use of Shapes in Layout Designing A Presentation by: ADMEC Multimedia Institute slide 2: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 3: Preface Acknowledgment Dear Reader ADMEC Multimedia Institute is growing institute which is providing industry oriented training to the world at large. Being a multimedia institute we offer training for creating or designing content for information technology also. This presentation is one of the best presentations from our study material for our weekly workshops which ADMEC conducts every week at the center. We want to share this with the world so that everyone can take benefits from our efforts. This presentation contains very good information for “Use of Shapes in Graphic Design”. We express thanks to many books and websites specially Google for making it one of the best presentations of all the time. Thanks Ravi Bhadauria Instructor Web and Visual Designing Director ADMEC Multimedia Institute http://www.admecindia.co.in slide 4: Tough Words of the Todays Workshop You must know the meaning of the following words to understand the meaning and use of shapes in design properly. ● Evolution ● Stability ● Peacefulness ● Protection ● Infinity ● Feminine ● Masculine ● Rationale ● Trust ● Uniformity ● Rigidity ● Conformity ● Solidity ● Equality ● Security ● Strength ● Movement ● Aggression ● Spiritually ● Progression ● Direction ● Purpose ● Fertility ● Expansion ● Transformation ● Mystical ● Intention ● Projection ● Trinity ● Exudes slide 5: What are you going to learn today ● What is the Shape ● Meaning of Shapes ● Why Shapes are Important ● Types of Shapes ● Use of Shapes ● Use of Line ● Projects slide 6: The Meaning Of Shapes ● What do you feel when you see a circle A square A triangle And A heart shape slide 7: The Meaning of Shapes ● Are you affected the same when seeing an object with soft gentle curves as you are when seeing another object with sharp jagged edges slide 8: The Meaning of Shapes ● Shapes have very special meanings and are an important building block in the visual grammar and visual thinking. slide 9: The Grammar of Shapes ● Shape by definition is a portion of space delimited by the perimeter. ● Shapes are two-dimensional areas with a recognizable boundary. ● They can be open or closed angular or round big or small. ● Shapes can be organic or inorganic. ● They can be free-form or geometric and ordered. slide 10: How to Get a Shape ● Shapes can be defined by their color or by the combination of lines that make up their edges. ● Simple shapes can be combined to form complex shapes. Complex shapes can be abstracted to make simple shapes. slide 11: How to Get a Shape For Instance following given basic geometric shapes can be used to create many shapes. I have created a girl. slide 12: How to Get a Shape slide 13: How to Get a Shape Shapes are powerful to give universal messages. slide 14: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 15: The Line What is the Line Line is a section connecting 2 points. Lines are the simplest yet the most important element of Graphic Design. slide 16: An Use of Line You would be amazed how many things you can communicate using just few lines. Arrangement of lines is vital. It may help you to lead the viewer to the basic concept of the work. slide 17: An Use of Arrow in Real Design slide 18: The Line Styles Line can have variable width and styles such as solid and dashed. slide 19: The Line Types and Patterns Please click for more samples: https://www.google.co.in/searchbiw13 66bih583tbmischsa1qpattern+lin esoqpattern+linesgs_limg.3...35620 .36541.0.36688.8.7.0.0.0.0.167.296.0j2 .2.0....0...1c.1.64.img..6.2.295.54Bjt MlHZwY A pattern is something that repeats in a design. Repetitive but still interesting. slide 20: The Line Endings Type The ending may be blunt curved and ragged. Blunt Curved Ragged slide 21: Use of Line Lines can be used to create textures and shapes. slide 22: Use of Line Lines can be used to create textures and shapes. slide 23: Use of Line Lines can be used in a design to manage the followings: ● Connect ● Separate ● Organize ● Create Movement ● Provide Texture ● Convey a Mood or Emotion ● Define Shapes ● Provide Emphasis slide 24: Use of Line Example of Separate: slide 25: Use of Line 1. Connect slide 26: Use of Line 2. Separate slide 27: Use of Line 3. Organize slide 28: Why Shapes are Useful ● The different characteristics of a shape convey different moods and meanings. ● Changing the characteristics of a shape alter how we perceive that shape and make us feel differently about a design. ● Shapes are a powerful way to communicate. slide 29: The Use of Shapes Designers use shapes to: ● Organize information through connection and separation ● Symbolize different ideas ● Create movement texture and depth ● Convey mood and emotion ● Emphasize and create entry points and areas of interest ● Lead the eye from one design element to the next slide 30: Types of Shapes There are 3 basic types of shapes Or Natural slide 31: Want to become an expert designer ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED - Visit Our Websites - www.admecindia.co.in www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 - Contact - slide 32: 1. Geometric Shapes Geometric shapes are what most people think of as shapes. Circles squares triangles diamonds are made up of regular patterns that are easily recognizable. This regularity suggests organization and efficiency. It suggests structure. Geometric shapes tend to be symmetrical further suggesting order. slide 33: Geometric Shapes Real Examples slide 34: Geometric Shapes Real Examples slide 35: Geometric Shapes Real Examples slide 36: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 37: 2. Natural/ Organic Shapes They are irregular. They have more curves and are uneven. They tend to be pleasing and comforting. A good example can be a outline of tree leaf and ink blob also a natural Shape. All of shapes found in nature such as leaves rocks and clouds are organic shapes and these shapes add interest and reinforce themes. slide 38: 2. Natural/ Organic Shapes Often designers use natural shapes to improve and enrich the view of geometric shapes. slide 39: 2. Natural/ Organic Shapes Real Example slide 40: 2. Natural/ Organic Shapes Real Example slide 41: 3. Abstract Shapes Abstract shapes have a recognizable form but are not real. They are stylized or simplified versions of organic shapes. Icons are abstract shapes to represent ideas and concepts. slide 42: The Meaning of Shapes as Abstract There are truly an endless variety of shapes and combination of shapes each communicating its own meaning and message. Often the meaning behind shapes is cultural a red octagon as a stop sign particularly as shapes are combined. slide 43: The Meaning of Shapes as Abstract slide 44: Abstract Shapes Real Example slide 45: Abstract Shapes Real Example slide 46: Abstract Shapes Real Example slide 47: Negative and Positive Shapes Shapes can be either positive or negative. They can be figure or they can be ground. Positive shapes occupy positive space. The area around positive shapes the background is negative space. A solid piece of layout occupies space and makes the space around it come to life. slide 48: Role of Negative and Positive Shapes Positive and negative space play an important role in determining the overall composition in a work of art. By understanding positive and negative space and applying your knowledge you can become more successful in designing your compositions. slide 49: What is Positive and Negative Space Simply positive space is best described as the areas in a work of art that are the subjects or areas of interest. Negative space is area around the subjects or areas of interest. slide 50: What is Positive and Negative Space Mostly Positive Space Balance of Positive and Negative space Mostly Negative Space slide 51: Lets Talk about few Popular Shapes slide 52: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 53: Circle or Circular Shapes Circles have no beginning or end. They represent the eternal whole and in every culture are a certain type of form representing the sun the earth the moon the universe and other celestial objects between. Circles are used to suggest familiar objects such as wheels balls many kinds of fruit. They suggest well-roundedness and completeness. slide 54: Circles can be used in... Circles have free movement. They can roll. Circles are graceful and their curves are seen as feminine. They are warm comforting and give a sense of sensuality and love. Their movement suggests energy and power. Their completeness suggests the infinite unity and harmony. slide 55: Circles can be used in... slide 56: Circles can be used in Logos and Posters slide 57: Circles can be used in... Circles as a big logo getting all the attention to the studio’s name. slide 58: Circles can be used in... Big circles thumbs to show you a bit of Jarad’s work. slide 59: Circles can be used in... The logo is a circle and the same circular idea was used in the top left side of the header to draw attention to the artist’s bio. slide 60: Circles can be used in... Beautiful circular elements all over the page. From foreground and background to navigation buttons. slide 61: Real Examples of the Use of Circles slide 62: Real Examples of the Use of Circles slide 63: Real Examples of the Use of Circles slide 64: Rectangle and Square Shapes Squares and rectangles are stable. They’re familiar and trusted shapes and suggest honesty. They have right angles and represent order mathematics rationality and formality. Rectangles are the most common geometric shape encountered. The majority of text we read is set in rectangles or squares. slide 65: Where can be Used Squares and rectangles suggest conformity peacefulness solidity security and equality. They are generally not attention getters but can be tilted to add an unexpected twist. Every element on a web page is defined by a rectangle according to the css box model. Web pages are rectangles made up of smaller rectangles and squares. slide 66: Where can be Used All most all the texts presented to us are organized in squares and rectangles. slide 67: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 68: Squares and Rectangles can be used in Two squares framing the main content. slide 69: Beautiful squared portfolio. Each square guests darker when you hover them. Squares and Rectangles can be used in slide 70: Another good example of squared thumbs to organize content. Squares and Rectangles can be used in slide 71: Different sided rectangles dispose the content in nice illustrated/images thumbs. Squares and Rectangles can be used in slide 72: Big framed rectangle showing a nice image getting the main attention of the page. Squares and Rectangles can be used in slide 73: Rectangles to organize and display content. Squares and Rectangles can be used in slide 74: Different sized rectangles to better organize content. Squares and Rectangles can be used in slide 75: Combination of rectangle thumbnails and hover effect to organize the content and create a nice layout. Squares and Rectangles can be used in slide 76: Elegant grid layout based on rectangle thumbnails. Squares and Rectangles can be used in slide 77: Our eyes are drawn to the blocks because the shapes and the colors are attractive and interesting. Shape can certainly be one of the strongest design elements. Squares and Rectangles can be used in slide 78: Squares and Rectangles can be used in slide 79: Squares and Rectangles can be used in slide 80: Squares and Rectangles can be used in slide 81: Squares and Rectangles can be used in slide 82: Triangle or Triangular Shapes It expresses actions and dynamism. A triangle can convey either a sense of strength or conflict. By definition a triangle is a simple shape with three sides and three points which exudes strength movement and the future. Triangles can be stable when sitting on their base or unstable when not. They represent dynamic tension action and aggression. Triangles have energy and power. They are balanced and can be a symbol for law science and religion. slide 83: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 84: Uses of Triangular Shapes Spiritually they represent the religious trinity. The strength of triangles suggests masculinity. Their dynamic nature make them better suited to a growing high tech company than a stable financial institution when designing a logo. Triangles can be used to convey progression direction and purpose. Triangle Suggests FUTURISTIC ACTION slide 85: Use of Triangles slide 86: Use of Triangles slide 87: Use of Triangles slide 88: Use of Triangles slide 89: Use of Triangles slide 90: Use of Triangles slide 91: Use of Triangles Please visit this url for more 50 examples: http://abduzeedo.com/50-awesome-examples-tria ngles-design slide 92: Shapes in Layout Design ADMEC MULTIMEDIA INSTITUTE Leader in Animation Digital Media Education ISO 9001 : 2008 CERTIFIED www.admecindia.co.in | www.graphic-design-institute.com Phones: +91-9811-8181-22 +91-9911-7823-50 R A Presentation by: Ravi Bhadauria slide 93: Spirals Spirals are expressions of creativity. They are often found in the natural growth pattern of many organisms and suggest the process of growth and evolution. Spirals convey ideas of fertility birth death expansion and transformation. They are cycles of time life and the seasons and are a common shape in religious and mystical symbolism. slide 94: Use of Spirals through transformation. Clockwise spirals represent projection of an intention and counterclockwise spirals the fulfillment of an intention. Double spirals can be used to symbolize opposing forces. Spirals move in either direction and represent returning to the same point on life’s journey with new levels of understanding. They represent trust during change the release of energy and maintaining flexibility slide 95: Use of Spirals in Background Making slide 96: Use of Spirals in Vector Arts slide 97: Use of Spiral in Nature slide 98: Use of Spiral in Icons Making slide 99: Use of Spirals in Layouts slide 100: Crosses Crosses symbolize spirituality and healing. They are seen as the meeting place of divine energies. The 4 points of a cross represent self nature wisdom and higher power or being. Crosses suggest transition balance faith unity temperance hope and life. They represent relationships and synthesis and a need for connection to something whether that something is group individual self or project related.. slide 101: Use of Crosses As with lines vertical shapes are seen as strong and horizontal shapes are seen as peaceful. Most everything said about vertical and horizontal lines can be said about vertical and horizontal shapes. Curved shapes offer rhythm and movement happiness pleasure and generosity. They are seen as more feminine than sharp shapes which offer energy violence and anger. Sharp shapes are lively and youthful and are seen as more masculine. slide 102: Tips for Using Shapes We use shapes to add interest in a design. Shapes of different visual weight can be used to create focal points in a design and direct the flow of a design. Shapes organize elements by separating some and connecting others. slide 103: Tips for Using Shapes Shapes can be used to convey depth by varying their size and position within a design. Larger shapes will appear closer and smaller shapes will appear further away. Shapes that are located lower in a design will seem closer and those higher up further away. Overlapping shapes is another way to create a sense of one in front of the other to add depth to your design. slide 104: Tips for Using Shapes Shapes that lean toward a protagonist appear to be blocking or stopping progress. Shapes leaning away from the protagonist give the impression of aiding progress by opening up space. ● Try to keep background shapes simple and large. Being large can help attract attention and simplicity can put the focus back to the foreground. ● Try to use few shapes where possible. Don’t use 3 or 4 shapes to communicate when one shape will do. ● Try to limit the number and size of shapes where possible for clarity in conveying your message. Click to Explore More Use of Shapes in Web Design http://101webdesigns.com/2013/04/inspirational-examples-of-diagonal-web-design/ slide 105: Click to explore more designs https://www.google.co.in/searchbiw1366bih583tbmischsa1qbroc hure+graphic+designoqbrochure+graphic+designgs_limg.12...0.0.0.51 3367.0.0.0.0.0.0.0.0..0.0....0...1c..64.img..0.0.0.Cdch-iN4Hxg slide 106: Projects on Use of Shapes in Designing Theory: ● What are the shapes ● Why shapes are so important for good designing ● How many types of shapes are there Please Explain with examples. ● What is a circle expresses and how it is useful for designers ● Can you name out 10 brands name using triangles ● What are the differences between circle and triangle in designing ● Collect 5-5 samples of design for at least 10 shapes. Practical: Create a Poster or Web Template or Book Cover using one or more shapes. Dont forget to create all 3 layout phases. Email me at: infoadmecindia.co.in slide 107: Helpline 1: +91 9811-8181-22 Helpline 2: +91 9911-7823-50 URL: http://www.admecindia.co.in Contact Us ADMEC MULTIMEDIA INSTITUTE Want to read more on visual designing please visit http://www.graphic-design-institute.com Want to be an expert designer R

Related presentations


Other presentations created by instituteadmec

Typography Basics
01. 08. 2014
0 views

Typography Basics

photography fundamentals
01. 08. 2014
0 views

photography fundamentals

On page seo
01. 08. 2014
0 views

On page seo

Graphic designing
01. 08. 2014
0 views

Graphic designing

magento training in delhi
28. 05. 2015
0 views

magento training in delhi

Loops in Java Script
01. 06. 2015
0 views

Loops in Java Script

Form Validation in JavaScript
26. 05. 2015
0 views

Form Validation in JavaScript

Grid Systems in Graphic Design
20. 01. 2016
0 views

Grid Systems in Graphic Design

Commands in AutoCAD
27. 01. 2016
0 views

Commands in AutoCAD

AutoCAD Architecture
01. 02. 2016
0 views

AutoCAD Architecture

Layer Command in AutoCAD
04. 02. 2016
0 views

Layer Command in AutoCAD

Modeling Panel in AutoCAD
13. 02. 2016
0 views

Modeling Panel in AutoCAD

Colors Modes and Color Schemes
02. 03. 2016
0 views

Colors Modes and Color Schemes

Most Essential AutoCAD Commands
17. 02. 2016
0 views

Most Essential AutoCAD Commands

Anatomy Typography Basics
17. 02. 2016
0 views

Anatomy Typography Basics

Resume Pro Tips
08. 06. 2016
0 views

Resume Pro Tips

design principles for designers
31. 01. 2018
0 views

design principles for designers

Learn More About Bootstrap 3
21. 04. 2018
0 views

Learn More About Bootstrap 3

Tips for Impressive Resume
21. 05. 2018
0 views

Tips for Impressive Resume

Content Writing Tips for SEO
13. 07. 2018
0 views

Content Writing Tips for SEO