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
エンジニアのためのSketch3入門
Search
Takahiro Shimokawa
October 09, 2015
Design
1
1.2k
エンジニアのためのSketch3入門
StackOverflow DevDaysでの発表
Takahiro Shimokawa
October 09, 2015
Tweet
Share
More Decks by Takahiro Shimokawa
See All by Takahiro Shimokawa
PlayStoreでの新しいユーザー訴求 -LiveOpsの活用とその成果-
androhi
0
2.4k
ConcatAdapterを深掘る
androhi
1
390
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
320
Androidの物理ベースアニメーション
androhi
1
570
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
870
Support Library v23.2 overview
androhi
0
650
Support Library 総復習
androhi
2
2.4k
Other Decks in Design
See All in Design
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
260
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
470
Tableau曲線表現講座(2024.11.21)
cielo1985
0
260
「デザイン」を信じるには
iflection
0
110
OLTA株式会社/デザイン紹介資料
taxy
0
120
NAHO SHIMONO_Portfolio2025
nahohphp
0
180
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
180
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
250
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
120
クライアントワークにおける UXリサーチの実践
kozotaira
0
350
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Side Projects
sachag
452
42k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Transcript
ΤϯδχΞͷͨΊͷ Sketch3 ೖ Stack Overflow 10݄ DevDays Լ ܟ߂ ʢגࣜձࣾ
Zaimʣ 1
ΞδΣϯμ • ࣗݾհ • Zaim ʹ͍ͭͯ • Sketch3 ʹ͍ͭͯ •
ΞΠίϯ࡞ͷσϞ • ը૾ॻ͖ग़͠ͷσϞ • ·ͱΊ 2
ࣗݾհ • גࣜձࣾ Zaim ॴଐ • Android ΞϓϦ։ൃ୲ • Nexus5X
ϙνͬͨ • ܙൺणʢฏʣ㱻 ਫށʢिʣ • ϊʔϕϧཧֶͷֿా͞Μͱಉ͡ʂ 3
Zaim ʹ͍ͭͯ • ʮͬͱɺ͓ۚʹɺָ͠͞ΛʂʯΛςʔϚʹ͘ ଓ͚ΒΕΔՈܭαʔϏε • Android, iOS, Windows, Web
ͰαʔϏεఏڙத • Ϩγʔτࣗಈೖྗʗۚ༥ػ͔ؔΒͷࣗಈऔಘʗε ʔύʔಛചใͳͲ • ๏ਓ͚ API / OEM ͷఏڙ • ΤϯδχΞ͚ API ͷఏڙ 4
Sketch3 ʹ͍ͭͯ • Bohemian CodingʢΦϥϯμʣ • Mac App • App
Store : ¥11,800 • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ • Web ͱ Mobile ͷσβΠϯʹಛԽ • ϕΫλʔը૾πʔϧ 5
࣮ମݧ Android ΞϓϦͷ σβΠϯϦχϡʔΞϧ 6
σβΠφʔͱͷڞ༗ 1. σβΠφʔ͕ Sketch3 Ͱը໘σβΠϯ 2. sketchϑΝΠϧΛڞ༗ • sketchͰ͔͠։͚·ͤΜ 3.
σβΠϯͷมߋ͕͋Ε sketch ϑΝΠϧΛߋ৽ 7
ΤϯδχΞ͕ͬͨ͜ͱ 1. ৭ίʔυʗαΠζΛίʔυʹམͱ͢ 2. ը૾ΛඞཁͳαΠζͰॻ͖ग़͢ 3. 9patch ༻ʹద࣌ϦαΠζ 8
࣍ճͬͯΈ͍ͨ͜ͱ ը໘σβΠϯʹΞʔτϘʔυΛɺͦͷ··୯Ұͷը ૾ͱͯ͠ॻ͖ग़ͯ͠ Android Ͱදࣔ͢Εɺ࣮ ػͰͷ֬ೝૣ͍ɻ ·ͨ sketch Λαϙʔτͯ͠ΔαʔϏε͋Δɻ •
Protto by Goodpatch • Skala Preview by bjango 9
Sketch3 ͷ̏େϝϦοτ 1. ܰྔπʔϧ 2. ϕΫλʔσʔλ 3. ࠷ڧͷॻ͖ग़͠ػೳ 10
Zaim ΞΠίϯ࡞σϞ • ײతͳૢ࡞ • σϑΥϧτͷςϯϓϨʔτ 11
ը૾ॻ͖ग़͠σϞ • ͞·͟·ͳܗࣜΛαϙʔτ • গͳ͍εςοϓͰ؆୯ 12
Sketch3 ·ͱΊ • ΤϯδχΞগͳֶ͍शίετͰ͑Δը૾πʔ ϧ • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ ͛ͯ͘ΕΔ • ॻ͖ग़͠࠷ڧ
13
ΤϯδχΞืू 1. ։ൃ͕͖ʂΩϨΠͳίʔυΛݟΔͱ͏ͬͱΓ͢Δ 2. Πϯλʔωοτ͕͖ʂ 3. ͣͬͱΔαʔϏε͕࡞Γ͍ͨ 4. ୭͔ͷʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡ 5.
ςετେ͖ʂ 6. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠ 7. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ 14
Thank you for listening! 15