Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ольга Шкряба – Мобильные интерфейсы со Sketch
Search
CocoaHeads
December 22, 2017
0
210
Ольга Шкряба – Мобильные интерфейсы со Sketch
CocoaHeads
December 22, 2017
Tweet
Share
More Decks by CocoaHeads
See All by CocoaHeads
Тесты: Повторение. Виктор Суриков
cocoaheads
0
77
Sign In with Apple (client + server). Петр Третьяков
cocoaheads
0
260
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
cocoaheads
0
170
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
cocoaheads
0
56
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
cocoaheads
0
110
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
cocoaheads
0
91
Микроинтеракции в iOS
cocoaheads
0
230
SceneKit на практике
cocoaheads
0
120
Пишем под iOS на Flutter
cocoaheads
0
150
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Practical Orchestrator
shlominoach
190
11k
4 Signs Your Business is Dying
shpigford
186
22k
GitHub's CSS Performance
jonrohan
1032
470k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Automating Front-end Workflow
addyosmani
1371
200k
Typedesign – Prime Four
hannesfritz
42
2.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Side Projects
sachag
455
43k
Transcript
Мобильные интерфейсы со Sketch Шкряба Ольга 2017
План • Зачем нужно уделять время дизайну интерфейсов • Дизайнер-разработчик
или разработчик-дизайнер? • Что такое Sketch • Чем он лучше других графических редакторов • А чем хуже • Зачем разработчик должен уметь им пользоваться • Работа в Sketch 2
3
И что в итоге? • неудачная компоновка экранов • запутанная
навигация • непродуманные сообщения об ошибках • ограниченный функционал 4
5
Как они это делают? 6
Инструменты дизайнеров 7
Welcome 8
Готовые шаблоны 9
Sketch app sources 10
Template 11
Toolbar 12
13
The Noun Project 14
Экраны 15
Библиотеки
Плагины 17
Плагины 18
Export 19
Sketch -> Swift 20
Выход? 21
Export 22
Разработка плагина export default function (context) { context.document.showMessage('Hello, world!') }
Дополнительно 24
None