2019年の8つのベストスケッチチュートリアル

公開: 2019-08-11

Sketchは、アイコン、プロトタイピング、ワイヤーフレーミングなど、さまざまなプロジェクトに使用できるデジタルデザインアプリです。 （重い3Dレンダリングなど、Sketchではできないこともいくつかあります。）多くの人がこれらのタイプのデザインにPhotoshopを使用しており、SketchはPhotoshopの優れた代替品です。 初心者から上級者まであらゆるレベルに対応し、さまざまな価格帯（無料を含む）で提供されるSketchチュートリアルが数多くあります。

私たちのYoutubeチャンネルを購読する

スケッチの超簡単な概要

スケッチチュートリアル

完全なデザイン初心者でない限り、SketchはPhotoshopや同様のアプリよりも使いやすいです。 これにより、設計時に多くの時間を節約できます。 Sketchはベクターベースのアプリであるため、描画する形状は、シャープネスを失うことなく、必要な寸法にサイズ変更できます。 ピクセル密度の高い画面（MacのRetina画面など）でも、デザインは見栄えがします。 さらに、デザインの品質は完成したCSS / HTMLに近くなり、Sketchを使用してデザインを完成させることができます。

  • デザインのバックグラウンドを持っている人なら誰でもSketchを使用できます。
  • SketchはMacアプリなので、明らかにMacユーザー向けです。 Windowsなどの別のOSでSketchファイルを開くことはできますが、MacでのみSketchで作業できます。
  • Sketchは軽量であるため、Sketchを実行するために一流の高価なコンピューターは必要ありません。 このアプリは、最も単純なMacでも動作する可能性があります。

Sketchを初めて購入するときは、1年間のライセンスも購入します。これには、その最初の1年以内にリリースされるすべてのアップデートが含まれます。 ライセンスの有効期限が切れると、今後の更新はありませんが、Sketchをそのまま使用し続けることができます。 引き続きアップデートを入手したい場合は、1年間のライセンスを更新する方が、最初に支払うよりも安価です。

8つのSketchチュートリアルとチュートリアルセット

これはSketchチュートリアルの完全なリストではありません（ええと–それは不可能でしょう）。 私はこれらのまとめを書くときに有機的なアプローチを取り、あなたが価値があると思うチュートリアルの品揃えを選択するのが好きです。 自分でSketchチュートリアルを探し続けることをお勧めします（正確には、下部にいくつかのリソースがあります）。また、見逃したお気に入りのいくつかについてコメントしてください。

1. LevelUpTuts | Sketch3のSketchアプリチュートリアル

スケッチチュートリアル

LevelUpTutsには、Sketch 3用の25の無料チュートリアルがあり、それぞれ10分未満です。 このシリーズは、ロープを学びたい（そして古いバージョンのSketchを持っている）Sketch初心者に最適です。 レッスンは次のとおりです。

  • アートボードを理解する
  • シンボルの作成と使用
  • プラグインのインストールと使用
  • 無料のリソースでスケッチを拡張する
  • SketchでアニメーションGIFを作成する方法

Sketch 3はSketchの最新バージョンではありませんが、これらのチュートリアルは引き続き関連性があります。 ここで見つけることができるより短く、より最新のシリーズもあります。 レベルアップのチュートリアルの詳細については、こちらの紹介ビデオをご覧ください。 Web開発の基本に関するチュートリアルに加えて、より高度なデザイナー向けのコンテンツがあります。

初心者に最適| 価格：無料| 詳しくは

2.UXを学ぶ| スケッチアプリコース

スケッチチュートリアル

Learn UXには8時間のSketchクラッシュコースがあります。これは、「これを学ぶ必要があります。それを理解するために1日をクリアするつもりです」と言った場合に最適です。 軽食を用意し、ソファに座って、1日でSketchに慣れてください。 ほとんどのレッスンは約12分以内なので、どのエリアでも行き詰まることはありません。 Learn UXは、まさにそのように聞こえます。UXについて学びたい人のための情報のハブです。 彼らはさまざまなツールをカバーする多くの異なるコースを持っています。 あなたがYouTubeで見ることを好むなら、彼らはそこにもチャンネルを持っています。

初心者に最適| 価格：無料| 詳しくは

3. Andrew Eddy、UI / UXデザイナー| 完全なスケッチ5コース

スケッチチュートリアル

コースは通常これほど安価ではなく、12.99ドルで、14.5時間のビデオに加えて、記事とダウンロード可能なリソースを入手できます。これらはすべて、Sketch 5の学習に役立ちます。これは初心者を対象としていますが、もちろん（そして、このリストのさらに下にあるチュートリアルにスキップできます）。 レッスンは講義にグループ化され、講義の一部は以下をカバーしています。

  • モバイルアプリ画面のデザイン
  • スタイルガイドの設定
  • ロゴデザイン
  • ワイヤーフレーミング
  • プロトタイピング

Andrewは現在、アトランタのセキュリティソフトウェア会社であるSequrのCEO（および共同創設者）です。 彼のバックグラウンドはUI / UXデザインであり、クリエイティブディレクターおよびグラフィックデザイナーとしても活躍しています。 有料コースは、トピックに関係なく、無料コースよりも多くの情報を常に提供します。 Sketch 5の習得に真剣に取り組み、それを学ぶことに専念する時間があれば、このようなフルスペクトルコースを受講します。

初心者に最適| 価格：$ 12.99 | 詳しくは

4. LearnSketch.com | AからZへのスケッチ：アプリデザイナーになる

スケッチチュートリアル

