Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
エンジニアのためのSketch3入門
Takahiro Shimokawa
October 09, 2015
Design
1
1k
エンジニアのためのSketch3入門
StackOverflow DevDaysでの発表
Takahiro Shimokawa
October 09, 2015
Tweet
Share
More Decks by Takahiro Shimokawa
See All by Takahiro Shimokawa
ConcatAdapterを深掘る
androhi
1
110
Android Studio 4.1推しポイント!
androhi
0
930
一人開発でつまづいたときの処方箋
androhi
0
160
Androidの物理ベースアニメーション
androhi
1
450
ConstraintLayout再入門
androhi
2
2.8k
Firebase Analytics 使用感
androhi
0
770
Support Library v23.2 overview
androhi
0
500
Support Library 総復習
androhi
2
2.1k
(続)エンジニアのためのSketch3入門
androhi
1
2.5k
Other Decks in Design
See All in Design
新卒UIデザイナーが職種を超えて活躍するために意識した2つの視点
cyberagentdevelopers
PRO
0
930
From Design Systems to DesignOps: Establishing DesignOps at your org
soysaucechin
1
380
ANTIEK
8sided
PRO
1
210
NCDC_UXSession_CJM20220427
ncdc
0
190
株式会社アジケのカルチャーデック
shusakuumemoto
0
680
あじたま販売株式会社_最終プレゼンテーション
zhikto
0
130
若手広告プランナーのキャリアについて
cyberagentdevelopers
PRO
0
220
Mijii & Gnochi Go Swimming
ohtristanart
PRO
1
850
CHOKOKU COMPANY DECK ver0.5 0816
naotaka
0
170
Interest + Curiosity Booklet
juliaso
0
140
ブランドイメージを戦略的に浸透させる VI策定プロセス
sevendex
0
180
マルチブランドの実装としてのペパボのデザインシステム「Inhouse」
shikakun
1
300
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
262
17k
Bash Introduction
62gerente
598
210k
Happy Clients
brianwarren
89
5.6k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Why Our Code Smells
bkeepers
PRO
324
55k
Rebuilding a faster, lazier Slack
samanthasiow
62
7.3k
A Tale of Four Properties
chriscoyier
149
21k
GraphQLの誤解/rethinking-graphql
sonatard
31
6.8k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
From Idea to $5000 a Month in 5 Months
shpigford
373
44k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
In The Pink: A Labor of Love
frogandcode
131
21k
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