際際滷

際際滷Share a Scribd company logo
Start Sketch.app 
Sketch.appをわりとガチで下縮する氏
Profile 
Shinichi kogiso 
@kgsi 
兵まりはデザイナ`?書は採でも塁?秤麥檗 
恷除はフロントエンド順晢をウォッチ嶄。 
いろいろ縮えてください。
About Sketch 
http://bohemiancoding.com/sketch/
About Sketch 
肝弊旗のWeb崙恬ツ`ル 
Fireworksがアップデ`トしない、と 
宥_があった念瘁から重高を圈びてきたアプリ 
F壓のVerは3.2 
http://bohemiancoding.com/sketch/
駻湛望匯箭
What's difference? 
で、愔瓦離挑`ルとなにが`うの
?ア`トボ`ドの}方恬撹が辛嬬 
?Symbolの恬撹 
?聞いやすいグリッドC嬬 
?パ`ツごとにき竃し辛嬬なスライスC嬬 
?スクリプトによる 
?Sketch Mirrorを聞ったプレビュ` 
etc´
Sketch Fireworks 
Photoshop 
スライスレイヤ`から 
スライススライス 
ペ`ジC嬬 
ありありなし 
ありなしなし 
あり☆1 ありあり☆2 
ありなしなし 
なしなしあり 
}方 
ア`トボ`ド 
シンボル 
CSS竃薦 
CMYK 
☆1 Fireworksのように、シンボルごとにサイズを筝するなどはできない 
☆2 スマ`トオブジェクトが犁
Let¨s try! 
gHに荷恬してみます
?ア`トボ`ドの恬撹 
?ア`トボ`ドの}u 
?Symbolの恬撹 
?グリッドC嬬 
?光Nスタイル 
?スライスC嬬 
?グル`プ晒 
Let¨s try!
Technic 
より聞いこなすためのテクニック
Technic - Tool 
Sketch Mirror 
リアルタイムにア`トボ`ドを 
iPhoneで_Jできるツ`ル 
https://itunes.apple.com/us/app/sketch-mirror/ 
id677296955?mt=8 
ZEPLIN 
ア`トボ`ド貧のオブジェクトの、 
コ`ディング喘にコピペできるツ`ル 
https://zeplin.io/
Technic - Plugin 
?sketch-commands 
https://github.com/bomberstudios/sketch-commands 
?Content-generator-sketch-plugin 
https://github.com/timuric/Content-generator-sketch- 
plugin 
?gulp-sketch 
https://github.com/cognitom/gulp-sketch
麿にも宴旋なツ`ルや 
室gがg表Sketchは腹り貧がってる 
?sketchappsources 
http://www.sketchappsources.com/ 
?Content-generator-sketch-plugin 
https://github.com/sketchplugins/plugin-directory 
?Installed Sketch Plugins 
http://www.mkdown.com/ccfa37b1bf412aca28c8
Drawback 
Sketchの之泣
?バグが謹い恷除は謹富よくなってきた 
?晩云Zのタイポグラフィは樋い 
 (3でだいぶ個鋲) 
?寄楚のコンテンツを塘崔すると、嘛が 
 嶷たくなるA鬚ある 
?ビットマップI尖は音誼吭。 
 Illustratorのように、鮫I尖は 
 麿ソフトに販せる
Sketchは、いわゆる 
オ`ルインワンソフトではない。 
m可m侭な聞い圭をしよう。
Summary 
Sketchの聞いどころまとめ
Summary - Web site 
?プレンテキストで恬ることを念戻にした 
 サイトには恷m 
?何にこだわりが駅勣で、晩云Zの謹喘、 
 ビットマップなデザインには鬚い討い覆 
?WFやw卞蹐鰈るのにも鬚い討い
Summary - APP & SMT 
?C嬬や聞い拱屬ら登僅するに、PCサイト 
よりもアプリやスマホサイトに鬚い討い 
?ア`トボ`ドの}方シC嬬は嗤喘。 
 蒙に、Sketch MirrorとMみ栽わせたrの 
 聞い拱屬恷互 
?アプリのアイコンなど、揖じデザインで 
 }方サイズが駅勣な栽にも薦をk]
でも、PhotoshopやFIreworksから 
Sketchにする尖喇って尋えるの寄笋世掘 
そもそもそんな噸式していないでしょ 
聞えなきゃj朕
愔瓦里茲ΔPCサイトのみをタ`ゲットとした 
デザインから、?なデバイスへの恷m晒、 
鬉鯒鵑瓩蕕譴討い襦 
Sketchはそれにしての 
匯つの基え。
ご賠ありがとうございました。

More Related Content

Start Sketch.app