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
420
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
350
Androidの物理ベースアニメーション
androhi
1
620
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
900
Support Library v23.2 overview
androhi
0
690
Support Library 総復習
androhi
2
2.5k
Other Decks in Design
See All in Design
sachi_y_portfolio
sachi337
0
440
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
110
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
280
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
700
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
870
Saudade typeface
tiagoporto
0
340
信念を持つ方法
magi1125
0
160
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
790
AI時代に淘汰されないデザインのしごと
akinen
1
160
Featured
See All Featured
Building an army of robots
kneath
306
45k
Code Reviewing Like a Champion
maltzj
524
40k
Designing for humans not robots
tammielis
253
25k
Music & Morning Musume
bryan
46
6.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Bash Introduction
62gerente
613
210k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Code Review Best Practice
trishagee
69
19k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
How GitHub (no longer) Works
holman
314
140k
Rails Girls Zürich Keynote
gr2m
95
14k
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