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
Sketch 3 Basic at kkmsz -ja-
Search
Masaaki Komori
May 13, 2014
Design
300
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Sketch 3 Basic at kkmsz -ja-
Sketch 3 Basic at Kokemusaz.
※本スライドは勉強会用のものです。多くは口頭で説明しているものであり、参考になるような情報は含まれておりません
Masaaki Komori
May 13, 2014
More Decks by Masaaki Komori
See All by Masaaki Komori
Sublime Text
gaspanik
1
420
Sketch Basics -Nagoya-
gaspanik
0
150
Sublime Text -html5j Web Platform Vol.3-
gaspanik
4
400
Sketch 3 Basic -'DAI-TOKAI' Okayama-
gaspanik
2
1.7k
Sketch 3 Basic -Osaka-
gaspanik
2
1.5k
Sketch 3 Basic -Hiroshima-
gaspanik
0
210
Sketch 3 Basic at kkmsz
gaspanik
1
340
OSS Cafe 0411
gaspanik
3
760
Responsive Publishing / WordCamp Tokyo 2011
gaspanik
1
230
Other Decks in Design
See All in Design
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.8k
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
910
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
460
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
5.9k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
AI時代に求められるUXデザインのアプローチ
xtone
1
9.1k
Signull 団体説明資料
signull
0
810
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
200
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
470
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
デザイン組織の"次の"強みづくり
isaikaori
2
230
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
370
How STYLIGHT went responsive
nonsquared
100
6.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.7k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Code Reviewing Like a Champion
maltzj
528
40k
ラッコキーワード サービス紹介資料
rakko
1
4.8M
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
450
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Designing for Timeless Needs
cassininazir
1
470
Automating Front-end Workflow
addyosmani
1369
210k
Building Applications with DynamoDB
mza
96
7.2k
Transcript
Masaaki Komori at Kokemusaz, 20140513 Sketch 3 Basics
˞ຊεϥΠυษڧձ༻ͷͷͰ͢ɻଟ͘ޱ಄Ͱઆ໌͍ͯ͠ΔͷͰ͋ΓɺࢀߟʹͳΔΑ͏ͳใؚ·Ε͓ͯΓ·ͤΜ • Sketch fundamentals 4LFUDIͷجૅ • Artboards, Pages, Templates ΞʔτϘʔυɺϖʔδɺςϯϓϨʔτ
• Styles and Symbols ελΠϧͱγϯϘϧ • Using plugins ϓϥάΠϯͷར༻ • Let's try ͰɺͬͯΈ·͠ΐ͏ Agenda
None
4LFUDIɺ͍·Ͳ͖ͷάϥϑΟοΫσβΠφʔͷͨΊʹ࡞ΒΕ͍ͯ·͢ɻ Sketch is built for modern graphic designers. Fundamentals
4LFUDIແݶͷΩϟϯόεͰ͢ͷͰɺͦ͜ʹ͕͖ࣗͳΑ͏ʹΞʔτϘʔυΛ࡞Δ͜ͱ͕Ͱ͖·͢ɻ Sketch has in nite canvas. You can draw any
artboards as you like. Artboards
ϚϧνϖʔδΛαϙʔτ͓ͯ͠Γɺϖʔδຕ͋ͨΓʹΞʔτϘʔυ͕͍ͭ͋ͬͯ͘ߏ͍·ͤΜɻ Supports multiple pages, and any number of artboards per
page. Pages
ςϯϓϨʔτ͔Β৽نϑΝΠϧ͕࡞ΕΔͷͰɺࣄ͘ޮΑ͓͘͜ͳ͑·͢ɻ Create new le from template. Work better, faster. Templates
4LFUDIʹɺγΣΞʔυɾελΠϧͱςΩετɾελΠϧɺͦͯ͠γϯϘϧͷػೳ͕͋Γ·͢ɻ·ΔͰ*MMVTUSBUPSͷΑ͏Ͱ͢ɻ Sketch has shared styles, text styles and Symbols. It's
like Illustrator. Style and Symbols
4LFUDIϓϥάΠϯΛαϙʔτ͍ͯ͠·͢ɻ Sketch supports plugins. Plugins
͊͞ɺ࣮ࡍʹ͞ΘͬͯΈ·͠ΐ͏ Let's try
Thank you. This slide made with Sketch 3. ͪΖΜɺ͜ͷεϥΠυ4LFUDIͰ࡞ΒΕ͍ͯ·͢ɻ