allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。2016年3月14日に公開された記事を再度編集、追加しています。グラフィックデザインの世界は進化を続けており、今ではすべてオンライン上で作品を作成、公開まで行うことができるツールも数多く登場しています。拡張機能をまとめています。デザイン過程をよりスムーズにする、時間短縮系アイテムを中心にセレクトしています。自分だけのカスタマイズで、より使いやすくさぎょうの捗る環境を手に入れてみてはいかがでしょう。Testerを一度インストールしてしまえば、Webサイトのレイアウトを画面サイズや、解像度別に確認することができます。モバイルが普及したいま、レスポンシブ必須ツールのひとつと言えるでしょう。Fontウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。ウェブサイトのデザイン要素の幅や、高さを調べたいときに便利な拡張機能。画面サイズにおける配置場所も、同時に調べることができます。値で瞬時に調べ、パレットとして保存することができます。Analyzer」をクリックすると、開いているウェブページのカラーパレットを取得することができます。拡張機能をインストールしておけば、配色の参考にしたい写真を右クリックするだけで、カラーパレットを取得することができます。配色選びをより直感的に行うことができる、クリエイティブなツールのひとつ。表示しているウェブページに使われている、すべてのイメージ画像をタイル状に表示し、チェックを入れたアイテムだけをまとめてダウンロードできる、デザイナーが重宝する隠しツール。ムードボードを作成するときにも便利です。どんなウェブページで使われている文字テキストを、自由に変更、編集することができるツールです。ウェブサイトの全体レイアウトなどを、直感的に確認したいときに活躍してくれます。増えてしまいがちなタブを、まとめてリスト化し、消費メモリを最大95%削減できるツール。作成したリストのタグごとに名前を付け、個別URLを発行することができ、他のひととの共有もスムーズ。探しものをしているときや、欲しいモノリストを作ったり、用途もさまざまです。インストールし、制作中のウェブサイトを登録することで、自由に修正点やアイデアなどをメモ書きとして追記できる、コラボレーションに向いたツール。追加したメモは、管理画面でリスト化して確認でき、修正済みかどうかもボタンひとつで変更できます。忙しいデザイナーのスケジュールを管理してくれる拡張機能です。タブを開くたびに美しい写真を背景に、本日のタスクや現在の時間、天気や気温などをまとめて確認することができます。最新のウェブデザインやグラフィックアートを手作業でまとめ、タイル状にまとめて検索することができる、デザインのアイデアがやインスピレーションが欲しいときに、ぜひ活用したい拡張機能。左サイドバーからは、個別にピックアップされた、ウェブサイトの最新デザインも確認できます。インストールすれば、ハンマーや手榴弾、ロケットランチャーなどさまざまな武器を使って、ウェブサイトを「破壊」することができます。イライラしたときの、ストレス発散ツールとしていかがでしょう。画面に表示されている要素の距離を、瞬時に表示してくれる計測ツール。効果的な余白スペースや見出しタイトルなどを調べるのにも重宝するアイテム。重要性の高まっているUXデザインの間違いを発見しやするツール。確認したいページで適用すれば、文字や画像がモノクロのボックスに変換されるので、デザインのバランスなども直感的に確認できます。画面のスクリーンショットを簡単に撮影でき、文字や吹き出しなどのシェイプを追加し、共有まで同じ画面上で行うことができます。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。