WebDesigner's Memorandumウェブデザイナーの備忘録

記事用のスクリーンショットを撮るときに気をつけていること

記事用のスクリーンショットを撮るときに気をつけていること

自分はブログを毎日のように書いているので、ふとした瞬間に記事用のスクリーンショットが撮れるように色々と工夫しています。

今回は、記事用のスクリーンショットを撮るときに、自分が気をつけていることをまとめました。

メニューバーは撮影するアイコン以外隠す

メニューバーのアイコンに関しての撮影をするとき、不要なアイコンはBartender 3というアプリで隠すようにしています。

見比べると分かりますが、関係のないアイコンがごちゃついていると見ている人の気が散ってしまいます。

メニューバーのアイコン有無の比較

Bartender 3以外にも、BetterTouchToolを使えばBetterTouchToolのアイコンより左側にあるアイコンを非表示にできます。

スクリーンショットに限らず、人前でデモをするときなども余計なアイコンは隠しておいた方が、気が散らなくて済みます。

日付などの他の情報はタッチバーに表示させる

これは少しトリッキーですが、日付やバッテリーなどの情報は、BetterTouchToolを使ってタッチバーに表示するようにしています。

自分は基本的に外付けキーボードを使っているので、タッチバーにタッチすることは諦めて、変わりに「メニューバーをシンプルにする代わりに、その分の情報をタッチバーに表示させている」というわけです。

タッチバー…無くなりそうにありませんし、1つの向き合い方として参考にしてみてください。

デスクトップはシンプルにする

  • デスクトップの壁紙はグレー1色にする
  • デスクトップには何も置かない
    • .hazallock.DS_Storeの2つの隠しファイルがあるだけの状態

いつスクリーンショットを撮ったり、人に見られてもいいように、壁紙はグレー1色にして、何も置かないように心がけています。

デスクトップ画面

グレーにしている理由

見ている人の気が散らない落ち着いた色という理由が真っ先に挙げられますが、それ以外にも理由はあります。

まず、グレーだと画面についたホコリが溜まってきたときに「そろそろ画面拭かなきゃ」と気が付きやすくなります。

黒などの暗すぎる色だと、逆にホコリが目立ちすぎますし、ディスプレイが反射して画面が見にくくなってしまいます。

そして、白など明るい色だと今度は目がチカチカしてしまいます。

そんなわけで、ちょうど中間の色であるグレーが個人的にはオススメです。

デスクトップに何も置かないようにするためにできること

そもそもデスクトップにファイルを置くようにしていると、整理を後回しにする癖がついてしまいます。

  • 「とりあえずデスクトップに置いとこう」
  • 「デスクトップに置いてあとで整理しよう(整理しない)」

こうした自体を避けるという意味でも、デスクトップは使わずに、その都度ちゃんと整理する癖を付けるのは大切なことです。

それでもついデスクトップにファイルが溜まってしまうのであれば、アプリの力を頼りましょう。

Hazelを使えば、指定フォルダにファイルが入ったとき、条件に合わせて自動的に処理をしてくれます。

また、Cleanというアプリを使えば、定期的にデスクトップにあるフォルダを指定したフォルダ内に、日付フォルダを作ってその中に移動してくれます。

隠しファイルは表示・非表示を切り替える

隠しファイルに関しては、現状どうしようもないので、command + shift + .(ピリオド)のショートカットキーで、表示・非表示を切り替えるようにしています。

ウインドウを撮るときは影を消す

Macでスクリーンショットを撮るときに、command + shift + 4で起動して、spaceを押すと、選択したウインドウを撮影するモードになります。

その状態で、ウインドウをクリックすると影付きで撮影。
optionを押しながらクリックすると、影なしで撮影になります。

一見影付きの方がオシャレですが、この影の領域が結構広いです。

影のありなしの違い

PCでは気にならないかもしれませんが、スマホだとスクロールする量が増えてしまうのと、無駄にスペースが空いてしまって違和感があります。

そのため、基本的に影は消すようにしています。

どうしても影が必要な場合は、MiniShadowというアプリで、影を小さくするようにしています。

MiniShadowだとうまく処理できない場合

Alfredの検索ボックスなど、少し特殊なウインドウの場合、MiniShadowを使うとうまく処理できないときがあります。

  • 影が逆に濃くなってしまう
  • ウインドウが角丸にならない
  • ウインドウの途中で切れてしまう

MiniShadowをAlfredの検索ボックスに使った場合

そんなときは、少し面倒ですが、illustratorを使ってドロップシャドウであとから影を追加するようにしています。

illustratorで影を付けたAlfredの検索ボックス

真っ白な検索ボックスは、影があった方が見やすいので、そういうものに関しては影を入れるようにしています。

まとめ

「そこまでしなくても…」
「どうせ誰もそこまで見てないって」

そう思うかもしれませんが、人に見られても恥ずかしくないように意識することによって、結果的に自分の作業環境が整理されますし、ちょっとしたことに気がつくようになります。

感覚としては「定期的に家に知り合いを呼ぶから、部屋をキレイに保つようになって、生活も律されるようになった」というものに似ているかもしれません(仲の良い友達だと開き直ってしまうので、知り合いくらいがちょうど良い)。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね