confliction and mistakes with a designer from developer perspective
TRANSCRIPT
![Page 1: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/1.jpg)
S
HiDesigner’s
![Page 2: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/2.jpg)
S
Confliction and mistakes with a designer from
developer perspective
![Page 3: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/3.jpg)
The Confliction
![Page 4: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/4.jpg)
Designer and Developer Interaction
![Page 5: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/7.jpg)
Make it simple but interactive
![Page 8: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/8.jpg)
Unorganized PSD Layers
![Page 9: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/9.jpg)
Isn’t it good?
![Page 10: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/11.jpg)
Clear the events
![Page 12: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/12.jpg)
Use SVG Icons as many as possible (best for any display)
![Page 13: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/13.jpg)
Use high quality image which developer can use
![Page 14: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/15.jpg)
Adding non-editable Text (raster image)
![Page 16: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/18.jpg)
Responsive flow
Abnormal Flow doesn’t be appreciated
![Page 19: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/19.jpg)
Suggest your client better option
![Page 20: Confliction and mistakes with a designer from developer perspective](https://reader035.vdocuments.mx/reader035/viewer/2022062216/55be51d3bb61ebd3678b46ac/html5/thumbnails/20.jpg)
Have a good day
Credit:- Image taken from google image search- Anam Ahmed for an idea (@mranam)