introduction to based designs - graphic design theory
TRANSCRIPT
![Page 1: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/1.jpg)
Based DesignsIntroduction
Learn how to analyze and create graphic designs in terms of idea and graphic design elements.
![Page 2: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/2.jpg)
For feedback, communications or questions feel free to contact via
Abanoub M. NassiefAlexandria, Egypt
E-mail: [email protected]: http://eg.linkedin.com/in/abanoubmelad/Facebook: https://www.facebook.com/EngineeroBono
![Page 3: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/3.jpg)
Based design is the way of expressing graphic designs in terms of its idea and graphic design elements. Based design illustrates the main idea behind the design, how this idea delivers the message to audiences and what pattern/technique was used to achieve that.
Based Designs – Definition
![Page 4: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/4.jpg)
Based design has various types here we will call them patterns. the number of patterns is not really constant as new types may be added by new idea designs or simply be generated as a hybrid of two other patterns.
Based Designs – Patterns
![Page 5: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/5.jpg)
Based design indicates that designers follow some pattern to achieve the design idea. That pattern may be caused by many reasons ex. Culture, fashion, environment, personal preferences, target …
Based Designs – Patterns
![Page 6: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/6.jpg)
Based Designs – Patterns
1) Image2) Shape3) Typography
4) Blending5) Structure
Based Design Patterns Examples
![Page 7: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/7.jpg)
Image BasedPattern
![Page 8: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/8.jpg)
Design is mainly based on an image. This pattern of design is widely used in web pages and magazines. It's elegant, smart, fast to produce and easy to manage.
Based Designs – Patterns – Image Based Design
![Page 9: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/9.jpg)
Design requires some big image that doesn't contain much details especially in background.Text is added to image in a position so that image and text within is balanced.
Based Designs – Patterns – Image Based Design
![Page 10: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/10.jpg)
Obviously, this pattern provides a kind of contrast in size between text and image.
Based Designs – Patterns – Image Based Design
![Page 11: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/11.jpg)
Shape BasedPattern
![Page 12: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/12.jpg)
Design is mainly based on a shape or a group of shapes. It's complex, unique, hard to produce or manage.
Based Designs – Patterns – Shape Based Design
![Page 13: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/13.jpg)
Design is achieved by using a group of shapes that together produces a another bigger shape or follow same order, combined with one or many other design elements.
Based Designs – Patterns – Shape Based Design
![Page 14: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/14.jpg)
Design is achieved by using a group of shapes that together produces a another bigger shape or follow same order, combined with one or many other design elements.
Based Designs – Patterns – Shape Based Design
![Page 15: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/15.jpg)
Notice, this pattern preferably designed so that it satisfies a kind of contrast in size between shapes.
Based Designs – Patterns – Shape Based Design
![Page 16: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/16.jpg)
Typography BasedPattern
![Page 17: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/17.jpg)
Design is mainly based on a typography/text. It's usually crowded, unique and hard to produce or manage.
Based Designs – Patterns – Typography Based Design
![Page 18: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/18.jpg)
Design is achieved by one of two techniques.
First, text combined with other design elements to directly deliver the message.
Based Designs – Patterns – Typography Based Design
![Page 19: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/19.jpg)
Design is achieved by one of two techniques.
Or the second, plenty of text is used together to form a shape or an illustration.
Based Designs – Patterns – Typography Based Design
![Page 20: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/20.jpg)
Notice, this pattern must be designed so that it satisfies a kind of contrast in size within text.
Based Designs – Patterns – Typography Based Design
![Page 21: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/21.jpg)
Blending BasedPattern
![Page 22: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/22.jpg)
Design is mainly based on blended graphics. It's complex, unique and the hardest to produce or manage.
Based Designs – Patterns – Blending Based Design
![Page 23: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/23.jpg)
Design is achieved by blending/combing images and other design elements.
Based Designs – Patterns – Blending Based Design
![Page 24: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/24.jpg)
Structure BasedPattern
![Page 25: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/25.jpg)
Design is mainly based on images, shapes and other design elements that follow some structure so it's tricky to detect that pattern.It's complex, unique and hard to produce.
Based Designs – Patterns – Structure Based Design
![Page 26: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/26.jpg)
Design is achieved by using images, shapes and design elements all combined or lined somehow together.
Based Designs – Patterns – Structure Based Design
![Page 27: Introduction to based designs - Graphic design theory](https://reader037.vdocuments.net/reader037/viewer/2022102811/543cf5c38d7f72a9018b604e/html5/thumbnails/27.jpg)
Thank You