Upgrade to Pro — share decks privately, control downloads, hide ads and more …

（続）エンジニアのためのSketch3入門

Avatar for Takahiro Shimokawa Takahiro Shimokawa
October 13, 2015
Design
1
2.9k

 （続）エンジニアのためのSketch3入門

potatotips #22 での発表資料です
Avatar for Takahiro Shimokawa

Takahiro Shimokawa

October 13, 2015
Tweet

More Decks by Takahiro Shimokawa

See All by Takahiro Shimokawa
PlayStoreでの新しいユーザー訴求 -LiveOpsの活用とその成果-
Avatar for Takahiro Shimokawa androhi
0
2.6k
ConcatAdapterを深掘る
Avatar for Takahiro Shimokawa androhi
1
420
Android Studio 4.1推しポイント！
Avatar for Takahiro Shimokawa androhi
0
1.3k
一人開発でつまづいたときの処方箋
Avatar for Takahiro Shimokawa androhi
0
350
Androidの物理ベースアニメーション
Avatar for Takahiro Shimokawa androhi
1
620
ConstraintLayout再入門
Avatar for Takahiro Shimokawa androhi
2
3.5k
Firebase Analytics 使用感
Avatar for Takahiro Shimokawa androhi
0
900
Support Library v23.2 overview
Avatar for Takahiro Shimokawa androhi
0
690
Support Library 総復習
Avatar for Takahiro Shimokawa androhi
2
2.5k

Other Decks in Design

See All in Design
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
Avatar for Aki spring_aki
4
310
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
230
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.4k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
350
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
440
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
930
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
650
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
690
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
570
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.6k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
350
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
140

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k

Transcript

  1. ʢଓʣΤϯδχΞͷͨΊͷ Sketch3 ೖ໳ potatotips #22 / Takahiro Shimokawa 1

  2. ࣗݾ঺հ • גࣜձࣾ Zaim ॴଐ • @androhi • Android ΞϓϦ։ൃ୲౰

    • Stack Overflow DevDays 2

  3. 3

  4. 4

  5. Sketch 3 5

  6. 6

  7. • Bohemian Coding • Mac App • App Store :

    ¥11,800 • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ • Web ͱ Mobile ͷσβΠϯʹಛԽ • ϕΫλʔը૾πʔϧ 7

  8. Sketch3 ͷ̏େϝϦοτ 1. ௒ܰྔπʔϧ 2. ϕΫλʔσʔλ 3. ࠷ڧͷॻ͖ग़͠ػೳ 8

  9. ࡞ͬͯΈͨ 9

  10. 10

  11. ॻ͖ग़ͯ͠Έͨ • എܠ৭ͷࢦఆ • ॻ͖ग़͠ϑΝΠϧ໊ͷ໋໊ نଇ • Ұׅॻ͖ग़͠ 11

  12. ίϚϯυϥΠϯ͔ Β΋࢖͑Δ 12

  13. 13

  14. List / Export / Migration $ sketchtool list artboards [hoge.sketch]

    $ sketchtool export slices [hoge.sketch] --output=[folder] --items=[names] --scales="1.0, 2.0" --formats="png,jpg" $ sketchmigrate convert [old-path] [new-path] 14

  15. Sketch3 ·ͱΊ • ΤϯδχΞ΋গͳֶ͍शίετͰ࢖͑Δը૾πʔ ϧ • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ ͛ͯ͘ΕΔ • ॻ͖ग़͠࠷ڧ

    15

  16. ΤϯδχΞืू 1. ͣͬͱ࢒ΔαʔϏε͕࡞Γ͍ͨ 2. ୭͔ͷ໾ʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡ 3. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠ 4. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ

    16

  17. Thank you for listening! 17