40
Sketch App + Avocode. Design and Collaboration Artem Svitelskyi

Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Embed Size (px)

Citation preview

Page 1: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Sketch App + Avocode. Design and Collaboration

Artem Svitelskyi

Page 2: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

PhotoshopUI Design

Page 3: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Sketch 3Focused on UX/UI

Page 4: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 5: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 6: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

From Photoshop to Sketch

$29.99 monthly subscription

$99only once

Page 7: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Sketch

Start

Open File

Record File

Exit

Program Size

RAM Memory

Source File

Photoshop

2 sec.

5 sec.

3 sec.

1 sec.

33.1 Mb.

94.6 Mb.

7.5 Mb.

27 sec.

29 sec.

15 sec.

6 sec.

1251 Mb.

852 Mb.

41.4 Mb.

Performance

Page 8: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

OS X System Functions

Render Fonts Auto Save & VersionsColor Picker Hotkeys iCloud Drive

QuickTime, Quartz Extreme, Core Image, Core Animation, OpenGL and ColorSync.

Page 9: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Key Features

Page 10: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Pages and Artboards

Page 11: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 12: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Vector Shapes and Text

Type

Page 13: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Sub-Pixel Anti-Aliasing

Page 14: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

IE 10 Chrome Firefox Safari Opera

Text looks the same as in the Sketch App.

Page 15: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Group Symbols, Layer and Text Styles

Page 16: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Gradients

Line Radial Angular

Page 17: Артем Свительский "Sketch App + Avocode. Design and Collaboration"
Page 18: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Plugins

Page 19: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Sketch Mirror

Page 20: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Live Fast Preview

Swipe to Navigate

Multiple Devices

IP Stable Connection

Page 21: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 22: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Soon

Page 23: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Slicing Tool & Export Options

Retina Display Ready

Page 24: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Export Formats

PNG TIFF PDF SVGJPG EPS

@2x @3x@[email protected]@0.5x

Page 25: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Avocode

“The bridge between designers and developers”

Page 26: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 27: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Photoshop or Sketch Plugin

Page 28: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Mac, PC and LinuxPhotoshop or Sketch Plugin

Page 29: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Development

Page 30: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Design Team Front-end Team

Cloud

Page 31: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Communication

Page 32: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 33: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Revisions

Page 34: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 35: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Page 36: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Languages

Page 37: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

SAAS (bourbon)

Stylus (nib)

SASS (compass)

LESS (less hat)

CSS

Page 38: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Slicing Tool & Export Options

Retina Display Ready

Page 39: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Artem Svitelskyi. UX/UI Designer at <EPAM>

Avacode Show

Page 40: Артем Свительский "Sketch App + Avocode. Design and Collaboration"

Thank You

Artem Svitelskyi. UX/UI Designer at <EPAM>

Artem Svitelskyi

@artsvit