デザインのバージョン管理：1000のレイアウトで迷子にならないようにする方法

-同僚、project_lastVersionファイルは最終的なものですか？またはproject_lastVersion_1？

「…これは



おなじみの状況ですか？特に他のデザイナーとチームで仕事をしているときは、きっとそうです。通常、ファイルのいくつかの異なるバージョンを作成する必要があります。その数はプロジェクト、編集、およびその他の要因によって異なり、頭痛の種はこれらすべてのバージョンを理解することです。



この記事では、最も関連性が高く、使用されるバージョン制御オプション、つまりZeplin（+ Sketch）、Figma、Abstract（+ Sketch）について説明します。つまり、バージョン管理に特に関連するこれらのツールの機能と機能について説明します。

設計においてバージョン制御が重要かつ必要な理由

1. , , . : , ;
2. , ( ) , «project1», «project1.1», «project_1», «project1_lastVersion» . ( ), ;
3. ;
4. 前の段落から、一緒に作業するときは、誰がいつ変更を加えたか、そしてそれらが何であるかを正確に理解することが重要であるということになります。

これらは、バージョン制御システムを使用することで開発プロセスをスピードアップし、すべてが失われたように見えるときに心停止を回避できるいくつかの状況です。次に、作業で対処しなければならなかったバージョン制御ツールの長所と短所について説明します。

ゼップリン+スケッチ

最も使いやすいのはZeplinです。これを使用するには、設計者は作業中のSketchファイルに変更を保存し、アートボードをSketchからZeplinにエクスポートするだけです。アートボードはZeplinで表示され、セクションにグループ化したり、要素スタイルを表示したり、アイコンや写真をダウンロードしたり、色のパレット、テキストスタイル、要素間の距離、コンポーネント/シンボルで構成されるスタイルガイドを形成したりできます。



Zeplinを使用する利点は次のとおりです。

1. 前述のように、使いやすさ-選択したアートボードをエクスポートするだけです。
2. アートボードにコメントする機能。
3. メール
   
   で届き、Zeplin自体に表示されるコメント通知。
4. 1つのプロジェクトを無料で作成し、必要な数の参加者を追加する機能。

他のツールと同様に、Zeplinには欠点があります。

1. 以前にSketchでZeplinにエクスポートされたアートボードを変更するときは、その名前に注意してください。同じ名前のアートボードは、エクスポート時に自動的に相互に置き換えられますが、エクスポートされたアートボードの名前が以前にZeplinにロードされたものと異なる場合、このアートボードは新しいものとしてアプリケーションにエクスポートされ、無関係なバージョンは置き換えられません。アートボードをエクスポートする際の不注意は、アートボード名が一致することを確認するのに時間がかかる場合があります。
2. Sketch Zeplin , . (), , ( ), , Sketch-, ;
3. ,
   
   Zeplin;
4. , , ;
5. Zeplin , , Zeplin ;
6. Sketch Zeplin owner.

Figma

Figmaは、その魅力的な機能により、デザイナーの作品に積極的に取り入れられています。このツールは普遍的です-ここでは、デザイン、プロトタイピング、およびバージョンコントロールを見つけることができます。



バージョン管理に関して何ができますか？

1. Figmaは、同じプロジェクトでの複数の設計者の同時作業をサポートします。目的のプロジェクトを開くと、ユーザーは、アートボード/個々の要素の横にある編集とプロジェクトの表示を同時に行っている同僚の名前を確認できます。
2. バージョン履歴（または履歴バージョン）。誰がいつ変更を加えたかを確認したり、以前のバージョンに戻ったり、選択したバージョンに関する情報を編集したりできます。
3. コメント、コンポーネントの説明。
4. Figmaは、PCおよびブラウザーのアプリケーションとして使用できます。

Figmaには欠点が少なすぎますが、重要な欠点は次のとおりです。

1. 無料アカウントのバージョン履歴（バージョン管理に関する同じ情報）は、30日間のみ提供されます。
2. Abstractのような比較モードはありません。

抽象+スケッチ

Zeplinのように、AbstractはSketchで動作し

、たとえばFigmaとは異なり、特にバージョン管理を目的としています。



抽象には十分な利点があります。

1. 同時に1つのファイルで複数のデザイナーのコラボレーション。
2. ファイルのクラウドストレージ。
3. MacOSにインストールされたプログラムと
   
   任意のPCのブラウザの両方として使用します。
4. チームメンバーとの同期作業。これにより
   
   、レビューに加えられた変更を送信できます。変更は承認または拒否できます。
5. コメントや注釈を残し、それらに関する通知を受け取る機能。
6. ファイルを相互に比較する機能-Abstractには2つの比較モードがあります。
7. アクティビティストリーム。誰がいつ何を変更したかを確認できます。

