Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Aditi Agarwal
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 a solution to a problem or creating new problems for users, clients and your co-developers?"
JuST IMAGINE.
A doctor giving cough and cold medicines to a patient suffering from bone fracture or a tailor stitching a night wear for a groom instead of a suit for his marriage out of same material.
Obviously these things will create a lot more trouble for the user without solving a single problem which he has before
GRApHIc DESIGNERS
vs
DEVElOpERS
#1
Developer: "The designer didn't accommodate for real-world content." Solutions: Design comps are static, but real-world web pages have to be fluid and dynamic. Designers should recognize this and cover all possible scenarios. Please dont use Lorem Ipsum. Try to fill real content.
#2
Developer: "I don't need no designer telling me how to program! " Solutions: Listen to what the designer has to say about technical alternatives; you may not have thought of all of them. Remember that you and the designer (hopefully!) share the same goal of creating the best product possible.
#3
Developer: "The designer expects me to guess what styles he has used. " There is always a breakdown between the team related to spacing, line height, etc. Solution: Communicate is the only solution.
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 millions of users.
FOR All.
Please follow the User Interface guidelines. Dont randomly add or subtract elements without thinking from the design perspective.
Remember client is neither a designer nor a developer. Don't blindly do what he asks. If you think he is wrong, explain him politely. Especially developers, if client asks you to do some changes, please take the right decision after consulting with the designer.
Basics of Design.
Basics. Contrast. Allignment. Spacing. Icons. Colours.
It is a music related app for teenagers, hence playful, fun and is drenched in colour.
Blue
Blue
cONTRAST. VISIBIlITy.
Pulls you in. Guides your eyes around the interface. Take advantage of contrast to guide user through hierarchy of information; add focus; or to energize an interface.
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.
FIND R...
V T F Q A W Z C M R D P G
FIND T...
V T F Q A W J Z C M R D P G
AlIGNMENT. IMpORTANT.
Grids are horizontal and vertical lines to help locate window
components.
Align related things. Group items logically. Minimize number of controls, reduce clutter.
AlIGNMENT. RulES.
Choose one out of: left, center, right or justified. Choose one, use it everywhere
Twinkle Twinkle little star, How I wonder What you are? Twinkle Twinkle little star, How I wonder What you are? Twinkle Twinkle little star, How I wonder What you are? Twinkle kle How What little I Twinstar, wonder
you are?
Novices often center things! Hard to read. No definition, calm, very formal. Use only in small quantities
IcONS. cREATIVE.
Represent object or action in a familiar and recognizable manner. Relies on drawing ability. Please don't copy! Avoid meaningless use of icons. Too many icons quickly become illegible. Limit number of different icons. Make icon stand out from background.
IcONS. SAME.
Most important part of design is family. All icons used should be of same family.
+ +
= =
RIGHT
WRONG
cOlOuRS. ESSENcE.
Colours are the most important part of any design. It shows emotion and mood.
Thank you.
Be creative.