Gravit Designer：概要とレビュー

アレクサンダーアダムによって設立されたGravitDesignerは、高品質のベクターグラフィックをデザインするためのHTMLベースのアプリケーションです。 Corelは2018年半ばにGravitDesignerを買収し、デジタルメディア向けのアプリケーションポートフォリオに追加しました。 Gravit Designerを使用して、アプリデザイン、アイコン、イラスト、プレゼンテーション、印刷デザイン、画面デザインなど、さまざまなプロジェクトを作成できます。

Gravit Designerはダウンロードするか、ブラウザベースのツールとして使用でき、Chrome、Linux、Mac、Windowsなどのさまざまなオペレーティングシステムと互換性があります。 （通常、ブラウザーのバージョンは最新であり、パフォーマンスも向上する可能性があります。）この記事のスクリーンショットと指示は、Macを使用してアクセスしたブラウザーのバージョンからのものです。

Gravit Designerは誰のためのものですか？

このようなツールにある程度精通している必要があります。これは（初心者にとっては）あまり直感的ではなく、最初の設計を支援するウィザードがありません。 Gravit Designerは、グラフィック、製品、またはWebデザイナー向けです。自分が何をしているかを知っていて、初心者向けのツールを超えた何かを必要としている専門家です。 Gravit Designerにも多くのオプションがあるため、特に料金を支払う予定がある場合は、ドキュメントを確認してすべてに精通することをお勧めします。 また、YouTubeチャンネルでチュートリアルを確認してください。

GravitDesignerの機能

本格的なデザインツールとして、GravitDesignerにはいくつかの機能があります。

• アンカー
• 自動レイアウト
• ブリード
• ブレンディング
• ブール値
• 効果（シャドウ、オーバーレイ、ミラーなど）
• 塗りつぶし
• フレームテキストツール
• Google Fonts
• グリッド
• ナイフツール
• レイヤー
• パスグラフ
• ペンの形
• プレゼンテーション/スライドビュー
• SVG編集ツール
• 記号
• テンプレート
• テキスト編集
• テキストエンジン

特に注目すべき機能がいくつかあります。

• ベジゴンツールは、形状のポイントの周りに滑らかな曲線を作成します。
• 不完全なパスを閉じるか、パスを開いてポイントを追加できます。
• 任意のパスまたはシェイプに沿ってテキストパスを作成し、パスの内側または外側に沿ってテキストを設定します。
• 必要な数の境界線と塗りつぶしを図形に追加します。各境界線または塗りつぶしは、個別のレイヤーのように機能します。
• レイヤーごとに必要な数のエフェクトも追加します。
• 境界線、塗りつぶし、効果、テキスト設定を設定するスタイルを作成します。 スタイルを複数のオブジェクトに適用してから、スタイルを1回変更して、すべてのオブジェクトに変更を適用します。
• テキストフィールドに「lorem」と入力し、スペースを押すと、「Loremipsum」段落が自動的に作成されます。

デザインをGravitCloudまたはローカルに保存します。 クラウドに保存すると、アプリなどの1つのプラットフォームでの作業を開始し、ブラウザーを介してデザインの作業を続行するのが簡単になります。

GravitDesignerの使用

こちらからGravitDesignerにサインアップできます。 サインアップ後、新しいデザインを最初から作成するか、テンプレートを選択します。 新しいデザインを作成するときは、プリセットサイズを選択するか、独自に設定できます。 サイズを設定したくない場合は、無限のキャンバスを使用します。

GravitDesignerダッシュボード

最初は、ダッシュボードは多くのことが行われているように見えますが、整理されており、ナビゲートしやすいです。 上部にあるタブでプロジェクトを切り替えることができるのが好きです。 [編集]、[設定]に移動し、ドロップダウンメニューから[ダークテーマ]を選択して、ダークビューに切り替えることもできます。

要素の追加と編集

ダッシュボードの上部に、Sketchに似たツールバーが表示されます。 それはあなたが見つけることを期待するすべてを持っています：

• キャンバススナップ
• マルチシェイプツール
• パスおよびテキストツール
• 反転と回転
• 積み重ね順

画面の左側の列には、次の3つのオプションがあります。

