Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for CocoaHeads CocoaHeads
December 22, 2017
220
0

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

Avatar for CocoaHeads

CocoaHeads

December 22, 2017

More Decks by CocoaHeads

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

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
730
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
880
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
540
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
760
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
550

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