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.7k
ConcatAdapterを深掘る
Avatar for Takahiro Shimokawa androhi
1
440
Android Studio 4.1推しポイント！
Avatar for Takahiro Shimokawa androhi
0
1.4k
一人開発でつまづいたときの処方箋
Avatar for Takahiro Shimokawa androhi
0
370
Androidの物理ベースアニメーション
Avatar for Takahiro Shimokawa androhi
1
640
ConstraintLayout再入門
Avatar for Takahiro Shimokawa androhi
2
3.5k
Firebase Analytics 使用感
Avatar for Takahiro Shimokawa androhi
0
910
Support Library v23.2 overview
Avatar for Takahiro Shimokawa androhi
0
700
Support Library 総復習
Avatar for Takahiro Shimokawa androhi
2
2.5k

Other Decks in Design

See All in Design
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
730
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
330
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
590
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
210
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
130
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
320
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
910k
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.6k
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
950
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
240
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
270
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
2.2k

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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