Page, Artboard, Group, Layerの活用

Sketchの基本概念であるPage、Artboard、Group。Layerについて紹介します。それぞれ活用すると、デザインをわかりやすく整理することができます。

Sketchのデータ階層

sketch_page_artboard_all.png

Pageは、デザインの数や内容が多くなったとき、分割して整理するための概念として活用できます。

Artboardはキャンバス上に作られる固定幅のフレームです。GroupとLayerを含みます。

GroupはGroupとLayerをまとめます。Group単位での移動やサイズ変更が可能になります。

.
├── Page 1
│   ├── Artboard 1
│   │   ├── Group 1
│   │   │   ├── Layer 1
│   │   │   └── Layer 2
│   │   ├── Group 2
│   │   │   ├── Layer 3
│   │   │   └── Layer 4
│   │   └── Layer 5
│   │
│    (省略)
│   │
│   └── Artboard N
│
 (省略)
│
└── Page N

Page

作り方

sketch_page_artboard_create_page.png

+ボタンをクリックすると新規Pageが作成されます。
既存Pageをコピーして新規ページを作成することもできます。

Artboard

作り方

sketch_page_artboard_create_board.gif

AをクリックするとインスペクタにArtboardを追加するための画面が表示されます。任意のArtboardを選択して追加します。Artboardのサイズは後からでも変えられます。

用意されているArtboard以外にもCustomサイズのArtboardを用意することができます。よく利用するサイズを登録しておくと良いです。

移動

sketch_page_artboard_move_board.gif

Layerがまだ存在しない場合、Artboardのどこをクリックしても移動できます。

すでにLayerが存在する場合は、Artboardの名前をクリックすると移動できます。

Layer

作り方

sketch_page_artboard_create_layer.gif

図形やテキストがそれぞれLayerになります。

サイズ調整

sketch_page_artboard_layer_size.gif

インスペクタ上でサイズ調整したほうが素早く調整できます。

100%のようにパーセント指定ができたり、加減乗除(+, –, *, /)による計算もできます。

Round to Pixcelで1px単位に丸めることができます。

位置調整

sketch_page_artboard_layer_move.gif

位置調整もインスペクタでできます。

optionをクリックするとマージンが表示されるので、細かい調整に活用できます。

Group

作り方

sketch_page_artboard_create_group.gif

Shiftキー を押しながら複数Layerを選択します。その状態で、 ⌘ + G をクリックすると選択Layerがグループ化されます。

【エンジニア向け】仕事を見つける方法

転職する

転職エージェントを活用する

転職サイトの場合、自身でサイト上から企業を探す必要があります。 一方「レバテックキャリア」 などの転職エージェントの場合、エージェントが企業を紹介してくれます。エージェントが間に入ることにより、日程調整や、条件交渉などもサポートしてくれます。

転職ドラフトを活用する

転職ドラフト」は、 企業がITエンジニアをドラフトという形で指名するサービスです。年収が最初に提示されるなどのメリットがあります。 ただ、初回登録時にレジュメ作成が必要で、すでにエンジニア経験が豊富にあるエンジニア向けのサービスかと思います。 レジュメ作成が手間ですが、自身のキャリアを見直す機会になり、他の仕事探しにも役立つはずです。

エンジニア転職保証のあるスクールを活用する

ある程度、開発経験のあるかたであれば、独学で必要なスキルを身につけることができるはずです。ただ、別業種からエンジニアに転職したい場合など、1から独学で学ぶのはハードルが高いです。そういった方は、スクールの活用を検討しても良いと思います。 「TechAcademy」は、エンジニア転職保証コースを提供しています。給付金制度の対象講座として認定されているため、金銭面の負担も抑えることができます。

フリーランスとして活動する

レバテックフリーランス」「ITプロパートナーズ」「ギークスジョブ」は、フリーランスエージェントサービスです。 エージェントによって、支払いサイトなど細かい違いはありますが、まずは良い案件を見つけることが重要です。 登録自体は無料なので、複数エージェントに登録して、より多くの案件を紹介してもらうのがおすすめです。

logo
わくわくBank.
技術系の記事を中心に、役に立つと思ったこと、整理したい情報などを掲載しています。