殿堂入りシェアおつかれさまです。デザイナーのみやです。デザインをする際に、Photoshop以外にもお世話になっているツールが結構あります。フォントの選定だったり、コンテンツの幅を計算したり、地味な部分ですが、ここをツールに頼ると結構時短できます。いうわけで、今回はこれらの便利ツールをいくつかまとめでご紹介します。wordmark.ithttp://wordmark.it/PC内にインストールされているフォントを読み取って一覧で表示してくれるサービスです。デバイスフォントを使用する箇所はあまり選択肢がないため、主にタイトルで使用する英語のフォントを探したり、文字組みを確認したりするのに使っています。目についたものだけクリックしていき、あとでフィルタリングして比較するといった使い方もできて便利です。http://zeller-lab.com/img-width/レイアウトに関するさまざまな計算を自動でやってくれるサービスです。計算が必要になると思考が停止する僕は結構多用しています。画像の比率とコンテンツの幅とマージンを設定するときに重宝していますね。↑の画像だと、『1366pxの幅で画像を3つ置き、マージンを32pxに設定したときの1つの画像の幅』を算出してくれます。説明が難しくて伝わりにくいかもですが、デザイン中にも実際に使う場面が多くて助かっています。ニュースページなどのデザインがあるとよく使う、画像比率もあります。横幅600pxに対する「16:9」「4:3」「3:2」それぞれの比率を算出してくれます。文字数カウントhttp://www1.odn.ne.jp/megukuma/count.htmこちらは同様のサービスが多いのですが、検索で1番上にくるので、このサイトの文字数カウントを使っています。使うのはコピーやタイトルの文字組みを考える際に文字数を見ながら調整することと、メディアサイトでタイトルに文字数制限を設けるときの確認に使っています。OGP画像シュミレータhttp://ogimage.tsmallfield.com/有名なサービスなので結構な方が使っているかと思うのですが、実際にfacebookに投稿した際のシミュレーションができるサービスです。OGP用の画像をアップロードすると、さまざまな投稿サイズのサンプルを表示してくれます。サイトのローンチ前には必ずお世話になるのでピックアップさせていただきました。Clipアイコンのシミュレーターです。image」から画像をアップロードすれば、ショートカットを設定した際の見た目を表示してくれます。Smallpdfhttps://smallpdf.com/jp/compress-pdfPDFを圧縮してくれるサービスです。結構な圧縮率で、画像を多く使った提案書は重くなりがちなので重宝しています。圧縮すると画像が荒くなる場合がありますので、気をつけましょう。TinyPNGPNG画像を圧縮してくれるブラウザツールです。一度に20ファイルか、5MBまで処理することができます。こちらも圧縮率が高く、重くなってしまいがちなPNGファイルを劣化も少なく軽量化してくれます。まとめいかがでしたでしょうか。知っているものもあったかとは思いますが、僕が普段お世話になっているツール・サービスをまとめて紹介させていただきました。僕の知らない便利ツールがいっぱいあると思いますので、どんどん試して実務を効率化していきたいと思います。デザイナーを募集しております。転職活動中の方、ただお話を聞いてみたい方、興味のある方は是非ご応募ください。デザイナーに応募するキャリアアップ「Studio上野でWebクリエイターを目指す!」もうダメ。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。