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
190
Ольга Шкряба – Мобильные интерфейсы со Sketch
CocoaHeads
December 22, 2017
Tweet
Share
More Decks by CocoaHeads
See All by CocoaHeads
Тесты: Повторение. Виктор Суриков
cocoaheads
0
41
Sign In with Apple (client + server). Петр Третьяков
cocoaheads
0
120
Эволюция антипаттернов в Java и Kotlin. Михаил Горюнов
cocoaheads
0
120
Рефакторинг в условиях быстрорастущего стартапа. Егор Фесенко
cocoaheads
0
28
Make Experiments Great Again, или Как iOS Браузер А/Б тестирование улучшал
cocoaheads
0
49
Лотерея в приложении: отрисовка, анимация и никакого мошенничества
cocoaheads
0
53
Микроинтеракции в iOS
cocoaheads
0
190
SceneKit на практике
cocoaheads
0
84
Пишем под iOS на Flutter
cocoaheads
0
120
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
A Philosophy of Restraint
colly
196
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
In The Pink: A Labor of Love
frogandcode
138
21k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Building an army of robots
kneath
300
41k
We Have a Design System, Now What?
morganepeng
42
6.7k
Building Applications with DynamoDB
mza
88
5.6k
How GitHub (no longer) Works
holman
304
140k
Optimizing for Happiness
mojombo
370
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