강의

멘토링

커뮤니티

BEST
Design

/

UI/UX

UX/UI の始め方: Sketch 入門 (Inflearn Original)

広く使用されている UX/UI デザイン ツールである Sketch の機能を学び、アプリケーション インターフェイス デザイン全般について学習します。

難易度 入門

受講期間 無制限

  • inflearn
Sketch
Sketch
Prototyping
Prototyping
Sketch
Sketch
Prototyping
Prototyping

学習した受講者のレビュー

受講後に得られること

  • Sketch入門

  • Sketch の基本的な使い方

初めて出会うUX/UIデザインツール、
簡単で楽しく学ぶスケッチ(Sketch)📌

UX/UIデザインとは何ですか?

UXとは、User Experience、つまりユーザーエクスペリエンスを意味する言葉です。ユーザーの経験をデザインすることでウェブやモバイル画面を改善し、行動を誘導するデザインする作業をUXデザインと言います。サービスを利用する際に何を必要とするのか、その過程でどんなことを経験するのか、不快感を感じないのか、ユーザーの観点からサービス体験を構想する作業です。この過程でユーザーが接するような画面、つまりユーザーインターフェース(User Interface)を設計して構成するまでのすべての過程をまとめてUX/UIデザインと呼びます。

一般的にデザインといえば創造的または芸術的な分野だと思うかもしれません。しかし、UX/UI分野は創造性だけでなく、ユーザーの立場での経験と利便性を考慮した「論理」を必要とする分野です。デジタル機器とユーザー間のインタラクションを引き出す必要があるからです。産業トレンドを追うために着実な練習と努力が必要な理由です。

このレッスンでは、UX/UI デザインスキルを備えたい方に必要な UX/UI デザインツール、 Sketch(スケッチ)を利用して Web/モバイルアプリインターフェースをデザインする方法を学びます。


初心者でも簡単かつ迅速
スケッチ学習!

Sketchはどのようなツールですか?

*Sketch(スケッチ)は、mac環境でのみ使用できるツールです。

Sketchは、UIデザインのためのシステム設計も役割を果たすワイヤフレーム(Wireframe)を作成し、プロトタイプを作成できるデザインプログラムです。ベクトル方式のデザインツールなので、解像度を変更しても画像の損傷がないというメリットがあります。おかげでデスクトップ、モバイルなど様々な機器解像度に対応が可能です。過去のビットマップ方式のPhotoshopでUIを設計する場合、より効率的に迅速に作業を処理できます。

このレッスンでは、旅行を支援するアプリケーションを直接設計してみます。
サービスコンセプト企画からワイヤーフレーム作成、レイアウトデザインはもちろん、アイコンやシンボル追加などの細部までも一緒に進むことができます。
そのほか、コラボレーションのためのツールであるゼプリン(Zeplin)連動だけでなく、バ​​ージョン管理を助けるアブストラク(Abstract)、プロトタイピングを助けるプロトファイ(ProtoPie)まで、さまざまなツールとの連動方法も一緒に学びます。

このレッスンでは、UX / UIデザインの基本的な知識を習得することから始め、Sketchの使い方を例にしたがって、デザイナーとして能力を育てるためのデザイン学習のヒントまで取り上げる予定です。単純な理論やツールの使用だけでなく、実践で応用する方法、デザインを学ぶのに必要な方向を設定する方法まで、皆さんに一つ一つお知らせします!


じっくりと冷たい。


順番に学習してみてください!

