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
220
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Ольга Шкряба – Мобильные интерфейсы со Sketch
CocoaHeads
December 22, 2017
More Decks by CocoaHeads
See All by CocoaHeads
Тесты: Повторение. Виктор Суриков
cocoaheads
0
100
Sign In with Apple (client + server). Петр Третьяков
cocoaheads
0
300
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
cocoaheads
0
190
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
cocoaheads
0
76
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
cocoaheads
0
140
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
cocoaheads
0
110
Микроинтеракции в iOS
cocoaheads
0
260
SceneKit на практике
cocoaheads
0
150
Пишем под iOS на Flutter
cocoaheads
0
170
Featured
See All Featured
A Soul's Torment
seathinner
6
3.3k
Abbi's Birthday
coloredviolet
3
9.2k
Are puppies a ranking factor?
jonoalderson
1
3.8k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
480
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
30 Presentation Tips
portentint
PRO
1
360
WCS-LA-2024
lcolladotor
0
790
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
400
The World Runs on Bad Software
bkeepers
PRO
72
12k
Practical Orchestrator
shlominoach
191
12k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
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