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

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

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

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

potatotips #22 での発表資料です

Avatar for Takahiro Shimokawa

Takahiro Shimokawa

October 13, 2015

More Decks by Takahiro Shimokawa

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

Other Decks in Design

See All in Design
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
200
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
220
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
270
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.7k
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
220
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
240
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
680
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
420
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
600
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
300
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k

Featured

See All Featured
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
300
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
220
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
340
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
230
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k

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