UX/UIデザインウォーミングアップ!
あなたはどのようにUX / UIデザインを始めましたか? UX/UIデザインで何をしてみたいですか?ユーザーの経験に基づいて、Webやモバイル画面を改善し、行動を促すUX / UIデザインの基本的な背景知識と流れ、ITワーキングトレンドを簡単に見てみましょう。
スケッチ、一つ一つ掘ってみます。
Sketchツールのインストールからファイルを作成し、画面やパネルなどのインターフェースを操作する方法まで、ツールの使い方を学ぶことができます。それだけでなく、UX/UIデザインの必須要素であるコンポーネント(Component)を調べ、デザインシステムの必要性を理解することができます。
私の手で作るモバイルアプリのデザイン。
サービスのコンセプトを構想し、ワイヤフレーム(Wireframe)を描いてみて、それぞれのデザイン要素を設計して配置してみます。アプリケーションの設計過程を私の手に従うと、Sketchの使い方を自然に習得できるようになります。
コラボレーションで実戦能力 Upgrade+
Sketchで作成したデザインシアンをチームと共有し、実際に実装するには、いくつかのツールをさらに活用する必要があります。デザインベースのプロトタイプを作成してテストするプロトパイ(ProtoPie)、開発者がデザインを確認するためのGUIガイドプログラムジェプリン(Zeplin)、バージョン管理に必要なアプリストラク(Abstract)まで、さまざまなツールの使い方を一緒に学びましょう!
成長するデザイナーになれるように!
デザインは一度学び終わる技術ではありません。トレンドを着実に調べ、さまざまな方法論を習熟し続ける必要があります。良いプロジェクトを選んで研究する過程も必要です。良いデザイナーを夢見る方のためのデザイン学習法をお知らせします。

こんな方に注目してください!

UX/UI?

実際のUX/UIデザイン
プロセスが気になる人

スケッチ?

UX/UIツールの使い方
学びたい人

私の夢はデザイナーです

UX/UIデザイナー
なりたい方

チームワーク

デザイナーとコラボレーション
PM、PO


UX/UI入門,
Inflearnと一緒に挑戦してみてください。

InflearnオリジナルUX/UIロードマップを見る✨

受講前にご確認ください!

  • Sketch(スケッチ)はmacOS環境でのみ使用できます。
  • 本講義は、授業内容に対する質疑応答を提供しない講義です。学習に参考にしてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Sketch を初めて使用する人

  • デザイナーとの協力が必要な PM

  • プロトタイピング ツールの使い方を学びたい方

前提知識、
必要でしょうか?

  • UX/UI デザインに関する背景知識があれば尚可

こんにちは
です。

713,547

受講生

7,025

受講レビュー

118

回答

4.8

講座評価

144

講座

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

カリキュラム

全体

28件 ∙ (5時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

23件

4.6

23件の受講レビュー

  • ahrumist8147님의 프로필 이미지
    ahrumist8147

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    役に立った :)

    • kidater892142
      知識共有者

      こんにちは。 ahrumist、講義を聞いてくれてありがとう。不足していますが、私の講義が役に立ちました。これからデザイン作業も期待します。 :)

  • heejinyeo9718님의 프로필 이미지
    heejinyeo9718

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    YouTubeの無料講義では、学んでいなかったストールなヒントを学びました!

    • kidater892142
      知識共有者

      こんにちは。ヒジン 無料講義では学べなかった部分を解消してくれて幸いです。足りない講義ですが、今後、喜進様のデザインキャリアにお役に立てたことを心よりお願いします。講義が終わった後もあきらめず、いつも練習!忘れないでください:)

  • snrtn943653님의 프로필 이미지
    snrtn943653

    受講レビュー 67

    平均評価 4.9

    5

    11% 受講後に作成

    いいですね。

    • kidater892142
      知識共有者

      こんにちは。講義内容がデザインをする上で役に立ちました。練習も着実にすれば明らかに実力向上に役立つでしょう。 :)

  • hooncli님의 프로필 이미지
    hooncli

    受講レビュー 50

    平均評価 5.0

    5

    11% 受講後に作成

    Sketchの基本とデザインについて学ぶことができてよかったです

    • kidater892142
      知識共有者

      こんにちは。スケッチが初めてだったら慣れていないでしょうが、最後まで受講していただきありがとうございます。ツールは本当にツールだけに慣れれば、本当に自由自在にお使いいただけます。デザインもたくさん見て、キャンバスに直接描く練習を通じて身につけることができるという点も忘れないでください。 ^^

  • hyde31633589님의 프로필 이미지
    hyde31633589

    受講レビュー 349

    平均評価 5.0

    5

    100% 受講後に作成

    ありがとうございました。

    • kidater892142
      知識共有者

      こんにちは。できます。返信が少し遅かったのですが、今もデザイン作業を続けているのか気になりますね。ニックネームのように着実にすれば十分にできるのであきらめないでください:)

期間限定セール、あと2日日で終了

¥38,500

30%

¥6,919

inflearnの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!