これまでSketchを使用したことがない場合は、最初に無料の初心者向けコースまたはチュートリアルを受講することをお勧めします。 ただし、Sketchの初心者で、モバイルアプリの設計のみに関心がある場合は、少なくとも現時点では、ここから始めることができます。 講義のカテゴリは次のとおりです。

  • レイヤーの基本
  • 形
  • スタイリング
  • 文章
  • 画像
  • 記号
  • ワークフロープロのヒント
  • エクスポート

LearnSketch.comは本当にすべてのもののハブです-Sketch、そしてあなたが3.5時間のコースにコミットする準備ができていないなら、彼らのはるかに短いチュートリアルをチェックしてください。 あなたがYouTubeに直接行くことを好むなら、彼らのチャンネルはここにあります。 彼らは一握りの景品のグラフィックを備えたページを持っています。

初級から中級に最適| 価格$ 24.99 | 詳しくは

5. Jesse Showalter、デザイナー+開発者| スケッチチュートリアル

スケッチチュートリアル

Jesse Showalterには、15本の無料動画を含む「SketchTutorials」プレイリストがあります。 それらのほとんどは約15分短く、いくつかは少し長くなっています。 このシリーズは、Sketchを使い始めたい場合でも、より高度な設計に飛び込みたい場合でも、すべてのレベルのSketchユーザーに最適です。 レッスンは次のとおりです。

  • スケッチ入門
  • 旅行アプリのUIをデザインする
  • Sketch forMacでのシンボルの整理
  • スケッチ52、上位5つの機能
  • スケッチ用のタイムラインプラグイン

ジェシーはホノルルを拠点とするデザイナー兼開発者であり、彼の周囲はサーフィンのウェブサイトのデザインに関するもののような彼のチュートリアルのいくつかに流れ込んでいます。 ジェシーと彼のビデオスタイルが好きなら、クライアントと一緒に仕事をしたり、リモートワークライフに落ち着いたりするような彼のビジネスビデオもチェックしたいと思うでしょう。

初心者から上級者に最適| 価格：無料| 詳しくは

6. InVision | スケッチの8つの重要なショートカット

スケッチチュートリアル

InVisionのこのSketchチュートリアルは、現在のユーザーに、ショートカットのおかげでより速く、よりスマートに作業する方法を教えています。 ビデオは5分以内にすばやく通過します。 次のような操作のショートカットを学習します。

  • ボードをサイクリング
  • 視覚的プロパティの複製
  • レイヤリング
  • パンとズーム
  • 正確な選択

InVisionは、インタラクティブなプロトタイプを作成できるデジタルデザインプラットフォームです。 チームがプロジェクトを改善および進めることができるように、コラボレーションを促進します。 デザイナーまたはデザインオタクの​​方は、InVisionのInsideDesignブログをご覧ください。 例、チュートリアル、ユースケースに加えて、ハンバーガーアイコンのオーラルヒストリーなど、要求の厳しいトピックもカバーしています。

中級者に最適| 価格：無料| 詳しくは

7.スキル繁栄| Sketchで音楽アプリのランディングページを作成する

Skillthriveには多数のSketchチュートリアルがありますが、一般的なチュートリアルよりもユニークで高度なチュートリアルであるため、これを選択したいと思いました。 このチュートリアルの長さは1時間弱で、終了すると、完成した音楽アプリのランディングページが表示されます。 レッスンを段階的に分割したい場合は、ここに行くことができます。 音楽ランディングページチュートリアルのホストであるHunterは、チュートリアルを開始する前にプロセスをすばやく実行します。 何を学ぶか、または「この音楽アプリのランディングページをすべて自分で作成する前に、約20秒のガイダンスが必要です」と考えている場合は、それがわかります。 Skillthriveには、初心者向けのSketch Appチュートリアルが増えたプレイリストがあり、モバイル貯蓄アプリのデザインのように、ニッチに焦点を当てたものもいくつかあります。

中級から上級に最適| 価格：無料| 詳しくは

8. InVision | 各種スケッチチュートリアル

上級ユーザー向けのSketchチュートリアルが多数あるため、InVisionに戻ります。

  • スケッチの正確で編集可能なラジアルプログレスバー
  • Sketchで無限にスケーラブルな接続矢印を作成する
  • Sketch41でネストされたシンボルのオーバーライド
  • Sketchで柔軟なフォームを作成するためのクイックヒント

上級者向け| 価格：無料

さらに多くのスケッチチュートリアル

一度支払うだけで、Sketchに特に焦点を当てたものを含む、あらゆる種類のデザインチュートリアルにアクセスしたい場合は、LinkedInLearningサブスクリプションの取得を検討してください。 半額で、月額24.99ドルが最低ですが、月に数コースを受講する場合は、それだけの価値があります。

スケッチチュートリアル

ここでSketch関連のコースを探索してください（閲覧するためにサインアップする必要はありません）。 レベルで並べ替えることができます。これは便利です。 コースをクリックすると、そのコースをプレビューして、他に何人の人がそれを見て気に入ったかを確認できます。 Sketch独自のチュートリアルを忘れないでください-それらはすべて「ドキュメント」ページにあります。

最終的な考え

あなたは彼らが知っていることを共有するために興奮している専門家と一緒にオンラインで教育を受けることができます、そしてそれは無料であるか、それに近いです。 子供の頃や10代の頃、学校で何かを諦めて「まぁ、絶対に使わない」と思ったら、失われた時間を埋め合わせることができます。 本当にすごいです。 行け。 学び。 設計。 それから戻ってきて、どうだったか教えてください。

もっと教育をしたいですか？ 開発者向けの8つのグーテンベルクチュートリアルをご覧ください。

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