Graphic Designs Catalog (Aqeel Ahmad)
-
Upload
aqeel-ahmad -
Category
Documents
-
view
10 -
download
1
Transcript of Graphic Designs Catalog (Aqeel Ahmad)
Graphic Design Catalog Inspiration
WTIT Solutions Pvt.
Principles of Graphic Design1 Layout 2 Colors 3 Typography4 White Space
Design and rules are two things that seem like they shouldn’t mix, but there are definite design principles you should try to follow anytime you’re creating a graphic design. Design principles can help you create awesome layouts that are both effective and pleasing to the eye. They can also teach you to better communicate a message to your target audience in your projects. For example, unlike art, design needs a focal point to be successful. These principles can help you figure out the best way to design your focal points.
Think of these principles as guidelines to help you understand what is visually appealing and why it’s appealing in your designs. They can also help you understand why your design works — or why it doesn’t. If you do a quick Google search for “principles of design” you’ll get a huge list with a bunch of different lists of design principles with different princples. All it means is that different designers word things different ways, but the core concepts are all the same.
1. Types of Page Layout 1. Mondrian Layout
Mondrian layout refers to the forms: square, landscape or portrait, where every field is parallel to the presentation field and loads the image in order to form a composition that is conceptual.
Types of Page Layout 2. Circus Layout
Mondrian layout refers to the forms: square, landscape or portrait, where every field is parallel to the presentation field and loads the image in order to form a composition that is conceptual.
Types of Page Layout 3. Multipanel Layout
Multipanel layout is divided into various sections or theme in same shape such as rectangle, square, cube, etc.
Types of Page Layout 4. Silhouette Layout
Silhouette layout refers to the layouts in the form of illustration or photographic technique, highlighted only through shadow. Presentations can be shaped text-rap or spot color illustration or refracted smooth image pickup along- with photographic techniques.
Types of Page Layout 5. Big-Type Layout
Big-Type layout lay emphasize on the font styles and big font sizes so as to grab the attention of the audience. Big-type layouts are usually used for creating headline.
Types of Page Layout 6. Alphabet-Inspired Layout
Alphabet- Inspired Layout focuses on the arrangement of letters or numbers in an appropriate sequence or forms a word or enhanced to give an impression of story or an idea for the advertisement.
2. The different kinds of colors
Through colors we can control reactions of an audience and provoke them to certain behaviours. The following paragraphs present commonly used colors and describe their impact on users.Warm bright colors
Beige, yellow, orange, pink, red and similar. These are active, eye-catching colors with a friendly nature that may induce a sense of courage and energy.
Warm bright colors visually enlarge objects and make them seem closer. Due to their high visibility I advise limiting their use among subdued colors.
Cold bright colors
Lavender, silver, azure add subtlety, full of aesthetics and freshness, accents.
Such cold but bright tones enhance a sensation of modernity and professionalism if harmoniously combined with gray. It’s a nice composition for businesses, commerce, and service websites especially with health, cosmetic and medicine products.Cold dark colors
Violet, blue, turquoise, green, navy give a feeling of stability and quality. These shades are often placed as accompanying colors. Although they don’t attract attention they emphasize the content.
Cold dark colors are widely used on business websites for ambitious and hardworking qualities with a special highlight for government, science, automotive and computer products.
Warm dark colors
Gold, purple, brown express classics, tradition, luxury and relaxation. They blend well in expensive and elegant designs for young and rich.
Mixed with cold colors give an impression of modernity and novelty. Perfect for brands engaged in finance, consulting, architectonics and craft.Neutral colors
White, grey and black help to create contrasts and bring all the other colors out. They don’t convey any particular message on their own. Neutrals are here to support their neighbours by playing the role of complementation on websites.
Their use can be truly universal as they work well in a variety of applications. Black can be combined with bright colors and white with dark colors, making a classic, almost universal combination.
3. The Basics of TypographyTypography is a central component of design. It gives us an understanding of the heritage behind our craft. It’s one of the primary ways we, as a society, pass on information to others. Imagine a website, a magazine or even TV without text. Typography is a subject that raises passions and it can become a consuming obsession. If this subject is relatively new to you, or perhaps something you want to know more about, then this guide can start you on that journey.
4. White SpaceWhite space means to let your design breathe with a little open space between elements. White space can also be referred to as negative space, since it’s the absence of text and graphics. Remember to include things like generous margins, space between columns of text and other design elements in your designs. Also, without some white space, your design could be completely illegible or just taxing for your viewer to read.
Campaign – Uttarakhand Tourism Type – Facebook Post Size – 504 Width & 504 Height Layout – Multipanel Layout Colors- Warm bright colors Typography –
• Typeface: Kruti Dev 680• Weight: Regular• Size: 6.675• Leading: 0 %• Tracking: 0 %
Facebook Post Banner
Campaign – Uttarakhand Tourism Type – Facebook Boost Size – 1200 Width & 628 Height Layout – Multipanel Layout Colors - Warm bright colors Text – 20%
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 10.029• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Tourism Type – Facebook Page Cover Size – 851 Width & 315 Height Layout – Multipanel Layout Colors - Warm bright colors Text – 20 %
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 5.206• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Tourism
Type – Facebook Event Cover Size – 784 Width & 295 Height Layout – Multipanel Layout Colors - Warm bright colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 5.206• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Minority Type – Facebook Post Size – 504 Width & 504 Height Layout – Multipanel Layout Colors- Cold dark colors Typography –
• Typeface: Kruti Dev 680• Weight: Regular• Size: 7.404• Leading: 0 %• Tracking: 0 %
Facebook Post Banner
Campaign – Uttarakhand Tourism Type – Facebook Boost Size – 1200 Width & 628 Height Layout – Circus Layout Colors - Cold dark colors Text – 20%
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 13.278• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Tourism Type – Facebook Page Cover Size – 851 Width & 315 Height Layout – Circus Layout Colors - Cold dark colors Text – 20 %
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 7.5• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Tourism
Type – Facebook Event Cover Size – 784 Width & 295 Height Layout – Circus Layout Colors - Cold dark colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 6.909• Leading: 0 %• Tracking: 0 %
Campaign – NCC Day Type – Facebook General Post Size – 874 Width & 498 Height Layout – Big-Type Layout Colors - Warm dark colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 23.518• Leading: 0 %• Tracking: 0 %
Campaign – Guru Nanak Jayanti Type – Facebook General Post Size – 700 Width & 500 Height Layout – Silhouette Layout Colors - Warm bright colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 13.565• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Sthapna Type – Facebook General Post Size – 700 Width & 500 Height Layout – Alphabet-Inspired
Layout Colors - Warm bright colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 12.5• Leading: 0 %• Tracking: 0 %
Campaign – Shochalaya Type – Facebook General Post Size – 700 Width & 500 Height Layout – Multipanel Layout Colors - Neutral colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 10.5• Leading: 0 %• Tracking: 0 %
Campaign – Health Type – Facebook General Post Size – 700 Width & 500 Height Layout – Multipanel Layout Colors - Cold bright colors
Facebook Post Banner
Typography – • Typeface: Kruti Dev 680• Weight: Regular• Size: 9.5• Leading: 0 %• Tracking: 0 %
Campaign – Health Type – Facebook General Post Size – 700 Width & 700 Height Layout – Big-Type Layout Colors - Warm bright colors
Facebook Post Banner
Typography – • Typeface: News 701 BT• Weight: Bold• Size: 141.159• Leading: 0 %• Tracking: 0 %
Campaign – Voter Registration Type – Facebook General Post Size – 700 Width & 500 Height Layout – Alphabet-Inspired Layout Colors - Cold dark colors
Facebook Post Banner
Typography – • Typeface: Franklin Gothic
Demi• Weight: Regular• Size: 12.0• Leading: 0 %• Tracking: 0 %
Campaign – Q&A Type – Facebook General Post Size – 700 Width & 700 Height Layout – Big-Type Layout Colors - Cold dark colors
Facebook Post Banner
Typography – • Typeface: Kozuka Gothic Pro• Weight: Bold• Size: 133.0• Leading: 0 %• Tracking: 0 %
Campaign – Uttarakhand Tourism Type – Facebook Page Cover Size – 851 Width & 315 Height Layout – Multipanel Layout Colors - Cold Dark colors Text – 20 %
Facebook Post Banner
Typography – • Typeface: Franklin Gothic
Heavy• Weight: Bold• Size: 5.503• Leading: 0 %• Tracking: 0 %
Campaign – Invest North-5th
Type – Google Landing Page Size – 1100 Width & 1500
Height Layout – Multipanel Layout Colors - Cold Dark colors Typography –
• Typeface: Batang Che• Weight: Regular• Size: 9.00• Leading: 0 %• Tracking: 0 %
Google Campaign Landing Page
Campaign – Paragliding Type – Google Landing
Page Size – 1100 Width & 1500
Height Layout – Mondrian Layout Colors - Cold Dark colors Typography –
• Typeface: Century Gothic• Weight: Regular• Size: 9.00• Leading: 0 %• Tracking: 0 %
Google Campaign Landing Page
Campaign – International Yoga Festival
Type – Google Landing Page Size – 1100 Width & 1500
Height Layout – Circus Layout Colors - Warm bright colors Typography –
• Typeface: Adobe Fangsong std.
• Weight: Regular• Size: 9.00• Leading: 0 %• Tracking: 0 %
Google Campaign Landing Page
Campaign – Rajye Sthapna Divas
Type – Google Campaign Ads
Size – Different Size Layout – Circus Layout Colors - Warm bright colors Typography –
• Typeface: Kruti Dev 100• Weight: Regular• Size: 6-2• Leading: 0 %• Tracking: 0 %
Google Campaign Ads
Campaign – Rajye Sthapna Divas
Type – Google Campaign Ads Size – Different Size Layout – Circus Layout Colors - Warm bright colors Typography –
• Typeface: Franklin Gothic Normal
• Weight: Regular• Size: 6-2• Leading: 0 %• Tracking: 0 %
Google Campaign Ads
Campaign – Rajye Sthapna Divas
Type – Google Campaign Ads Size – Different Size Layout – Circus Layout Colors - Warm bright colors Typography –
• Typeface: Franklin Gothic Normal
• Weight: Regular• Size: 6-2• Leading: 0 %• Tracking: 0 %
Google Campaign Ads
Graphic Design Catalog Inspiration
Aqeel Ahmad (Graphic Designer)