Sketchアプリ：概要とレビュー

Sketchは、デスクトップとモバイルのUIデザイン、モックアップ、プロトタイプに使用されるベクターベースのツールであり、今日では業界標準と見なされています。 Sketchを使用して写真を編集および操作することもできます。

Sketchは非常にユーザーフレンドリーなので、これまで見たことがなくてもすばやく習得できます。 これは、素人（非デザイナー）ではなくデザイナーを対象としており、クライアントのニーズに応えるチームに最適です。 Mac専用アプリなので、Macユーザーを対象としています。

スケッチの概要

Sketchを初めて使用するときは、無限のキャンバスで作業します。 右クリックしてツールバーをカスタマイズし、ドラッグしてお気に入りを設定できます。

Sketchのアートボードは、画面または画面内のインタラクションのいずれかを表します。 アートボードを作成するときは、Android、iOS、Web、および印刷用の一般的な画面サイズのリストから選択するか、独自にカスタマイズすることができます。 OCDレベルの編成用のArtboardManagerプラグインもあります（*咳*私）–アートボードを行と列にスナップしてそれらを整理することができます。

Sketchのページは、異なる解像度またはプラットフォームを表します。 iOS用のアートボードを作成している場合は、それらをすべて1つのページにまとめてから、Androidデザイン用に別のページを作成できます。 スケッチファイルには、多数のアートボードとページを含めることができます。 これにより、簡単にアクセスできる方法でワークフローを整理できます。

ほとんどの画面デザインツールと同様に、レイヤーをクリックすると、プロパティを変更できる右側のインスペクターが開きます。

初心者の場合は、UIテンプレートから始めてください。 Sketchには、iOS、マテリアルデザイン、レスポンシブWebテンプレートがプリロードされています（[ファイル]> [テンプレートから新規作成]）。

スケッチの利点

スケッチは理由で愛されています。 その機能について説明する前に、その利点について説明しましょう。

• シンプルで習得が容易。 直感的なインターフェース
• 複数のデバイスのデザインを作成する
• クライアントは、デスクトップ、ラップトップ、電話、またはタブレットのデザインを操作したときに何が起こるかをプレビューできます
• 特にSketchCloudの同期と共有を使用した便利なコラボレーション機能
• ツールバーはMacに似ています
• Sketchで使用できるプラグインの品揃えがあります（Abstract、Craft、Flintoなど）。
• 手頃な価格

Sketchの利点の多くは、Photoshopと比較したものです。 たとえば、Photoshopと同様に機能しますが、価格が低く、ディスク容量が少なくて済みます。 少なくとも主要なプロトタイピングツールに関しては、SketchがPhotoshopを追い抜く可能性さえあると感じる人もいます。 SketchがPhotoshopよりも画面デザインに長けている大きな理由は、Sketchが特別に設計されたものであるためです。これは、専用に設計された、より若く、より現代的なツールです。

SketchのWebサイトにも多くのガイダンスがあり、ダウンロードページからアクセスできます。

欠点と競合他社

スケッチは、のは、それのために行かないことをあまり持っていませんが、その最大の欠点の2は、（1）あなたは、Mac上でそれを使用することができますされ、（2）あなたが唯一のライセンスにつき1つのデバイス上でそれを使用することができます。 また、警告として、複数のページを持つ複数の複雑なファイルを作成する場合は、強力なMacですべてを処理する必要があります。

Sketchには、AdobeXDとInVisionStudioの2つの主要な競合他社があります。 Adobe XDは、ワイヤーフレーミングとプロトタイピングに使用されるもう1つのベクターベースのツールです。 InVision Studioは、AdobeXDとSketchの両方よりも優れています。アニメーションモジュールです。

スケッチ機能

Sketchには、期待する基本的な機能が多数あります。

• 描画、形状、テキストツール
• シェイプポイントとベジェ曲線を編集します
• アレンジメント操作（アラインメント、前面への移動、配布）
• ブールツール（和集合、減算、交差、差）

