名古屋でホームページ制作を通じてWEB集客を支援する(株)オンカの「お知らせ・コラム」ページ

TEL.0120-038-517 CONTACT

NEWS & COLUMN

お知らせ・コラム

SCROLL

DESIGN

WEBデザインの制作時間を短縮できるツール5選

2022
.11.21

WEBデザインの制作時間を短縮できるツール5選

WEBデザインのデザイナーとして、作業スピードを早くすることはスキルを磨くことと同じくらい重要なことです。
同じ時間で進められる制作の量を増やし、よりクリエイティブの部分に使用する時間を作るためにはAdobeのソフトやその他のツールを使用する必要があります。

参考記事:WEBデザインの制作速度を上げる5つのポイント

今回は、使用するフォントの選定や、コンテンツ幅の計算など、制作時間を短縮できる便利なツールをご紹介します。

wordmark.it

PCにインストールされているフォントを読み込んで、ブラウザで表示してくれるツールです。PCの画面上にフォントの一覧が表示されるので、スクロールしながら簡単にフォントを見比べることができます。WEBデザインに使用するフォントを選定する際におすすめです。

wordmark.it

web計。

数値を入力するだけで、画像の比率、黄金比・白銀比、横幅に対する画像数を調べることができるツールです。自分で計算しなくても必要な値が手軽に調べられるので、WEBデザイナーはもちろん、ブログなどで写真を掲載する場合にも使える、幅広く活用できるツールです。暗算では出しにくい、コンテンツ幅とマージンを設定するときにおすすめです。


web計。

OGP画像シュミレータ

作成したOGP画像の表示画面をシミュレーションできるツールです。各SNSの仕様に合わせた表示画面を確認することができます。画像のデザインによっては、上下左右が切り取られて表示されてしまったりする場合があるので、OGP画像を作成したら必ず確認するようにしましょう。


OGP画像シュミレータ

文字数カウント

入力した文字数をカウントするツールです。キャッチコピーや、タイトルなどの文字数確認にもおすすめですが、文字数制限のあるコンテンツのテキストを考える際にも調整しながら制作ができるのでおすすめです。


文字数カウント

ギガファイル便

会員登録不要で使用できる、データ転送ツールです。最大300Gまでのファイルを転送することができるので、メールに添付できない大きなデータなどを転送する際におすすめです。
大容量ファイル転送サービスは他にもたくさんの種類があるので、用途に合わせて使用してみてください。

参考記事:会員登録不要で無料で使える転送サービスサイト3選


ギガファイル便

今回のまとめ

今回は制作時間を短縮できる便利なツールをご紹介させていただきました。ご紹介した以外にも便利なツールはたくさんあるので、使いこなして制作時間を短縮していきましょう。

AUTHOR

著者情報

WEBデザイナー

A.K.

不動産会社でグラフィックデザイナーとしての勤務を経て、株式会社オンカに入社。アミューズメント施設やサービスサイトなど、ユーザーに魅力を訴求する大衆的なデザインを得意とし、長年培ってきたデザインのノウハウに基づきながらも顧客の要望を汲み取った柔軟な対応力でホームページ制作に尽力している。

  • カラーコーディネーター AD

PAGE TOP