Get Started With Design - by Rashedul Hoque Arif

Welcome,
Get Started with Design:
A Hands-On workshop
2

Who am I?
• Student at BRAC University
• Growing up with a lot of
Wonderful people
• Club activities: connected with
Computer Club of BRAC University,
Creative Department
• Get in touch
- rashedulhoque049@gmail.com
- fb.com/sagor04
Get started with Design: A Hands-On Workshop | Copyright © 2016 Rashedul Hoque Arif, BRAC University Computer Club 3

Blood group: B+
B+ is my blood group as well as my attitude.

A shout out to my Mother
She makes the best version of me that exists

Let’s get started

What is Graphics Design ?
Art of visual communication through
the text, images, symbols.

First Documented Drawings

Key rules and concepts of
Design
Balance
Proximity
Alignment
Contrast
White space

Keep It Simple

The Basics
Color Layout/
Structure
font

Let me ask some questions
to all you Wonderful People..

• Are you good at drawing?
- is this really required
- NO
- rough sketch (Better)

Can you communicate well verbally?
- represent your design

• Can you work with limitations?
- resource limitation
- follow Design Guideline

Can you work under pressure?

Do you like working in teams?

Can you take direction from others?

Can you take criticism?

I am never too old for another attempt and I will keep trying and trying..

Why Graphics Design?
Pros Cons
• Creative
• It’s Challenging
• It’s Educational
• You decide your tools
• Something to show for
your hard work
• Reward
• Collaboration
• Competitive
• Road is Long
• Work long hours

Practical skills
• Verbal communication
• Drawing & sketching
• Research
• Software skills
• Time management
• Attention to detail
Things I need to be a Designer

Psychological skills
• Confidence
• Receive criticism
• Coping with failure
• Team
Things I need to be a Designer

Be Inspired
Inspired –> Motivated -> Creative
• On the Web
- Blogs, Google images, Video tutorials
• Everyday Inspiration
- Everything around you, Packaging, Magazines, Interior design,
Shops and Stores, Billboards, Commercials, Restaurant menus,
Branding, BRACU Notice Board
• People (Most Powerful)

Color

Each color of the Rainbow has a meaning.
(Emotion)

Warning
But all the colors of Rainbow has no meaning..
It will ruin everything..

Color Emotion
Blue Red
Strength
Trustworthy
Responsible
Secure
Love
Excitement
Courage
Bold

Color Emotion
Yellow Green
Optimistic
Energy
Spirituality
Nature
Youth
Hope

Color Emotion
Orange Violet
Original
Warm
Friendly
Wise
Faith
Devotion

Color Emotion
Black White
Magic
Mystery
Power
Peace
Honesty
Innocence

Color Emotion

Color Profiles
CMYK
CMYK (Print Project)
RGB
RGB (Screen Project, Web Publishing)

Color Combination to Avoid

Color Wheel

https://color.adobe.com

Color Rules
Monochromatic
Monochromatic colors are shades and tints of
the same color. The monochromatic color
scheme is typically balanced and easy on
the eye.

Analogous
Analogous colors are balanced but are typically
more interesting as the colors have more
contrast.
Color Rules

Complimentary
Complimentary colors have high contrast,
Which produce vibrant exciting color schemes.
Color Rules

Triadic
Tertiary colors typically produce vibrant effects.
Color Rules

Can you see yourself being creative..

Fonts

Fonts Never Use
Comic sans
Papyrus
Brush script
Impact
Times New Roman
Like this
Good fonts
•
• Century Gothic
• Arial

Font weight

Font Width

Font categories examples

Font Analysis

We will try to select Good Vs. Bad Fonts..

The Basics of Using Fonts

www.dafont.com
www.fontsquirrel.com
Free Font Sources

This is what my mother always tells me: No matter how bad you have it,
there is someone who has it worse. Always be grateful with what you have... Always.

Fat Design is also getting flat

Realism Design

Flat Design

Flat vs. Realism

Flat vs. Realism
• Simplicity
• No shadow
• No Gradient
• No Texture
• File Size: Small
• Realistic
• Bevel and Emboss
• Gradient
• Textures
• File Size: Large

http://www.flatvsrealism.com
Let’s Play a Game

Evaluation

Free Flat icon sources
• www.flaticon.com
• www.iconmonstr.com

ClipArt's are dead..

Flat design Representation

Geometric Shapes

Geometric Shapes Example

Design Structure

Structure of this Slide

Balance

Proximity

Proximity basically means SPACE
The more blank space, more better
Proximity

Proximity
The more blank space, more better

Alignment

Alignment principles

Left Alignment
Dreams Don’t
Work Unless
You Do.

Centre Alignment
There are three responses
to a piece of design –
yes, no, and WOW!
Wow is the one to aim for.
- Milton Glaser

Justified Alignment
It’s through mistakes
that you actually can grow.
You have to get bad
in order to get good.
- Paula Scher

Alignment Structure

Contrast

Contrast
Contrast is important for the VISUAL CLARITY
of your design.

Better if..
• Dark text on light backgrounds
• White text on dark backgrounds

Let’s
Get Started With Design

Design Concept
• Represent a Message
• A Story
• A Simple Idea

• Adobe Illustrator
- Vector Graphics, Logo design,
Graphs, Architectural Drawing,
Posters, banners etc.
- Vector Image (infinitely scalable)
Workflows..

Workflows..
• Adobe Photoshop
- Photo retouch, editing, Photo-
Manipulation
- Poster, Banner, Event Cover,
Backdrop, Mock ups etc.

Workflows..
• Microsoft PowerPoint
- This Program is best for beginners,
to get started with your ideas.
• For Simple work

Understand, Sketch, Design
Sketch Design
Understand
Concept

Horizontal vs. Vertical

Just Rememmber
• What am I representing ?
• How am I representing?
• Your Audience,
• Appropriate Design or not

Keep it simple

Thank You so much
You have gone through all the Slides,
You are Wonderful

Get Started With Design - by Rashedul Hoque Arif

Recommended

Recommended

More Related Content

Similar to Get Started With Design - by Rashedul Hoque Arif

Similar to Get Started With Design - by Rashedul Hoque Arif (20)

Recently uploaded

Recently uploaded (20)

Get Started With Design - by Rashedul Hoque Arif