初心者のための40のエッセンシャルスケッチアプリチュートリアル

公開: 2016-03-12

経験豊富なデザイナーでも初心者でも、 Sketchは何でも簡単にデザインできる素晴らしいツールです。 設計フローが改善されるため、プロジェクトでPhotoshopではなくSketchに依存する設計者がますます増えています。 スケッチは、画像を最も基本的な部分に分解するのに役立ち、部分を段階的にまとめることができるので素晴らしいです。これは、初心者の場合に最適です。

目次を隠す
5非常に特別な、10のスケッチのヒント
スケッチファイル内からスライドデッキを作成して維持する
スターウォーズのキャラクターを作成するための形状の調査:非デザイナーのためのガイド
Sketchアプリを使用したクリスマスアイコンのデザイン
スケッチでデザインワークフローを改善する
コードを知らずにチーム用のSketchプラグインを作成した方法
設計ワークフローのクイックヒント#4?—?スケッチのピクセルパーフェクトシェイプ
CircleinSketchだけでプレゼンテーション用の素晴らしいチャートを作成する方法
マーベルとスケッチによるプロトタイピング:パート1/2
Sketch3を使用したモバイルアプリデザインの概要
Sketchで簡単な設定アイコンを作成する方法
Sketchでパターンライブラリを構築する方法
スケッチプラグインを作成しました。 あなたもできます。
スケッチと基調講演をプロトタイピングに使用する
SketchApp3でアイコンデザインワークフローを作成する方法
長方形、円、線のみを使用してスケッチでイラストを描く方法
スケッチアプリで漫画爆弾アイコンを作成する方法
5分でSketchを始めましょう
SketchでのEコマースアプリの作成:パート1/3
スケッチを使用したデータの設計
最新の設計ツール:実際のデータの使用
Sketchのはさみツールはどうしたの?
チュートリアル-LearnSketch
Sketch3アプリを使用してスムーズなセグメント化されたグラフを作成する方法
Sketchでのテキストと共有スタイルの操作
インフィニティロゴデザインパート2(スケッチ)
AppleWatchと互換性のあるiOSフィットネスアプリケーションの設計
Sketch入門
初心者のためのスケッチ:大胆なメールマガジンをデザインする
Swiftアプリを作成する
Sketch3でベクターロゴを作成する
SketchでWebサイトをモックアップする方法
ピン
Sketchを使用したアプリユーザーフロー
コーナー半径トリック
スケッチでリアルなクロノグラフ時計をデザインする
シンボルの力を活用する
スケッチでUIデザインを完全にレスポンシブにする方法—パート1
ピン
スケッチでUIデザインを完全にレスポンシブにする方法—パート2
SketchでのSVGアイコンの準備とエクスポート
スケッチチュートリアルを学ぶ
ピン

Sketchを使用すると、Webサイト、モバイルアプリ、その他のユーザーインターフェイスを効率的に設計できます。 Sketchは、無限ズーム、2倍のエクスポート、および複数の解像度に最適なスタイル付きベクターシェイプをサポートする非常に柔軟なデザインツールです。 これにより、画像を編集またはサイズ変更するたびに品質を犠牲にする必要がなくなります。これがベクターグラフィックの魔法です。

さらに、Photoshopとは異なり、 Sketchではアセットのエクスポートがこれまでになく簡単になります。 Photoshopは全体的に優れたプログラムですが、ファイルのエクスポートを非常に困難にする非常にユーザーフレンドリーなスライスツールがあることで有名です。 ただし、Sketchには、PDF、JPG、PNGのいずれであっても、さまざまな種類のファイルを一度にエクスポートできる[すべてエクスポート]機能が付属しています。 これにより、特にデザインアプリの使用経験があまりない場合に、生活が楽になります。 基本的に、Sketchは、ユーザーインターフェイスデザイン用のPhotoshop、ワイヤーフレーミング用のOmnigraffle、ベクター、ロゴ、印刷用のIllustratorの3つの異なるアプリのハイブリッドです。 これにより、大幅に短い時間でより多くのことを実行できます。

Sketch Appを使用する利点を強調したので、初心者向けの40の重要なSketchAppチュートリアルを次に示します。 これらのチュートリアルは、非常に便利で、実用的で、簡単であることがわかりました。 独自のアイコン、プラグイン、パターンライブラリ、ポスターモックアップ、ロゴなどをデザインする方法を学ぶのに役立ちます。 これらのツールがあなたの生活を楽にし、より熟練したデザイナーになるための道を案内してくれることを願っています。

5非常に特別な、10のスケッチのヒント

スケッチアプリのチュートリアルのヒント ピン

この記事には、効率的に作業するのに役立ち、このアプリの深いメカニズムのいくつかを教える10のスケッチのヒントが含まれています。