• レイヤーは、選択したプロジェクトのすべてのページとレイヤーを見つける場所です。
• ライブラリには、すべてのドラッグアンドドロップツールがあります。
• シンボルは、再利用したいデザイン要素を保存できる場所です。

写真を追加して、最初のレイヤーを作成しました。 次に、画像を右クリックし、[整列]と[中央揃え]を選択して、画像を中央に配置しました。

右側には、選択したオブジェクトに固有のデザイン設定があります。 この例では、テキストが選択されているため、右側の設定はすべてテキストに関連しています。

他のタイプのコントロールの例として、ポリゴンの形状設定を次に示します。

Gravit Designerのページとは何ですか？

Gravit Designerでは、ページの機能は他のデザインツールとは少し異なります。これらは、アートボードと、使い慣れたページとの間の一種のクロスです。 ページは、独自のキャンバス設定（色、寸法、余白など）を持つ独自のドキュメントです。 デフォルトでは、各プロジェクトは1ページから始まります。 ページウィンドウの右上にあるアイコンをクリックすると、ページをさらに追加できます。

ページウィンドウのピンクのトグルをオンにすると、すべてのページを一度に表示できます。 複数ページ表示では、個々のページを選択、移動、サイズ変更できます。また、それらを複製することもできます。

もう1つの優れたページ機能は、作成済みの要素を再利用するためにマスターページを設定できることです。 マスターページを設定した後に作成するすべてのページは、同じ要素を共有します。 さらに、マスターページを更新すると、他のページも自動的に更新されます。

GravitDesignerの価格

無料のGravitDesignerアカウントにサインアップすると、Gravit DesignerPROの15日間の無料トライアルを利用できます。 試用期間が終了すると、無料バージョンを使用するか、年間49ドルでPROにアップグレードできます。 Gravit Designerの無料バージョンは本当に無料です。つまり、「無料ですが、広告が殺到している」または「無料ですが、常にお金を求められています」というわけではありません。 アップグレードできるという目立たないリマインダーがあり、それだけです。 無料のアカウントで始めるのにクレジットカードは必要ありません。 すぐにアップグレードしたい場合は、右下の小さなポップアップボックスにそのリンクが含まれています。 このポップアップには、人気のチュートリアル、ユーザーガイド、FAQ、カスタマーサポートなど、その他の役立つ情報が含まれています。

Gravit DesignerFreeとGravitDesigner PRO

上で説明した機能の多くは、PROアカウント専用です。 無料のGravitDesignerとGravitDesignerPROの主な違いは次のとおりです。 違いの完全なリストはここにあります。

• PROのCMYK、HSB、RGB色空間。 freeにはRGBしかありません。
• 既存の要素を再利用する場合、無料は制限されます。
• PROではより多くのフォントを利用できます。
• 無料には500MPのクラウドストレージが含まれます。 PROは無制限です。
• 高品質のPDFエクスポートはPROで利用できます。

PROアカウントでのみ使用できる機能は次のとおりです。

• 高度なパスツール
• 高度なタイプのサポート
• 色見本
• マスターページ
• バージョン履歴
• デスクトップアプリを介してオフラインで作業する

Gravit Designer PROは、プロフェッショナルや、無料バージョンを超えただけの場合に最適です。 CMYKサポートやオフラインモードなど、以前は無料だった機能の一部がPROでのみ利用できるようになったことにお気づきかもしれません。 2018年10月中旬より前からGravitDesignerアカウントをお持ちの方は、無料のアカウントを使用していても、これらの機能の多くにアクセスできるはずです。

まとめ

初心者の場合は、テンプレートをスキップして（デザインのアイデアを得る以外）、最初からデザインを作成してください。 プリセットサイズは、iPhoneの画面やFacebookのカバーのデザインなど、デザインしたいものを知っていて、特定のパラメーター内で作業したい初心者に役立ちます。 これらのツールをこれまで多く使用したことがない場合は、いくつかのチュートリアルを確認することをお勧めします。 ただし、無料または低コストで利用できるもの、特にGravitDesignerを際立たせるよりユニークな機能に感銘を受けるかもしれません。

Gravit Designerを試しましたか？ 私はあなたがそれについて何を愛し、何を愛していないのか知りたいです。

VectorKnight /shutterstock.com経由の注目の画像