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.6k
ConcatAdapterを深掘る
androhi
1
430
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
360
Androidの物理ベースアニメーション
androhi
1
630
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
910
Support Library v23.2 overview
androhi
0
690
Support Library 総復習
androhi
2
2.5k
Other Decks in Design
See All in Design
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.5k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
1
170
mento Design Team Portfolio
mento0fficial
0
560
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
470
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Kid Cowboy 103
marilutwin
0
310
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
610
Yumika Yamada Portfolio
yumii
0
1.2k
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
Featured
See All Featured
Designing for Performance
lara
610
69k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Bash Introduction
62gerente
614
210k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
470
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Music & Morning Musume
bryan
46
6.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Agile that works and the tools we love
rasmusluckow
329
21k
We Have a Design System, Now What?
morganepeng
53
7.7k
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