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%


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 %



Campaign – Uttarakhand Tourism

Type – Facebook Event Cover Size – 784 Width & 295 Height Layout – Multipanel Layout Colors - Warm bright colors



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 %


Campaign – Uttarakhand Tourism Type – Facebook Boost Size – 1200 Width & 628 Height Layout – Circus Layout Colors - Cold dark colors Text – 20%



Campaign – Uttarakhand Tourism Type – Facebook Page Cover Size – 851 Width & 315 Height Layout – Circus Layout Colors - Cold dark colors Text – 20 %



Campaign – Uttarakhand Tourism

Type – Facebook Event Cover Size – 784 Width & 295 Height Layout – Circus Layout Colors - Cold dark colors



Campaign – NCC Day Type – Facebook General Post Size – 874 Width & 498 Height Layout – Big-Type Layout Colors - Warm dark colors



Campaign – Guru Nanak Jayanti Type – Facebook General Post Size – 700 Width & 500 Height Layout – Silhouette Layout Colors - Warm bright colors



Campaign – Uttarakhand Sthapna Type – Facebook General Post Size – 700 Width & 500 Height Layout – Alphabet-Inspired

Layout Colors - Warm bright colors



Campaign – Shochalaya Type – Facebook General Post Size – 700 Width & 500 Height Layout – Multipanel Layout Colors - Neutral colors



Campaign – Health Type – Facebook General Post Size – 700 Width & 500 Height Layout – Multipanel Layout Colors - Cold bright colors



Campaign – Health Type – Facebook General Post Size – 700 Width & 700 Height Layout – Big-Type Layout Colors - Warm bright colors


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


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


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 %


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 %


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 %


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

Graphic Design Catalog Inspiration

Aqeel Ahmad (Graphic Designer)

graphic designs catalog (aqeel ahmad)

Documents