sketch: tips & tricks

13
Sketch: Поради та Трюки Сторожук Юлія Дизайнер інтерфейсів у відділі R&D

Upload: julia-storozhuk

Post on 13-Apr-2017

72 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Sketch: Tips & Tricks

Sketch: Поради та Трюки

Сторожук Юлія

Дизайнер інтерфейсів у відділі R&D

Page 2: Sketch: Tips & Tricks

Суперечка на тему:«Який інструмент кращий?»

Інструмент впливає на вашу ефективність.

Page 3: Sketch: Tips & Tricks

Ідеальний інструментСтан «потоку» або пікова продуктивність роботи.

Адаптація робочого інструменту під себе.

Page 4: Sketch: Tips & Tricks

Моє знайомствозі Sketch• Нарізання ресурсів під iOS, Android почало дратувати

• «С нуля перерисовывать?! Давай потом» – ПМ

• Кілька вихідних — і копії макетів продукту готові у Sketch

Page 5: Sketch: Tips & Tricks

Що мені сподобалось• Ціна• Розмір файлів• Експорт ресурсів• Символьна бібліотека• Бібліотека типографічних стилів• Шаблони мобільних платформ• Плагіни• Інтерфейс

Page 6: Sketch: Tips & Tricks

Складові інтерфейсуSketch

Панель сторінок, артбордів та шарів Панель властивостей

Гнучка панель інструментів

Page 7: Sketch: Tips & Tricks

Шорткати• Встановлення кастомних шорткатів: «ЗА» і «ПРОТИ»

• Процес встановлення шорткату

Page 8: Sketch: Tips & Tricks

• Підтримка Sketch активною спільнотою дизайнерів і програмістів

• Пошук та встановлення плагінів через Sketch Toolbox

• Порушення роботи плагінів після оновлення Sketch

Плагіни

Page 9: Sketch: Tips & Tricks

Що читати• SketchAppSources: http://www.sketchappsources.com• Sketch Tips: http://www.sketchtips.info• Sketch Tricks: http://sketchtricks.com• Sketch Toolbox: http://sketchtoolbox.com• Бібліотека плагінів на GitHub: https://github.com/sketchplugins/plugin-directory• Як створити свій плагін без знання коду: http://hackingui.com/design/how-to-create-a-

sketch-plugin/• Повна бібліотека шорткатів: https://www.sketchapp.com/learn/documentation/13-other/3-

shortcuts.html• Шорткати Sketch з візуалізацією на клавіатурі: https://designcode.io/sketch-keyboard

Page 10: Sketch: Tips & Tricks

Неідеальний Sketch• Погана робота форм та кривих.

• Макети з великою кількістю «важкої» растрової графіки туплять.

• Панель властивостей перенасичена.

• Програма тільки для Mac OS.

Page 11: Sketch: Tips & Tricks

Мої поради щодо початку роботив редакторі

• Не вивчайте Sketch самотужки без тюторіалів.• Ваш перший проект — копіювання.• Фіксуйте те, що вас дратує, та вирішуйте проблему.

Page 12: Sketch: Tips & Tricks

Висновки• Простий, але потужний• Швидкі ріст та реакція на потреби спільноти дизайнерів• Рух до об’єднання дизайну з даними

Page 13: Sketch: Tips & Tricks

Дякую вам за увагу!І за те, що прийшли :)

@jstorozhuk jstorozhukstorozhuk.julia jstorozhuk