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
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
Rayout Pattern 01
one0
0
1.5k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
170
NAHO SHIMONO_Portfolio2025
nahohphp
0
190
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
110
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
最速[要出典]アクセシビリティチェック
magi1125
2
220
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
180
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
480
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
69k
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.5k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Building Adaptive Systems
keathley
40
2.4k
Practical Orchestrator
shlominoach
186
10k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Adopting Sorbet at Scale
ufuk
74
9.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Fireside Chat
paigeccino
34
3.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
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