ただし、Sketchは描画用に設計されたものではなく、実際にはプロトタイピング用です。 ホットスポットを定義します。 画面の領域をスクロール/非スクロールとして割り当てます。 インスタンス、メニュー、ページ、セクション、シンボルをリンクおよびクロスリンクします。 画像やテキストをインポートして、プレースホルダーよりも現実的なデータをプロトタイプに入力することもできます。 Sketchは、高レベルの精度で設計する場合に特に役立ちます。

• 高精度のツール（グリッドとピクセルグリッド、定規、スマートガイドなど）
• 最適な精度で描画を開始する前に、スマートガイドが表示されます
• 「Alt」を押したままにすると、選択したレイヤーと他のレイヤーの間、およびレイヤーとアートボードの間の距離が表示されます。
• 2つのレイヤーを選択し、それらを互いに位置合わせします
• [オブジェクトの配布]オプションを使用すると、レイヤー間の距離を正規化できます
• 独自のレイアウトグリッドを設定する

より優れたスケッチ機能

• 拡大縮小ツールは、境界線、半径、影/内側の影、サイズなど、すべてのプロパティを拡大縮小します。
• ピクセルフィッティングを使用すると、図形を整列またはサイズ変更するときにシャープなピクセルを保持できます
• ドキュメント内の色の自動検出。色は使用頻度に基づいて並べ替えられます
• カラーツールは、単一のドキュメントまたはグローバルにパレットを保存します
• RGBからHSBに変更して、色をより細かく制御できるようにします
• グラデーションは、背景、ボタン、アイコンに最適です
• 大きな背景には放射状のグラデーションを使用し、円形の背景には角度のグラデーションを使用します
• カスタマイズ可能な背景のぼかし; 選択したレイヤーの下にあるすべてのレイヤーが自動的にぼやけます
• テキストスタイルを使用すると、好みのタイポグラフィスタイルをレイヤー間で再利用できます（グローバルスタイルを設定します）
• アートボード間で共有する再利用可能な要素（シンボル）を作成します。 1つを更新すると、他のすべてが同期されます（別のチームメンバーがシンボルを更新した場合は、更新を承認するか、ライブラリから切り離すことができます）
• PhotoshopまたはIllustratorでアイコンとロゴで満たされたライブラリがある場合は、それらをSketchに移行できます。
• 自動保存を有効にすると、変更が保存されるため、ハードワークを失うことはありません。
• 自動保存は、デザインのバージョン履歴も作成します

スケッチの価格

Sketchの初年度の費用は99ドルで、その後は毎年ライセンスを更新するのに69ドルかかります。 複数のデバイスでSketchを使用する必要がある場合は、最初の1年間はデバイスあたり89ドルから、更新の場合はデバイスあたり64ドルから​​のボリュームライセンスがあります。 購入できる最大のボリュームライセンスは、50台以上のデバイスで、最初の1年間はデバイスあたり59ドル、更新の場合はデバイスあたり49ドルです。 また、アプリを初めて起動したときから開始される30日間の無料トライアルもあります。メールやクレジットカードは必要ありません。

Sketchライセンスには1年間のアップデートが含まれていますが、ソフトウェアは一生使用できます。 または、毎年更新して、常に最新のリリースを入手することもできます。 ソフトウェアに加えて、iPadまたはiPhoneでリアルタイムにデザインをプレビューできるMirrorアプリと、1年間のSketchCloudも入手できます。

まとめ

要約すると、Sketchはデザイナー向けのMac専用のUIおよびプロトタイピングツールですが、習得が非常に簡単なので、初心者でもエキスパートでも使用できます。 Photoshopと同様に機能し、インターフェイスはMacプログラムに似ており、Sketchはガイド、コミュニティ、プリロードされたテンプレートとキットを通じて多くのヘルプを提供します。 プラグインとPhotoshopおよびIllustratorライブラリで使用できる機能のおかげで柔軟性があります。 専用の画面デザインおよびプロトタイピングツールとして、プロジェクトのデザインと編成の精度を強調します。 Adobe XDはプロトタイピングに値する対戦相手であり、InVision Studioはアニメーションの選択肢ですが、Sketchに精通していることが間もなく業界の要件になる可能性があります。

スケッチのエキスパートになりたいですか？ WordPressテーマとプラグインデザイナーのための25のスケッチリソースをまとめました。