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

Ольга Шкряба – Мобильные интерфейсы со 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
0
210

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

Avatar for CocoaHeads

CocoaHeads

December 22, 2017
Tweet

More Decks by CocoaHeads

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

Featured

See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
130
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
88
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
130
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
440
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
180
Between Models and Reality
Avatar for mayunak mayunak
1
180
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
61
49k

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