スケッチファイル内からスライドデッキを作成して維持する

スライドデッキスケッチファイルを作成する ピン

このチュートリアルでは、いくつかの簡単な手順で、Sketchファイル内からスライドデッキを作成および保守することがいかに簡単であるかを学習します。

スターウォーズのキャラクターを作成するための形状の調査:非デザイナーのためのガイド

ShapesSketchアプリのチュートリアルを調べる ピン

このチュートリアルでは、スターウォーズのキャラクターを作成するために形を探索する機会が与えられます。

Sketchアプリを使用したクリスマスアイコンのデザイン

デザイン-クリスマス-アイコン-使用-スケッチ-アプリ ピン

Sketchアプリを使用してクリスマスアイコンをデザインし、デザインで使用する方法をご覧ください。

スケッチでデザインワークフローを改善する

ピン

Sketchを見つけて、ワークフローを改善します。 このアプリは急速に多くのデザイナーの主要なデザインツールになりました。

コードを知らずにチーム用のSketchプラグインを作成した方法

SketchプラグインSketchアプリチュートリアル ピン

Sketchでプラグインを作成するためのコードを実際に知る必要はありません。このチュートリアルでは、その方法を説明します。

設計ワークフローのクイックヒント#4?—?スケッチのピクセルパーフェクトシェイプ

デザインワークフロースケッチアプリチュートリアル ピン

完璧なピクセル形状を作成すると、頭痛の種になることがありますが、このチュートリアルに従うと、物事は間違いなく簡単になります。

CircleinSketchだけでプレゼンテーション用の素晴らしいチャートを作成する方法

素晴らしいチャートスケッチ ピン

チャートの設計がこれまでになく簡単になりました。 このチュートリアルでは、サークルを操作する方法を説明します。

マーベルとスケッチによるプロトタイピング:パート1/2

スケッチアプリのチュートリアルのプロトタイピング ピン

マーベルとスケッチを組み合わせて、素晴らしい結果を達成してください! このチュートリアルでは、それらを調和させて連携させる方法を説明します。

Sketch3を使用したモバイルアプリデザインの概要

Sketchを使用したモバイルアプリデザインの概要 ピン

これは、モバイルアプリの設計に関する60分間の必須クラスであり、Sketchアプリを使用してアプリのインターフェースを設計する方法を学びます。

Sketchで簡単な設定アイコンを作成する方法

スケッチアプリチュートリアル設定アイコン ピン

Sketchの学習を始めたばかりでも、スキルを向上させる方法を探している場合でも、このチュートリアルでは、ボヘミアンコーディングの使用方法を説明します。

Sketchでパターンライブラリを構築する方法

スケッチアプリチュートリアルパターンライブラリ ピン

このチュートリアルでは、デザイナーのリチャードチャイルドがSketchでパターンライブラリを作成する方法を説明します。

スケッチプラグインを作成しました。 あなたもできます。

スケッチチュートリアル ピン

いくつかの簡単な手順でSketchでプラグインを設計できます。 それを試してみて、あなたのスキルを向上させてください。

スケッチと基調講演をプロトタイピングに使用する

スケッチチュートリアル基調講演プロトタイピング ピン

プロトタイプ作成のためにSketchとKeynoteを試したことがありますか? それを試してみて、あなたのスキルがどのように急速に向上するかを見てください。

SketchApp3でアイコンデザインワークフローを作成する方法

Sketchアプリでアイコンデザインワークフローを作成する方法 ピン

アプリのアイコンのデザインがこれまでになく簡単になりました。 このチュートリアルを試して、最新のヒントとコツを見つけてください。

長方形、円、線のみを使用してスケッチでイラストを描く方法

スケッチチュートリアル ピン

このチュートリアルでは、長方形、円、線を使用して美しいイラストを作成する方法を学習します。

スケッチアプリで漫画爆弾アイコンを作成する方法

スケッチアプリで漫画爆弾アイコンを作成する方法 ピン

このチュートリアルでは、Sketchでカスタムの漫画爆弾アイコンを作成するための基本を学びます。

5分でSketchを始めましょう

5分でSketchを使い始めましょう。 ピン

このチュートリアルでは、Sketchアプリの使用の基本を学び、すぐに作業を開始できます。

SketchでのEコマースアプリの作成:パート1/3

SketchでのEコマースアプリの作成 ピン

この3部構成のチュートリアルを通じて、Sketchでeコマースアプリをすばやく作成する方法を学び、すべてのヒントとコツを見つけてください。

スケッチを使用したデータの設計

Sketch UserInterfaceDesignerを使用したデータの設計 ピン

Sketchでデータを設計する方法を教えるチュートリアルを探していましたか? その後、あなたはちょうどそれを見つけたかもしれません。

