How to Bridge the Gap Between Design and Development
When working with developers designers often go an extra mile to make sure the fonts are set exactly as specified, the colors match the mockups and the spacing of the elements is pixel perfect. How do I know that? I am a designer myself. Unfortunately, quite often, when the developers complete their work, the results don’t always match what the designers envisioned. So how do you bridge the gap between the designs and the development? Start with the right tools The first step in creating the pages to match the designs starts with the right tools. There are a few options available on the market now. Adobe XD is a vector-based user experience design tool that combines design, prototyping and a powerful developer interface that simplifies the handoff and gives the developers precise view of the page with all elements – fonts, colors, spacings, assets and chunks of CSS code. Sketch, is another popular tool that is often used in conjunction with Zeplin for developer hand off, is very similar. When the files are imported into Zeplin, the developers see all page elements, similar to Adobe XD. Additionally, designers can connect their design systems to give a comprehensive overview of…
…Full post on Torque Mag
Read Full
