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
210
0

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

Avatar for CocoaHeads

CocoaHeads

December 22, 2017

More Decks by CocoaHeads

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

Featured

See All Featured
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
240
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
180
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.9k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
190
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
130
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140

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