강의

멘토링

로드맵

Inflearn brand logo image
BEST
Design

/

UI/UX

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

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

  • inflearn
Sketch
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 デザインに関する背景知識があれば尚可

こんにちは
です。

698,440

受講生

5,823

受講レビュー

118

回答

4.7

講座評価

130

講座

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

カリキュラム

全体

28件 ∙ (5時間 3分)

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

受講レビュー

全体

23件

4.6

23件の受講レビュー

  • ahrumist8147님의 프로필 이미지
    ahrumist8147

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    It helped a lot :)

    • kidater892142
      知識共有者

      Hello. Ahrumist, thank you for taking the class. Although it is not enough, I am more grateful and happy that my class was helpful. I look forward to your future design work. :)

  • heejinyeo9718님의 프로필 이미지
    heejinyeo9718

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    I learned practical tips that I couldn't learn from free YouTube lectures!

    • kidater892142
      知識共有者

      Hello. Heejin I'm glad you were able to solve the parts that you couldn't learn in the free lecture. Although the lecture is lacking, I sincerely hope that it will be helpful for Heejin's design career in the future. Even after the lecture is over, don't give up and always practice! Don't forget :)

  • snrtn943653님의 프로필 이미지
    snrtn943653

    受講レビュー 67

    平均評価 4.9

    5

    11% 受講後に作成

    LikeLike

    • kidater892142
      知識共有者

      Hello. I hope the lecture content was helpful for your design. If you practice consistently, it will definitely help you improve your skills. :)

  • hooncli님의 프로필 이미지
    hooncli

    受講レビュー 50

    平均評価 5.0

    5

    11% 受講後に作成

    It was great to learn about Sketch basics and design.

    • kidater892142
      知識共有者

      Hello. If this is your first time using Sketch, you may not be familiar with it, but thank you for taking the class to the end. The tool is just a tool, and once you get used to it, you will be able to use it freely. Also, don't forget that you can learn by looking at a lot of designs and practicing drawing directly on the canvas. ^^

  • hyde31633589님의 프로필 이미지
    hyde31633589

    受講レビュー 349

    平均評価 5.0

    5

    100% 受講後に作成

    Thank you, I listened well.

    • kidater892142
      知識共有者

      Hello. I can do it. I know the reply is a little late, but I wonder if you are still working on the design. If you keep doing it like your nickname says, you can definitely do it, so don't give up :)

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

¥33

23%

¥6,554

inflearnの他の講座

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

似ている講座

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