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
2
260
Sketch 3 Basic at kkmsz -ja-
Sketch 3 Basic at Kokemusaz.
※本スライドは勉強会用のものです。多くは口頭で説明しているものであり、参考になるような情報は含まれておりません
Masaaki Komori
May 13, 2014
Tweet
Share
More Decks by Masaaki Komori
See All by Masaaki Komori
Sublime Text
gaspanik
1
360
Sketch Basics -Nagoya-
gaspanik
0
110
Sublime Text -html5j Web Platform Vol.3-
gaspanik
4
350
Sketch 3 Basic -'DAI-TOKAI' Okayama-
gaspanik
2
1.6k
Sketch 3 Basic -Osaka-
gaspanik
2
1.4k
Sketch 3 Basic -Hiroshima-
gaspanik
0
160
Sketch 3 Basic at kkmsz
gaspanik
1
290
OSS Cafe 0411
gaspanik
3
710
Responsive Publishing / WordCamp Tokyo 2011
gaspanik
1
200
Other Decks in Design
See All in Design
Echoes Boomerang
artcloudyu
PRO
0
250
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
420
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
990
私とデザインの10年
iflection
0
160
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
710
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.2k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
株式会社バクタム 会社説明資料
bactum
0
250
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Code Review Best Practice
trishagee
69
18k
The Language of Interfaces
destraynor
158
25k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Side Projects
sachag
455
42k
Designing for humans not robots
tammielis
253
25k
Speed Design
sergeychernyshev
32
1k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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Ͱ࡞ΒΕ͍ͯ·͢ɻ