不利な点の中で、私は以下を選び出します：

1. 有料使用。Abstractは、Adobe XDの無料トライアル（Sketchで使用する場合はわずか30日）と14日間のデモを提供します。しかし、今回は楽器に精通し、チームと協力して、Abstractが便利かどうかを理解するのに十分です。
2. 現時点では、作業用のフルバージョンはSketch + Abstractでのみ提供されています。つまり、MacOSに適しています。前述のように、Abstractは
   
   Adobe XDに拡張されていますが、これまでのところ、ベータ版のみが利用可能です。

バージョン管理のために何を選択するか

これは、設計者がプロジェクトに取り組んでいるツールによって異なります。私は自分の仕事でスケッチとフィグマの両方を使用しています。ただし、バージョンコントロールの3つの異なるバージョン、つまりSketch + Zeplin、Figma、Sketch + Abstractを検討した結果、Abstractが最も機能的であることがわかったので、バージョン管理についてさらに詳しく検討します。

タブレットマジックアブストラクトですか

Abstractは、デザイナー向けのGitHubの一種です。操作の原則は、設計者が以前に作成したスケッチファイルを抽象にロードすることです（このファイルはマスターファイルです。つまり、プロジェクトに関する最も関連性の高いアートボード/要素と情報が含まれています）。複数の設計者が同時に1つのマスターファイルで作業できます。より正確には、各設計者はマスターファイルの独自のコピー（ブランチ）で作業します。終了したら、ブランチを抽象化する必要があります。ブランチに加えられた変更を保存してAbstractに追加する唯一の方法であるため、ブランチをコミットする必要があります。コミットは、マージ（つまり、マージ）が発生するまで、マスターファイルの内容に影響を与えません。ブランチとマスターファイルだけでなく、ブランチとブランチをマージすることもできます。







Abstractでは、ZeplinやFigmaと同様に、要素のスタイルを表示したり、使用済みのアイコンや画像をダウンロードしたりできます。



さらに、[プロパティ]セクションには、選択したアイテムが現在マスターファイルにあるスタイルと、現在のコミットで同じであるが変更されたアイテムのスタイルが表示されます。







マスターファイルには、複数のアートボードを含めることができます。編集を行うと、すべての変更がバックグラウンドで保存されます。デザイナーが作業したブランチをコミットするだけで、すべての変更が抽象に反映されます。変更されたアートボードまたは個々の変更された要素は、編集済みアイコンでマークされます。このおかげで、すべてが明確に保存されて1つの場所に表示されるため、設計者はプロジェクトのバージョンが異なる多数のファイルを作成する必要がありません。







前述のように、Abstractは比較モードを提供します。



最初の比較モードは、マスターファイルのアートボードとブランチの変更されたアートボードが隣り合っている場合に並べて表示されます。







次の比較モードはオーバーレイです。マスターファイルのアートボードとブランチの変更されたアートボードがオーバーレイされ、すべての変更が白い背景に表示されます。







上記に加えて、Abstractには他の便利な機能があります。たとえば、Sketchライブラリを同期したり、コレクションを作成したりできます。これは、同僚に提示する必要のあるアートボードのセットです。



アクティビティストリームには、行われた変更、コメント、ブランチの作成、コミット、マージ、およびその他の更新が含まれます。誰が、いつ、何を正確に変更、追加、コメント、承認または不承認、マージなどしたかを示します。







Zeplin、Figma、およびAbstractを使用すると、デザイナーだけでなく、すべてのチームメンバーのプロジェクトでの作業がより迅速かつ簡単になります。しかし、私の意見では、最も成功しているのはFigmaとAbstractです（バージョン制御の観点から機能と情報コンテンツのために、より広範囲に抽象化されています）。それらを使用すると、チームメンバーは、レイアウトにどのような変更が加えられ、どこでそれらを確認する必要があるかを確認するために、会議やチャットディスカッションに多くの時間を費やす必要がありません。あらゆる形式でバージョンコントロールを使用すると、チームメンバー間のコラボレーション、プロジェクトの理解が向上し、せいぜい開発が加速されます。



この記事では、デザインにおける既存のバージョン制御オプションのすべてからはほど遠いものを検討しましたが、最も有名で一般的に使用されているものです。複数のデザイナーのチームがプロジェクトに取り組んでいる場合は、AbstractまたはFigmaでのバージョン管理を検討する価値があります。同じファイルで他の同僚と一緒に同時に作業する必要がない場合、Zeplinは単一の作業に適しています。いずれにせよ、これらの各ツールを試してみても問題はありません。