confliction and mistakes with a designer from developer perspective

21
S Hi Designer’s

Upload: asif-nawaz

Post on 03-Aug-2015

105 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Confliction and mistakes with a designer from developer perspective

S

HiDesigner’s

Page 2: Confliction and mistakes with a designer from developer perspective

S

Confliction and mistakes with a designer from

developer perspective

Page 3: Confliction and mistakes with a designer from developer perspective

The Confliction

Page 4: Confliction and mistakes with a designer from developer perspective

Designer and Developer Interaction

Page 5: Confliction and mistakes with a designer from developer perspective

Lets talk about some serious things

Designer should understand the developers quality and ability.

Designers are the planners. Rest of the workflow depends on your plan, design and the user experience whatever.

Make things simple, avoid complexity because everyone may not think the same ;)

Page 6: Confliction and mistakes with a designer from developer perspective

For web design what make the developer irritate

Placing gradient in border.This is a bad idea.

Page 7: Confliction and mistakes with a designer from developer perspective

Make it simple but interactive

Page 8: Confliction and mistakes with a designer from developer perspective

Unorganized PSD Layers

Page 9: Confliction and mistakes with a designer from developer perspective

Isn’t it good?

Page 10: Confliction and mistakes with a designer from developer perspective

Designing something which isn’t possible to code

(we aren’t talking about hacking or exception)

Page 11: Confliction and mistakes with a designer from developer perspective

Clear the events

Page 12: Confliction and mistakes with a designer from developer perspective

Use SVG Icons as many as possible (best for any display)

Page 13: Confliction and mistakes with a designer from developer perspective

Use high quality image which developer can use

Page 14: Confliction and mistakes with a designer from developer perspective

Somebody use Illustrator to design webpage

(Photoshop is most popular, we should use it)

Page 15: Confliction and mistakes with a designer from developer perspective

Adding non-editable Text (raster image)

Page 16: Confliction and mistakes with a designer from developer perspective

Use Free web Font

Use Free font available for web

Better use google font or any font which has proper license for web use

Mention the font name and address where to find.

Page 17: Confliction and mistakes with a designer from developer perspective

Super Huge File Size

Remove unnecessary images from PSD

You can compress it to transfer easily

Do everything to make it light

You know developers are use to make lightweight things ;)

Page 18: Confliction and mistakes with a designer from developer perspective

Responsive flow

Abnormal Flow doesn’t be appreciated

Page 19: Confliction and mistakes with a designer from developer perspective

Suggest your client better option

Page 20: Confliction and mistakes with a designer from developer perspective

Have a good day

Credit:- Image taken from google image search- Anam Ahmed for an idea (@mranam)

Page 21: Confliction and mistakes with a designer from developer perspective

ITS ASIF SAHO

Lead Developer at EvenFlytwitter: @[email protected]://asifsaho.me