読者です 読者をやめる 読者になる 読者になる

woshidan's blog

そんなことよりコードにダイブ。

Sketchの表示モードについて

せっかくSketchを買ったので少し勉強しました。

ちょっと画像を使ってメモしていたら長くなったので、4つに分割してお送りします。

  • Sketchの表示モード
  • Sketchで画面に挿入できる要素について
  • カスタムアートボードを作る
  • Pageを使ってみる

今日はSketchの表示モードについて。

Sketchでは主にベクターの要素をペタペタしてデザインを作っていくのですが、罫線だったり、ピクセル表示だったりのいろんな表示のオプションが付いています。

このオプションの確認です。

表示モードはどこから確認するのか

view

右上のViewアイコンを選択すると以下のようなメニューが開きます。

2016-05-20 21 50 51

以下は、メニューの各項目の説明となります。

Show Pixels

現在編集画面上に配置しているコンポーネントをピクセルで表示します。

f:id:woshidan:20160521003603j:plain

Show Rulers

編集画面の左上に定規を表示します。

f:id:woshidan:20160521003616j:plain

Show Grid

背景にレイアウトの基準となるグリッドを表示します。

f:id:woshidan:20160521003629j:plain

Show Layout

背景にレイアウトの基準となる罫線を表示します。この罫線はLayout Settingで設定するレイアウト1つ分の横幅で途切れます。

f:id:woshidan:20160521003653j:plain

Grid Setting

図の通りです。

f:id:woshidan:20160521003733j:plain

Layout Setting

図の通りです。

f:id:woshidan:20160521003752j:plain