2017年11月23日

デザイン

【Sketch】Sketch上でタブバーを表示しよう!

目次

  1. はじめに
  2. Sketch上でタブバーを表示する方法
  3. まとめ

はじめに

Sketchファイルを開くたびに別のウィンドウでSketchが立ち上がってしまう経験はありませんか?

本記事ではSketchで複数のウィンドウをタブで表示する方法についてご紹介します。

デフォルトでは、別のSketchファイルを開こうとすると別のWindowで開いてしまいますが (かなりイライラしますよね 汗)、タブバーを表示させることで、1つのWindow内で複数のSketchファイルを見比べることができるので便利です。

Sketchは使い始めるのは簡単ですが、非常に奥深いツールなので、ぜひこういった小技も交えながら使ってください。

他にもbageleeではSketchのおすすめ機能やツールをご紹介しています。
ぜひ、気になった記事をチェックしてみてください。

【Sketch】便利で使える!Sketchの技集
【Sketch】Craft prototypeでSketchを使ってできるようになったこと
【Sketch】デザインをgit管理する!Abstract

Sketch上でタブバーを表示する方法

STEP1 Sketch上でタブを表示する

それでは、早速Sketch上でタブバーを表示する方法をご紹介します!
まずは、Sketchのメニューバーから、Viewの中のShow Tab Barを選択します。

これだけで、タブバーの表示自体はされるようになります。
このようになるはずです。

※ ちなみにこちらで開いているファイルはSketchのショートカットなどをまとめたチートシートで、特に初心者にはおすすめです。ダウンロードしたい方は、下記リンクからどうぞ。

Sketch App Sources | Sketch cheatsheet

これでタブバーは表示されました。

ただし、問題としては新しいSketchファイルを開くと、別のウィンドウで開いてしまうことです。

別ファイルを開いたときに同じタブで表示させたい場合はさらに設定をする必要があります!

STEP2 システム設定でドックを開く

ここからは新しいSketchファイルを開いたときにタブで開くように設定をしていきます。

システム設定からドックを開く。

こちらを探し、開いてください。

STEP3 新しいドキュメントをタブで開くようにする

開いていただくと、「Prefer tabs when opening documents (ドキュメントを開くときにタブで開く)」という項目が「In Full Screen Only (フルスクリーンの時のみ)」になっています。

「In Full Screen Only (フルスクリーンの時のみ)」となっているところを「Always (いつも)」に変更します。

これで設定完了です。

試しに、新しいSketchファイルを開いてみます。

バッチリ同じウィンドウ内の別タブで開きました!

こちらで開いているファイルはSketchで使える線や矢印などをまとめた素材です。ダウンロードしたい方は、下記リンクからどうぞ。いつもお世話になっているSketch App Sourcesに飛びます。
Sketch App Sources | Sketch hunt arrows and lines pack

まとめ

以上、今回はSketch上でタブバーを表示する方法をご紹介しました!

細かい設定ではありますが、ファイル間でデザインを見比べたい時やたくさんのSketchファイルを1度に開きたい時には非常に便利です。

ただし、デザインを見るための作業スペースが減るのも事実です。
それがイヤな方はタブバーを表示・非表示にするためのショートカットなどを設定するのもありかもしれません。

個人的には、かなりイライラが解消されたので、ぜひ設定してみてはいかがでしょうか?

0

0

AUTHOR

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

アプリでもっと便利に!気になる記事をチェック!

記事のお気に入り登録やランキングが表示される昨日に対応!毎日の情報収集や調べ物にもっと身近なメディアになりました。

eishisでは一緒に働く仲間を募集しています

正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、
ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。

話を聞いてみたい

運営メンバー

eishis

Eishi Saito 総務

SIerやスタートアップ、フリーランスを経て2016年11月にeishis, Inc.を設立。 マーケター・ディレクター・エンジニアなど何でも屋。 COBOLからReactまで色んなことやります。

sasakki デザイナー

アメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。

しまだ デザイナー

WebAR/VRのデザインと3DCG制作がメインです。 肩書きは「アニメ案件に関わりたいデザイナー」。

Miu マーケター

ドイツでWEBマーケティングしています。

しんのき エンジニア

新しい技術が好きなWebエンジニアです。 元々インフラやPHPをやっていたのですが、最近はReact NativeとFirebaseを使って頑張ってます。

yamakawa

やまかわたかし デザイナー

フロントエンドデザイナー。デザイン・HTML/CSSマークアップ・JSアニメーション実装を担当しています。

furuya エンジニア

サーバーサイド、フロントエンド、Unityと色々手を出してる雑食系エンジニア。ReactNativeが最近のマイブーム。

Sayaka Osanai デザイナー

Sketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。 好きな食べものは生ハムとお寿司とカレーです。

はらた

はらた エンジニア

サーバーサイドエンジニア Ruby on Railsを使った開発を行なっています

うえまつゆい エンジニア

サーバーサイドエンジニアからフロントエンドエンジニアになりました。主にReact Nativeでのアプリ開発をしています。

CONTACT PAGE TOP