Being a designer

1
Being a Designer.
Aditi Agarwal
2
WHAT IS DESIGN?
WHAT IS A DEFINITION OFA DESIGNER?
Are you really adesigner?
3
Design is a simple solution to a problem. It is
not something you haveto decorate.
Designer is a person who provides a visual
solution to a problem.Designer must not create a
problem within his design.
Now ask again are you really a designer? Are
you really providing asolution to a problem or
creating new problems for users, clients andyour
co-developers?
4
JUST IMAGINE.
A doctor giving cough and cold medicines
to a patient suffering from bone fracture or
atailor stitching a night wear for a
groominstead of a suit for his marriage out
ofsame material.
Obviously these things will create a lot
moretrouble for the user without solving a
singleproblem which he has before
5
Be sure what you do.
Provide a solution for the users.
Dont do exactly what other designershave done
for some other problem.Like a cough syrup wont
work for abroken leg, similarly a wrong
solutionwhat others have already done will
notsolve a problem.
Take inspiration. Dont copy. Alwayscreate
something new.
6
Graphic Designers
vs
DEVELOPERS
7
1
Developer The designer didnt accommodate for
real-world content.Solutions
Design comps are static, but real-world web pages
have to be fluid anddynamic. Designers should
recognize this and cover all possible
sce-narios.
Please dont use Lorem Ipsum. Try to fill real
content.
8
2
Developer I dont need no designer telling me
how to program! Solutions
Listen to what the designer has to say about
technical alternatives youmay not have thought
of all of them.
Remember that you and the designer (hopefully!)
share the same goalof creating the best product
possible.
9
3
Developer The designer expects me to guess what
styles he hasused.
There is always a breakdown between the team
related to spacing, lineheight, etc.
Solution
Communicate is the only solution.
10
SO WHAT?
Deploying graphic design principles will enhance
your ability and skills.
Deploying graphic design principles will enable
you to create more
user-friendly interfaces.
Help you to enhance the knowledge.
Make base of HCI strong, which is increasingly
necessary with millionsof users.
11
FOR ALL.
Please follow the User Interface guidelines.
Dont randomly add or subtract elements without
thinking from thedesign perspective.
Remember client is neither a designer nor a
developer. Dont blindly dowhat he asks. If you
think he is wrong, explain him politely.
Especiallydevelopers, if client asks you to do
some changes, please take the rightdecision
after consulting with the designer.
Do for users. Not for clients.
12
Basics of Design.
Basics. Contrast. Allignment.Spacing. Icons.
Colours.
13
Basic 1 Concept.
It is the base where idea is related to.
To build a design you need to be an actor!
If you are buildig an app for a grocery chop, act
a sif you are acustomer and then come out with
the design.
14
It is a music related app for teenagers, hence
playful, fun and isdrenched in colour.
15
Basic 2 Hierarchy.
What are the levels of importance?
What should the user see first? Second? Third?
16
Basic 3 CLARITY.
Every element in an interface should have a
reason.Remember less is more.
White space is important.
17
Basic 4 Consistency.
Be consistent.
In layout, color, images, icons, typography,
textWithin screen, across screens
Stay within metaphor everywhere
Platform may have a style guide -- follow it!
18
Basic 5 PROXIMITY.
Items close together appear to have a
relationship.
Blue
Large distance implies -- no relationship
Blue
19
CONTRAST. VISIBILITY.
Pulls you in.
Guides your eyes around the interface.
Take advantage of contrast to guide user through
hierarchy ofinformation add focus or to
energize an interface.
Can be used to distinguish active control.
20
CONTRAST. VISIBILITY.
Can be used to set off most important item.
Allow it to dominate.
Ask yourself what is the most important item in
the interface, highlight it.
21
Find R...
C
V
M
G
R
T
D
P
Q
F
A
Z
W
22
Find t...
C
V
M
G
R
T
D
P
Q
F
A
Z
W
J
23
(No Transcript)
24
(No Transcript)
25
Alignment. IMPORTANT.
Grids are horizontal and vertical lines to help
locate windowcomponents.
Align related things. Group items logically.
Minimize number of controls, reduce clutter.
26
(No Transcript)
27
Alignment. RULES.
Choose one out of left, center, right or
justified.Choose one, use it everywhere
Twinkle Twin-
Twinkle Twinkle Twinkle Twinkle Twinkle Twinkle
kle little star,How I wonderWhat you
are?
little star, little star, little star,
How I wonder How I wonder How I wonder
What you are? What you are? What you are?
Novices often center things!
Hard to read. No definition, calm, very
formal.Use only in small quantities
Also avoid right alignment.
28
SPACING. FEEL GOOD.
All the spacing across the website/app/print
media should be
same or in multiples of it.
Spacing is the only reason that makes a
website/app
perfect and wisely designed.
It removes chaos and clutter.
Makes design neat and legible.
29
(No Transcript)
30
ICONS. CREATIVE.
Represent object or action in a familiar and
recognizable manner.
Relies on drawing ability. Please dont copy!
Avoid meaningless use of icons.
Too many icons quickly become illegible.
Limit number of different icons.
Make icon stand out from background.
31
ICONS. SAME.
Most important part of design is family. All
icons used should be
of same family.

RIGHT

WRONG
32
COLOURS. ESSENCE.
Colours are the most important part of any
design.
It shows emotion and mood.
33
(No Transcript)
34
(No Transcript)
35
(No Transcript)
36
(No Transcript)
37
(No Transcript)
38
(No Transcript)
39
(No Transcript)
40
(No Transcript)
41
(No Transcript)
42
(No Transcript)
43
(No Transcript)
44
(No Transcript)
45
(No Transcript)
46
(No Transcript)
47
(No Transcript)
48
(No Transcript)
49
(No Transcript)
50
(No Transcript)
51
(No Transcript)
52
(No Transcript)
53
(No Transcript)
54
Thank you.
Be creative.