Speaking Design

Workshop

レスポンシブデザイン

PC、スマホにタブレット…
あらゆるデバイスに最適化したWebサイトが作れるレスポンシブWebデザイン。
便利な制作手法ですが、デバイスごとのデザインを同時進行で考えなくてはならないので、プランニングがきちんとできていないと途中で挫折してしまう事もあります。

このワークショップではそのしくみを理解することから始めて、本格的なWebページを作成します。

デザインの考え方、制作のコツもお話ししていきますので、既に運営されているwebサイトにもすぐ応用できます。

セミナー、ワークショップ事例

セミナー、ワークショップの内容です。
(目安時間:下記1から3まで、トータルで4〜5時間程度)

  1. レスポンシブWebデザインの概要について
  2. レスポンシブWebデザイン演習(教材を使った、簡単なWebページの作成)
  3. レスポンシブWebデザイン実践(2で習得した内容を元に、本格的なWebページの作成)

完成品サンプル

セミナー、ワークショップで制作した作品例です。

スマートフォン用デザイン
タブスマートフォン用デザイン
タブレット用デザイン
タブレット用デザイン
パソコン用デザイン
パソコン用デザイン

参加者様のスキル目安

  

    

html&cssのスキル
html&cssで簡単なwebページを作った事のある方。
基本的な知識をお持ちであれば大丈夫です。

    

デザインのスキル
必要ありません。
当日は教材に沿って、みんなで同じ物を完成させます。