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
68
Sign In with Apple (client + server). Петр Третьяков
cocoaheads
0
240
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
cocoaheads
0
160
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
cocoaheads
0
47
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
cocoaheads
0
94
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
cocoaheads
0
78
Микроинтеракции в iOS
cocoaheads
0
220
SceneKit на практике
cocoaheads
0
110
Пишем под iOS на Flutter
cocoaheads
0
140
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Into the Great Unknown - MozCon
thekraken
40
2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Navigating Team Friction
lara
188
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
760
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Documentation Writing (for coders)
carmenintech
73
5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
Code Reviewing Like a Champion
maltzj
524
40k
Site-Speed That Sticks
csswizardry
10
770
Designing for Performance
lara
610
69k
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