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
65
Sign In with Apple (client + server). Петр Третьяков
cocoaheads
0
220
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
cocoaheads
0
160
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
cocoaheads
0
44
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
cocoaheads
0
88
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
cocoaheads
0
75
Микроинтеракции в iOS
cocoaheads
0
220
SceneKit на практике
cocoaheads
0
110
Пишем под iOS на Flutter
cocoaheads
0
140
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Embracing the Ebb and Flow
colly
86
4.7k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Designing for Performance
lara
609
69k
Thoughts on Productivity
jonyablonski
69
4.7k
Rails Girls Zürich Keynote
gr2m
94
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
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