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
90
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
68
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
Avatar for CocoaHeads cocoaheads
0
120
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
Avatar for CocoaHeads cocoaheads
0
100
Микроинтеракции в iOS
Avatar for CocoaHeads cocoaheads
0
250
SceneKit на практике
Avatar for CocoaHeads cocoaheads
0
150
Пишем под iOS на Flutter
Avatar for CocoaHeads cocoaheads
0
160

Featured

See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
270
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
200
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
180
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
340
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
3
480
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
450

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