あなたのスケッチスキルを磨く

Sep 13, 2025

操作方法

スケッチ デジタル製品を作ることに関わる人のためのシンプルだが強力なツールです。ペン、紙、ホワイトボードはすべてのオフィスですぐに入手可能です。高価なハードウェアやソフトウェアは必要ありません。それは素早く、それは安くて、私たちの考えを説明する簡単な図を落書きするための芸術家である必要はありません。

初心者のためのトップスケッチのヒント

しかし、特にプログラミング、研究、製品管理のようなデザインの背景から来ている人のために、特にペンを拾うことから、多くの人々を停止させ、ペンを拾う潜在的なバリアがあるようです。文「私は知りません 描画方法 '私たちの頭の中で深く固定することができ、私たちが芸術のためのナックを持っていなかったら、スケッチは私たちのためになれません。

良いニュースは、誰もがスケッチできることです。スケッチは芸術作品を作成することではなく、アイデアを表現し、概念を見えるようなものを表現しています。スケッチインターフェースに関しては、さまざまな方法で組み合わされた行とボックスなど、私たちのスケッチの99パーセントを構成します。

この記事では、これらの基本的な食材を詳しく見てみて、私たちのラインやボックスがきれいに、クリーナーで自信を持っているための簡単なテクニックを探ります。私たちの考えを使って私たちの思考を明確にするかどうか、同僚とのソリューションを協力するため、またはステークホルダーやクライアントにコンセプトを提示するために、私たちは誰もが「どういう意味なのかを見てください」のためにそれをはるかに簡単にします。

01.自信を持って行を描く

Clear, confident lines make readability easier — 明確で、自信を持っている線は読みやすさを容易にします

自信を持っている線には、定義された始まり、落ち着いていて、そして固体が定義された最後の端があります。あなたの行をより自信を持って行うことを練習するには、あなたの行のこれらの3つの部分のそれぞれに注意を払ってください。

それは最初と最後に意識的に一時停止して、ラインに両側に素敵な堅実な感触を与えることができます。線を始動する前に、そしてそれを終了した後にペンを線の方向に動かすこともできます。

02.あなたの行を投げないでください

Thrown lines are great for creating dynamism, but no good for a clear sketch — 投げ線はダイナミズムを作成するのに最適ですが、明確なスケッチには良くない

あなたがあなたの行を投げるとき、焦点は始めになりますが、途中で失われます。引き出しは制御を失い、線は終わりに向かって定義を失います。投げ線は、（たとえばストーリーボード内の）ダイナミズムを表現するのに最適な方法ですが、スケッチインターフェイスをスケッチすると、動的表現ではなく、明確さと読みやすさがあります。

03.手首を持ち上げて直線線を描きます

If you’re having trouble keeping your lines straight, try lifting your hand off the page and pulling the pen towards you, rather than pushing it away — あなたの行をまっすぐに保つのに問題があるならば、あなたの手をあなたの手を持ち上げてあなたに向かってあなたに向かってペンを引っ張ってください。

あなたの行 - 特に長いもの - すべてがまっすぐではなく少し湾曲しているように見えますが、紙からあなたの手首を持ち上げてあなたの腕全体を動かしてみてください。あなたの小指を使って紙の上の手を安定させることができます。

04.自分に向かって描く

まっすぐな線を達成するためのもう一つの方法は彼らをあなた自身に向けることです。私達は私達がそれから押し上げるのではなく、私達が私達の体の中心に向かって手を引っ張るとき、私達の手の動きをより管理する傾向があります。水平線を描く必要があるときは、紙を回転させてください。

05.あなたの最適スケッチスピードを見つけます

Find the right speed so you don’t end up with shaky lines, or lines that go off target — あなたが震えている線、またはターゲットを撃退する線を終わらせるように正しい速度を見つける

スケッチは迅速な技術ですが、急いでいる必要はありません。紙の周りのペンを急いではいけません。代わりにあなたがあなたの行を制御して明確なマークを作ることを可能にする安定したペースを見つけます。

あなたの行が震えているならば、あなたはおそらく遅すぎるでしょう。あなたの図面を高速化することはあなたが滑らかなラインを作成するのを助けることができます。あなたの行がターゲットから離れているならば、あなたはおそらく速すぎるでしょう。遅くなると、あなたがあなたの行の道をより良いのを制御するのに役立ちます。

06.毛深い線を描画しないでください

Draw one long, confident line – hairy lines are distracting — 長く、自信を持っている線 - 毛深い線が気を散らす

いくつかの人々はたくさんの小さなセグメントのラインをスケッチする習慣を持っています。私の経験から、これは通常、誰かがSketchに自信を持っていないときに起こり、正しい行を少しずつ見つけようとしています。

結果として生じる「毛深い」行はこの不安を示し、スケッチに視覚雑音を追加します。全く連続した線を作る練習。計画どおりに行がなくなっていない場合は、別のものを置くだけです。時間が経つにつれて、これはより自信を持って、落ち着いた外観をもたらすでしょう。

07.明確な図形をスケッチします

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — あなたの絵を遅くし、あなたの形を鮮明に保つために各直線の間にあなたのペンを持ち上げます

箱は90度の角度で出会う4行で構成された簡単な形です。きちんとした箱をスケッチするには、各側面を個別に引き出し、各行の間にペンを持ち上げます。これはあなたがそれぞれの側面をまっすぐに保つのを助け、コーナーを素晴らしく定義されています。

あなたのペンを持ち上げることは自然に少し遅くするようにあなたを強制的に強制します、それはスロッピーボックスを避けるための最良の方法の1つです。

08.図形の角を閉じます

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — あなたがあなたの形を閉じるようにしてください。線の間の隙間は単に視覚ノイズを追加します

