build pixel perfect apps in peace

24
Build pixel perfect apps in peace Collaboration platform for UI/UX and developers that works with Sketch, Android Studio and Xcode

Upload: adhrian-putra

Post on 09-Apr-2017

54 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Build pixel perfect apps in peace

Build pixel perfect apps in peaceCollaboration platform for UI/UX and developers

that works with Sketch, Android Studio and Xcode

Page 2: Build pixel perfect apps in peace

Make a great productUI/UX and Developers want to:

Page 3: Build pixel perfect apps in peace

What happened?

Page 4: Build pixel perfect apps in peace

VS UI/UXVSDeveloper

Page 5: Build pixel perfect apps in peace

But why?They’re in the same team, right?

Page 6: Build pixel perfect apps in peace

I’M DESIGNER

They have the same (problematic) thoughtsThe Problem is…

Each think that they’re more important and correct than the other

They don’t (want to) know about each other’s difficulties & problems

They have their own (expertise) language that the other doesn’t understand when they have to explain their work flow

Page 7: Build pixel perfect apps in peace

I’M DESIGNER

They have the same (problematic) thoughtsThe Problem is…

Each think that they’re more important and correct than the other

They don’t (want to) know about each other’s difficulties & problems

They have their own (expertise) language that the other doesn’t understand when they have to explain their work flow

Page 8: Build pixel perfect apps in peace

source : galshir.com

U I / U X

Pixel PerfectD E V E L O P E R

Function PerfectVS

Page 9: Build pixel perfect apps in peace

source : galshir.com

U I / U X

Pixel PerfectD E V E L O P E R

Function PerfectVS

Page 10: Build pixel perfect apps in peace

Collaboration Tools

Page 11: Build pixel perfect apps in peace

From Sketch to Xcode and Android Studio in seconds

Complete collaboration Platform for designers & developers.

Page 12: Build pixel perfect apps in peace

Styleguide will be helpful for you and your Developers

Page 13: Build pixel perfect apps in peace
Page 14: Build pixel perfect apps in peace

Prototyping Tools for UI/UX

Page 15: Build pixel perfect apps in peace

Study Case : Orbit app (View, Text Field, Image, Button, Text, Map View, Video, Collection View, Custom Font)

Page 16: Build pixel perfect apps in peace

iOS Development

Page 17: Build pixel perfect apps in peace

iOS Development

Page 18: Build pixel perfect apps in peace

Style Guidelines

ProblemsImage Assets

Style Guidelines

Page 19: Build pixel perfect apps in peace

ProblemsImage AssetsStyle Guidelines

Page 20: Build pixel perfect apps in peace

Sympli

+

for iOS Developer

Page 21: Build pixel perfect apps in peace

SympliImage Assets

Smart Assets Sync

Page 22: Build pixel perfect apps in peace

SympliStyle Guidelines

Style View Visually

Page 23: Build pixel perfect apps in peace

VSVSSympliZeplin

Page 24: Build pixel perfect apps in peace

Thank you for watching

ux.codigo.id