Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ольга Шкряба – Мобильные интерфейсы со Sketch

Avatar for CocoaHeads CocoaHeads
December 22, 2017
0
210

Ольга Шкряба – Мобильные интерфейсы со Sketch

Avatar for CocoaHeads

CocoaHeads

December 22, 2017
Tweet

More Decks by CocoaHeads

See All by CocoaHeads
Тесты: Повторение. Виктор Суриков
Avatar for CocoaHeads cocoaheads
0
71
Sign In with Apple (client + server). Петр Третьяков
Avatar for CocoaHeads cocoaheads
0
250
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
Avatar for CocoaHeads cocoaheads
0
170
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
Avatar for CocoaHeads cocoaheads
0
51
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
Avatar for CocoaHeads cocoaheads
0
100
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
Avatar for CocoaHeads cocoaheads
0
83
Микроинтеракции в iOS
Avatar for CocoaHeads cocoaheads
0
230
SceneKit на практике
Avatar for CocoaHeads cocoaheads
0
120
Пишем под iOS на Flutter
Avatar for CocoaHeads cocoaheads
0
150

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
680
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
189
55k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k

Transcript

  1. Мобильные интерфейсы со Sketch Шкряба Ольга 2017

  2. План • Зачем нужно уделять время дизайну интерфейсов • Дизайнер-разработчик

    или разработчик-дизайнер? • Что такое Sketch • Чем он лучше других графических редакторов • А чем хуже • Зачем разработчик должен уметь им пользоваться • Работа в Sketch 2

  3. 3

  4. И что в итоге? • неудачная компоновка экранов • запутанная

    навигация • непродуманные сообщения об ошибках • ограниченный функционал 4

  5. 5

  6. Как они это делают? 6

  7. Инструменты дизайнеров 7

  8. Welcome 8

  9. Готовые шаблоны 9

  10. Sketch app sources 10

  11. Template 11

  12. Toolbar 12

  13. 13

  14. The Noun Project 14

  15. Экраны 15

  16. Библиотеки

  17. Плагины 17

  18. Плагины 18

  19. Export 19

  20. Sketch -> Swift 20

  21. Выход? 21

  22. Export 22

  23. Разработка плагина export default function (context) { context.document.showMessage('Hello, world!') }

  24. Дополнительно 24

  25. None