Adobe Experience Design CC (Beta)

Webやモバイルアプリのデザインを作成する

XDに搭載されたリピートグリッドや生まれ変わった描画ツールなど、驚くほど簡単なカスタムUXデザインツールの使い方を学びます。さらに、シンボルやレイヤーなどを使って作業時間を短縮する方法も紹介します。 (見る, 19分)

Webやモバイルアプリのデザインを作成する

19分

準備するもの

ダウンロード 練習用のサンプルファイル(ZIP、7 MB)

XDインターフェイスについて

スタート画面とデザインモードの内容を確認しながら、役に立つヒントも学びます。

XDのデザインを一から作成する

リピートグリッド、カスタムカラースウォッチ、基本的なシェイプ、レイヤーなどを使用して、アプリケーションのホーム画面をデザインします。 

最初のアイコンを作成する

XDの描画ツール、パスファインダー、カスタム設定を使ってアプリケーションのアイコンを作成します。 

作業効率を上げる

シンボル、リピートグリッド、背景のぼかしなどを使えば、どんな画面でも素早くデザインできます。

これですべての作業が終わりました。チュートリアルをさらに役立つものにするために、アンケートにご協力ください。