LoginSignup
3
2

More than 5 years have passed since last update.

【全3回講座】Sketch超基本講座① ショートカットキー編

Last updated at Posted at 2018-07-04

image.png

なぜSketchが必要か

iPhoneやAndroidアプリを作る際、
自分のプロダクトを、より洗練され、より多くの人に愛されるものにするためには必ずUIデザインが必要になります。
UIを簡単にかつとても綺麗に作成し、まとめられるSketchは世界中で多くのUIデザイナーに愛用されています。

そんなSketchをこれから使い始めようとしている方を対象に
今日から使える超基本的な使い方を紹介します。

実際にSketchを使っていきましょう!

第1回 「ショートカットキー編」
第2回 「シンボル化」
第3回 「マスク化、メニューアイコンの作り方」
の全3回講座でお届けします。

基本的にはショートカットキーを使わなくても作業を始められますが、生産性をあげる為にこの際、是非ショートカットキーを覚えて
サクサクっとデザインイメージを作っていきましょう。

1. アートボード (Artboard)

まずはアートボードを開いて作業を始めましょう。
アートボード = 作業画面 と考えていただければ。

操作名 ショートカットキー
アートボードを開く a

スクリーンショット 2018-06-20 10.56.13.png

ショートカットキーの [a] を押すと、画面右側にアートボードの種類が表示されます。
Appleのデバイス以外にも、android, web, 紙サイズなど数多くのプリセットから指定できます。

Apple android  web   紙サイズ 
スクリーンショット 2018-06-20 10.55.38.png スクリーンショット 2018-06-20 11.17.08.png スクリーンショット 2018-06-20 11.20.26.png スクリーンショット 2018-06-20 11.23.16.png

2. シェイプ (Shape)

アイコンやメニューバーを作る際にはシェイプは必需品です。
種類は4つありますのでうまく利用しましょう。

Shiftキーを押しながらドラッグすることで綺麗に描図することができます。

操作名 ショートカットキー + [Shift] キー
四角 r 正方形
四角(角丸) u 正方形(角丸)
o
l 直線

3. テキスト (Text)

操作名 ショートカットキー
テキストを入力する t

この3つのショートカットキーを習得すれば超基本的な作業が今日からスタートできます。
四角いボックスに色をつけて、その上に文字を載せればトップページのロゴだって作れます。
ショートカットキーを駆使して色々作ってみましょう!

では第2回をお楽しみに!

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2