角が正しく閉じられていない場合でも、私たちの心は個々のストロークを1つの完全な形状として認識します。これは、人間の脳がかなり驚くべきことです - 特に視覚的知覚を扱う部分です。

ただし、ボックスの角を開くと、視覚的なノイズが発生し、実際に自分の視聴者が気付いたらいいのかから精神的な処理能力を消費します。あなたの箱の角を適切に閉じて習慣をつけなさい。角が重なっている場合、それも大丈夫です。

09.ニートブラインドテキストをスケッチします

Opt for straight lines for body copy and a tight zigzag for headers — ボディコピー用の直線とヘッダー用のタイトジグザグを選ぶ

スケッチのとき、私たちはしばしば線と筆記を表現するためにしばしば使います。これは、忠実度が低く、視聴者が実際の読みやすいコンテンツによって気を取られるのを防ぐために、見出しやテキストのブロックをスケッチするのに迅速な方法です。

私たちが注意を払っていないとき、特に見出しや大きなラベルのようなより大きなフォントを表現しようとしているとき、それはランダムな波線を使用する習慣（手書きに関連付けるものと同じように）。これにより、視覚ノイズを追加し、スケッチを読みにくくします。

ボディコピーときちんとしたティグジグザグのための直線を使って、より大きなテキストを表す習慣を得る。

あなたがこれらすべての小さい詳細を一緒に入れるとき、それがあなたのスケッチの全体的な外観になる違いは非常に印象的です。覚えておいて、目標は「美しい」または「芸術的」なスケッチを作成することではなく、あなたの出力を明確で落ち着かせるために、視聴者は不必要な視覚雑音によって気を取られるのではなく、表示されているという考えに集中することができます。

10.あなたの概念を伝えるために低い忠実度に行きます

Practise paring sketches back to just the essentials needed to capture your idea — パラメーションスケッチを練習してくださいあなたのアイデアを捉えるために必要なものだけに戻ります

Hans Hofmannがかつて言った：「必要に応じて不要に排除する手段を簡素化する能力」。

直線を生産する単なる技術的スキルを超えて、きちんとした箱は、スケッチのあまりトリッキー、より概念的な側にあります。概念を伝えるためにスケッチする必要がありますか？私が舞台にいる段階にはどのレベルの忠実度がありますか？

私の一般的なアドバイスは、次のように集中したいのであれば、それを低い忠実度でスケッチさせてください。何百人ものUX施術者にスケッチを教えた後、私はその本質へのスケッチを減らすことははるかに難しい挑戦であることを発見しました。詳細に気を取られるのは非常に簡単で、1つのスケッチにあまりにも多くを詰まらせることで明確さを失います。

低忠実度スケッチを練習すると、複雑な概念を要約するように強制します。それはまた私達にパターンを見つける方法を教えて、構造を理解するのを助けます。私たちが低い忠実度でスケッチをマスターするとき、私たちが大きな写真を最初に表示する方法を認識し、それが必要なときにより詳細にダイビングする方法を認識するのに役立ちます。

11.既存のインタフェースをスケッチします

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — 新しいレイアウトを作成するのではなく、デザインの本質をキャプチャすることに焦点を合わせるために既存のページであなたの練習スケッチを基調に基づいてください。

低い忠実度スケッチを作成する方法を学ぶ最善の方法は、既存のスケッチを実践することです。 ウェブサイトのレイアウト 。これにより、同じ時間に良い新しいデザインを思い付く必要がないので、これはあなたがスケッチしていることを完全に集中させることができます。

既存のインターフェイスのスケッチは、デザインプロセスで立ち往生している場合は、あなたが外出するのに最適な方法であり得る。改善したい現在のインターフェイスをスケッチすること、または同様の製品のインタフェースは、欠陥を見つけ、ステータスQUOにはるかに深く、構造的レベルに疑問を投げかけます。これはしばしば物事のやり方の方法のアイデアにつながる可能性があります。

12.あなたの聴衆を想像してください

Webサイト、ソフトウェアインタフェース、またはモバイルアプリから画面を選択します。この画面が何があるか、そしてその主要部分が何であるかを誰かに説明したいと思います。運動に集中するには、あなたが特定の人と話していると想像してみてください。製品マネージャ、ビジュアルデザイナー、開発者、コンテンツエディタ、潜在的投資家。オーディエンスが誰であるかによって、あなたのスケッチはスクリーンデザインのさまざまな側面に焦点を合わせます。

全体的な構造を最初にスケッチし、細部の量を最小限に抑えるためにあなた自身に挑戦してください。それは通常、本質に降りるために数ラウンドのスケッチを必要とします。

この記事は最初に登場しました ネットマガジン 問題285。

この投稿を「スキ！」と言っていますそれからこれらをチェックしてください：

Web Animations用のストーリーボードを作成します
アプリをサーバーレスにする方法
グラフィックデザインを学ぶための20素晴らしいリソース

あなたのスケッチスキルを磨く

01.自信を持って行を描く

02.あなたの行を投げないでください

03.手首を持ち上げて直線線を描きます

04.自分に向かって描く

05.あなたの最適スケッチスピードを見つけます

06.毛深い線を描画しないでください

07.明確な図形をスケッチします

08.図形の角を閉じます

09.ニートブラインドテキストをスケッチします

10.あなたの概念を伝えるために低い忠実度に行きます

11.既存のインタフェースをスケッチします

12.あなたの聴衆を想像してください

操作方法 - 最も人気のある記事

馬を描く方法

ShapR3Dを使ったGoのキットバッシュの方法

象の描き方

Procreateで古典的なおとぎ話のシーンを描く

VRの作成を改善するための5つのヒント

オイルで光を捉える方法

デジタルツールを使って手描きの外観を作成する方法

水彩画のマスターネガティブペインティング

カテゴリ