効果的なモバイルUXを作成(デザイン+コーディング)

PhotoshopとAdobe XDプログラムを活用して、さまざまなデバイスのWeb、アプリレイアウトを設計した後、簡単なコーディング技術を学習して直接実装してみることができます。

難易度 初級

受講期間 12か月

HTML/CSS
HTML/CSS
jQuery
jQuery
XD
XD
HTML/CSS
HTML/CSS
jQuery
jQuery
XD
XD

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

4.5

5.0

박채윤

100% 受講後に作成

知らなかった部分を新たに知ることになっただけでなく、知っていた部分をもう少し簡単でもう一度整理できてよかったです。

5.0

주선우

100% 受講後に作成

良い講義です〜

5.0

mipizz

100% 受講後に作成

ありがとう

受講後に得られること

  • Adobe XDを活用したモバイルUXデザイン

  • HTML、CSS、jQueryを活用したモバイルUXコーディング

ウェブはもちろん、モバイルアプリまで!
UXデザイン実装の基礎📲

🗒講義紹介

(この講義は講師の回答は提供されません。ご参考ください。

このレッスンでは、Adobe PhotoshopとXDの両方のプログラムを活用して、モバイル、タブレット、デスクトップなど、さまざまなデバイスで実装可能なUXレイアウトを設計します。

また、デザインだけでなくモバイルデバイスの実装に適したコーディング方式を一緒に習得することで、実際に実装可能なウェブ、アプリのデザイン技術を学習できるようにします。

  • デザインツールを活用して、さまざまなデバイスのレイアウトを設計できます。
  • モバイルデバイスに適したコーディング方法を学習します。

🌈川の味を見る

🙌ここで扱うツール

  • Adobe Photoshop CC (2018)
  • Adobe XD CC (2018)
  • Atom 1.24.0
  • Google Chrome

本講義では、Adobe PhotoshopとXD CC 2018 バージョンとAtom 1.24を使用しています。したがって、そのバージョン以上の最新のPhotoshopとXDを使用することをお勧めします。

AtomとGoogle Chromeはどちらも公式ホームページから無料でダウンロードして利用できます。アドビツールの場合、公式ホームページでプログラムを購入したり、期間限定型体験版などを利用することができます。 公式サイトリンク(1) (2) (3)

🙋🏻‍♂️講義に関する予想される質問

Q. 非専攻者、入門者も聞くことができますか?
A. このレッスンでは、UXデザインの基礎知識を学ぶため、Adobe XDとHTML、CSS、jQueryなどを基礎からすばやく学習するようになっています。ただし、Photoshopの選手知識がある状態で受講してこそ、簡単に学習できることをお知らせします。

Q. 講義の教案は含まれていますか?
A. はい、講義の教案は、パート別の2番目の講義に添付されています。パート1の場合、教案ファイルの容量が大きく画面に表記されたドライブリンクに入ると教案ファイルのダウンロードが可能です。パート2の場合、レッスン再生画面の左タブにある雲の形のアイコンまたは右上の緑の[資料]アイコンをクリックすると、サンプル圧縮ファイルのダウンロードが可能です。 (進度率100%のため下部中央の「見ました」をクリックしてください。)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ウェブを勉強する学生

  • Webワークをする実務家

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

  • 基本的なPhotoshop活用能力

こんにちは
usefulitです。

8,278,109

受講生

6,448

受講レビュー

4.6

講座評価

308

講座

役立つIT講座を通じて、皆様の成長をサポートいたします。

カリキュラム

全体

46件 ∙ (22時間 13分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

46件

4.5

46件の受講レビュー

  • s2018d075759님의 프로필 이미지
    s2018d075759

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    知らなかった部分を新たに知ることになっただけでなく、知っていた部分をもう少し簡単でもう一度整理できてよかったです。

    • gh090672394님의 프로필 이미지
      gh090672394

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      良い講義です〜

      • yunihshin3848님의 프로필 이미지
        yunihshin3848

        受講レビュー 11

        平均評価 4.9

        4

        100% 受講後に作成

        講義名を見てデザイントレンドとか状況に応じてどのUXを適用するのが効率的なのかといった内容を期待しましたが、実際にはモバイルUXケーススタディのような感じで残念でした。また、コーディングが元のエラーを訂正しながら作業するのが自然な作業方式とはいえますが、初級レベルの講義なのですが、間違いが多いため理解が混乱していました。それでも、モバイルユーエックスの作業がどのように行われているのか見て学べるのは良かったです。

        • gicomong님의 프로필 이미지
          gicomong

          受講レビュー 8

          平均評価 4.4

          2

          100% 受講後に作成

          うーん……考えより…栄養のない内容…。 お金惜しい感じですね…。 1. この講義を聞いて創造的なデザインは不可能です。 A:ちょうどxdは何ですか?、Webデザインは一度もやったことはありません!これほどレベルの人が聞く 2. 評価が良くて聞いたところ、内容も大きく深さもなく講義数だけ多い... :私はこの講義を聞いたときにWebデザインのトレンドや状況別によく使われるレイアウトなどが欲しかったが……ただ……むしろ…。 ... おおおおお。

          • 최정은 (탈퇴)님의 프로필 이미지
            최정은 (탈퇴)

            受講レビュー 1

            平均評価 3.0

            3

            100% 受講後に作成

            役に立ちました。

            usefulitの他の講座

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

            似ている講座

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