App Design tool for designer and developer

For traditional approach, designers present app designs in PDF documents to all the project stakeholders with version 1.0 and increment it as time goes by. If it is a small-scaled project and everyone is well-communicated during the development process, this seems not even a problem. Imagine if you are in the middle of developments and there are a lot of design change requests (design changes or new screens are being added) and designers upload a new design documents and expect everyone should follow to the latest design, things might get a little tricky.

Designer vs Developer
– Img source from Google

Zeplin

Zeplin
img source from Google
Website: https://zeplin.io/

Remember the days where developer has a app design document with no description on the colours, padding, font size..etc? Well, it sucks. Developer has to open photoshop or any other measurement app to measure the padding with the hope that you got them correct. Designer need to squeeze out time to give out measurements to developer while they have to juggle a lot of design projects.

We’re a small crew of three developers and one designer. With Zeplin, we’re actually scratching our own itch. All we want is a world where designers and developers can communicate well, work together efficiently and live in harmony forever.

Sounds perfect.

Example:

When your cursor moves over a button, it will immediately gives you the padding, colours and even the font text! Voila! Did I mention that it can be also connect to Slack to be notified of the changes? 🙂

Zeplin example

 

InVision

InVision

Website: http://www.invisionapp.com

It is a prototyping tool to let stockholders to have first feel and look for the app. Just upload your designs and add hotspots to transform your static screens into clickable, interactive prototypes complete with gestures, transitions, and animations.

The screens are static but you can venture to screens based on the permitted point.  You can download it on your mobile devices as well!

It actually helps clients and developers to understand designer’s app design flow better and have a glimpse of how app looks like before the development.

 

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s