最新の設計ツール:実際のデータの使用

モダンなデザインツール ピン

設計者が実際のデータを簡単に操作できるようにする方法は多くありませんが、Sketchは間違いなくそれをカバーしています。 詳細を知りたい場合は、この記事をチェックしてください。

Sketchのはさみツールはどうしたの?

スケッチのはさみツール ピン

Sketchのはさみツールで何が起きているのか疑問に思われたかもしれません。 まあ、真実はあなたがそれで多くのクールなことをすることができるということです。 このチュートリアルで調べてください!

チュートリアル-LearnSketch

チュートリアル-LearnSketch ピン

このチュートリアルでは、すべてのレベルと目的のためにスケッチするためのチュートリアルがあります。

Sketch3アプリを使用してスムーズなセグメント化されたグラフを作成する方法

Sketch3アプリを使用してスムーズなセグメント化されたグラフを作成する方法 ピン

ベクトルツール、グラデーション、マスクを使用して簡単な折れ線グラフを作成する方法を学びます。

Sketchでのテキストと共有スタイルの操作

作業共有スタイルスケッチ ピン

このチュートリアルは非常に便利で、スキルを向上させることができます。 学習することのいくつかは、共有スタイルとテキストスタイルの使用方法です。

インフィニティロゴデザインパート2(スケッチ)

インフィニティスケッチチュートリアル ピン

このチュートリアルでは、無限のロゴデザインを作成する方法を学習します。 この例は非常に見栄えがよく、すばらしいロゴプロジェクトを作成するための基本を教えてくれます。

AppleWatchと互換性のあるiOSフィットネスアプリケーションの設計 ピン

このチュートリアルでフィットネスアプリを作成する方法を学び、次に他のプロジェクトで学んだことを実験してください!

Sketch入門

はじめにスケッチ ピン

これは、Sketchの使用の基本を教えるもう1つの素晴らしいSketchチュートリアルです。

初心者のためのスケッチ ピン

そして、基本を学んだので、このニュースレターのチュートリアルを試してみてください!

Swiftアプリを作成する

アプリをビルドする ピン

Sketchは本当に最高の設計ツールであり、Swift.Codeがリリースされたので、状況はさらに良くなりました。

Sketch3でベクターロゴを作成する

ロゴスケッチ3の作成 ピン

このチュートリアルは間違いなく役に立ち、Sketch3でベクターロゴを作成する方法を学びます。

SketchでWebサイトをモックアップする方法

SketchでWebサイトをモックアップする方法 ピン

ボヘミアンコーディングでPhotoshopを使用せずに、簡単なWebサイトのモックアップを作成してください。

Sketchを使用したアプリユーザーフロー

アプリユーザーフロースケッチ ピン

デザインアプリのユーザーフローはSketchで表示されます。 アートボードは画面やアプリの状態を設計するのに最適ですが、このチュートリアルのおかげで、ユーザーがビュー間を移動する方法をさらに詳しく説明できるようになりました。

コーナー半径トリック

コーナー半径トリック-スケッチチュートリアル ピン

長方形に不均等なコーナー半径を設定する方法を教える簡単なトリックを学びます。

スケッチでリアルなクロノグラフ時計をデザインする

スケッチでリアルなクロノグラフウォッチをデザイン–スマッシングマガジン ピン

このチュートリアルは非常に詳細で、Sketchファンに最適です。 リアルな時計をすぐに作成する方法を学びます!

シンボルの力を活用する

シンボルの力を活用する ピン

シンボルの力を利用して、Sketchで使用できる最もクールなテクニックの1つを学びましょう。

スケッチでUIデザインを完全にレスポンシブにする方法—パート1

スケッチでUIデザインを完全にレスポンシブにする方法 ピン

1ページのウェブサイトやアプリのデザインを作成し、高さなどを変更する必要がある場合はどうなりますか? このチュートリアルでは、UIデザインをレスポンシブにするためのすべてのステップを説明します。

スケッチでUIデザインを完全にレスポンシブにする方法—パート2

スケッチでUIデザインを完全にレスポンシブにする方法 ピン

これは、前のチュートリアルの2番目の部分です。 これでは、垂直コンテンツにサイズを適応させる方法を学習します。

SketchでのSVGアイコンの準備とエクスポート

SketchでのSVGアイコンの準備とエクスポート ピン

アイコンデザインの基礎をおそらく学んだので、この簡単なチュートリアルを使用して、Web、iOS、およびAndroidで使用するためにアイコンをエクスポートしてください。

スケッチチュートリアルを学ぶ

チュートリアルはスケッチを学ぶ ピン

このWebサイトには、多くのSketchチュートリアルがあります。 それをチェックして、それまでの間、柔軟な画像グリッドを作成する方法を見てください!