강의

멘토링

커뮤니티

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

こんにちは
です。

712,207

受講生

6,849

受講レビュー

118

回答

4.8

講座評価

143

講座

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

カリキュラム

全体

28件 ∙ (5時間 3分)

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

受講レビュー

全体

23件

4.6

23件の受講レビュー

  • ahrumist님의 프로필 이미지
    ahrumist

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    도움이 많이 되었습니다 :)

    • 쏘피
      知識共有者

      안녕하세요. ahrumist님, 강의를 들어주셔서 감사합니다. 부족하지만 저의 강의가 도움이 되셨다니 오히려 제가 더 감사드리고 기쁩니다. 앞으로 디자인 작업도 기대할게요. :)

  • heejin.yeo님의 프로필 이미지
    heejin.yeo

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    유튜브 무료강의에서는 배우지 못했던 실속있는 팁들을 배웠습니다 !

    • 쏘피
      知識共有者

      안녕하세요. 희진님 무료강의에서는 배울 수 없었던 부분들을 해소하셔서 다행이에요. 부족한 강의지만 앞으로 희진님의 디자인 커리어에 도움이 되었기를 진심으로 바랍니다. 강의가 끝난 후에도 포기하지 않고 언제나 연습! 잊지 말아주세요 :)

  • 인프런님의 프로필 이미지
    인프런

    受講レビュー 67

    平均評価 4.9

    5

    11% 受講後に作成

    좋아요좋아요

    • 쏘피
      知識共有者

      안녕하세요. 강의 내용이 디자인을 하시는데 있어 도움이 되었기를 바랍니다. 연습도 꾸준히 하시면 분명 실력향상에 도움이 될거에요. :)

  • hoon Cli님의 프로필 이미지
    hoon Cli

    受講レビュー 50

    平均評価 5.0

    5

    11% 受講後に作成

    Sketch 기본 및 디자인에 대해 배울 수 있어 좋았습니다

    • 쏘피
      知識共有者

      안녕하세요. 스케치가 처음이셨다면 익숙하지 않으셨을텐데, 끝까지 수강해주셔서 감사합니다. 툴은 정말 도구일뿐 익숙해지시면, 정말 자유자재로 사용하실 수 있을거에요. 디자인도 많이 보고 캔버스에 직접 그리는 연습을 통해 익히실 수 있다는 점도 잊지말아주세요. ^^

  • 할수있다님의 프로필 이미지
    할수있다

    受講レビュー 349

    平均評価 5.0

    5

    100% 受講後に作成

    감사합니다 잘들었습니다

    • 쏘피
      知識共有者

      안녕하세요. 할수있다님. 답글이 조금 늦었는데 지금도 계속 디자인 작업 하고 계신지 궁금하네요. 닉네임처럼 꾸준히 하시면 충분히 하실 수 있으니 포기하지 마세요 :)

¥6,888

inflearnの他の講座

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

似ている講座

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