InvisionとSketchの違いは何ですか?


ベストアンサー

スケッチはデザインの作成に使用されます。 Invisionは、デザインを紹介するために使用されます。

たとえば、アプリをデザインしたいとします。 Sketchを使用すると、画面を簡単にデザインできます。次の段階は、クライアントまたは見込みユーザーのデモを行うか、チームメンバー間でフィードバックを取得することです。この段階でInvisionが登場します。

Invisionを使用すると、他の人がアプリの動作を理解するのに役立つフローを作成できます。他の人も各画面に対してコメントすることができ、フィードバックを追跡するのに役立ちます。

アプリのXMLデザインにスケッチするときのように

a>クライアントはInvisionまたはMarvelアプリを介してフローを共有することがよくありますが、実際にデザインからアプリ開発を行う場合は、アプリで使用されるリソースを簡単に取得できるように、スケッチファイルを要求します。

願わくば、これであなたの質問に答えられます。

ありがとう、 RedElegant

回答

私たちの3人のチーム(私を含む)は、2018年7月から約3か月間Figmaを使用しています。これが、私たちが見た正直な賛否両論です。

好きなもの:

  1. おそらくすでにご存知でしょう。FigmaはSketchと多くの類似点があり、SketchからFigmaに移行します。 Adobe IllustratorからPhotoshopに、またはFireworksからSketchに移動するのとほぼ同じように、かなり簡単です。ショートカットは同じ、アートボードは同じ、一般的なレイアウト(左のレイヤー、右のプロパティ)は似ています。チームでは、日常的にでもSketchとFigmaを切り替える際に大きな問題は発生しないでしょう。
  2. FigmaのSymbols aka Components機能は、オーバーライドの量と、どのように1を使用できるかという点で印象的です。要素の複数の状態のコンポーネント、スタイル(色などのルックアンドフィール)は、同じコンポーネントのインスタンスごとに一意にすることができます。
  3. チームのバージョン管理は素晴らしいです。私たちが最近取り組んでいるプロジェクトがますます大きくなるにつれて、プロジェクトに取り組むために複数のデザイナー(たとえば、リードとジュニア)が必要になります。 Dropboxで複数のSketchファイルを処理する必要がなくなり(Abstractはまだ試していません)、異なるアートボードをマスターSketchファイルにマージして、同じシンボルの突然の複数のインスタンスなどを処理する必要がなくなりました。
  4. コラボレーションでは、お互いに行ったデザインのレビューも非常に簡単です。同じアートボードを見て、間違いを修正するための調整を行い、デザインを改善することができます。これは、Figmaがペア設計(ペアプログラミングと同等)をサポートする上で非常に優れているところです。一緒に設計しながら一緒に学びます。
  5. FigmaはWebベースのツールであるため、機能リリースはほぼ透過的で、ダウンロードはなく、Sketchのバージョンが異なり、全員が毎回同じバージョンを使用します。

私を夢中にさせているもの:

  1. Figmaは、あまり上手く遊べない子供のようなものです他の子供たちと、彼の兄のスケッチでさえも。 Figmaがうまくプレイできるのは、Dropbox Paper、JIRA(合流点はどこですか?!)などの奇妙な子供たちだけです。彼は今、ZeplinとAvocodeで遊ぶためにオープンしていますが、アニメーションに使用する他の主要なツールについて詳しく説明します。プロトタイピングでは、クライアントのレビューは依然として大きな問題です。
  2. Sketchの世界では、Sketchが他の子供たちとうまく機能しない場合、そのギャップを埋めてSketchの機能を拡張するプラグインがあります。 Invision Craft、Real Time Board、Zeplinなど。Sketchでアートボードをコピーして、Powerpoint、Googleスライド、Wordなどの場所に貼り付けることができた日々が本当に懐かしいです。フィグマ?選択し、エクスポート設定を設定し、エクスポートし、Finderでファイルを検索し、ドラッグして別のプログラムに挿入します。 100の画面を扱っている場合、問題の解決に集中せずに物事を移動するのに多くの時間を浪費することになります。
  3. 「しかし、なぜ人々にFigmaでデザインを表示させることができないのですか。直接?それがFigmaプレビューの目的ですよね?」一緒に仕事をした開発者から、次のように送られてきました。

Chromeのタスクマネージャーで簡単なベンチマークを実行しました

ページを読み込むだけです(「Unee -T-Designs “)のピークCPU負荷は250%(第7世代i7 CPUの場合)で、メモリフットプリントは350MBです

ロード後、メモリフットプリントは1.1まで上昇しますGB、そして最終的に10-30%の一定のCPU負荷で約950MBに落ち着きます:scream:

比較して「Unee-T-Inspection-Report-v3-01」をロードすると、ロード中にCPU負荷が発生します時間はほぼ同じですが、メモリフットプリントのピークは450 MBであるため、管理が容易になります。

開発者の引き渡しであれコメントであれ、クライアント向けにFigmaでデザインをプレビューするのは恐ろしいことです。私たちデザイナーは、Figmaが私たちのマシンで使用する種類のリソースに耐えることができますが、クライアントは耐えられません。 Figma vsInvisionでの1画面の読み込み時間は15秒vs1秒未満です。

これは私たちが抱える最大の問題です。クライアントと開発者はFigmaでデザインをうまくプレビューしたり表示したりできないため、画面を通常のプラットフォーム(Invision、Realtime Board)にエクスポートする必要があり、このプロセスは時間を浪費します。

では、ポイントは何ですか。そもそも1つのツールで「すべて」が行われる場所であると想定されるときにFigmaを使用しますか?

Figmaを使用してから3か月間、「くそー、移動する必要がある」と感じることがよくあります。申し訳ありませんが、Figmaは一方通行です。残念ながら、私のプロジェクトのうち3つはすべて、将来的に改善されるという壮大なビジョンを持ってFigmaに移されました。顧客のニーズに対応するために、Figmaが急速に改善されることを願っています。

ツールは対応する必要はありません。デザイナーのペルソナのためだけに、周囲のユーザーのエコシステム全体と、ツールがこれらのさまざまな「利害関係者」とどのようにうまく機能するかを考慮する必要があります。

これがFigmaに移行したいすべての人に役立つことを願っています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です