おためし受講中

おかしなWebデザインのすすめ -既存の枠のはみ出し方-

たくさんの素敵な先生がいる中で、このページを見て頂きありがとうございます。面白法人カヤックでアートディレクターをしております、佐藤ねじと申します。

こちらは、少し変わったWeb表現、発想を探しているクリエイター向けの「おかしなWEBデザインのすすめ」です。デザイナーでいえば、初級者・中級者に対応しています。

今回の授業では、教科書的なUI/UXの話は出てきません。今回は「いかに既存の枠からはみ出た表現をするか」についての考え方を、お伝えしたいと思います。発想法の紹介と、事例紹介、その応用法をご紹介します。また、リアルタイムでもらったコメントに合わせて、この場合、どう対応するか。質疑応答も活発に行う予定です。

この授業を通して、一見面白くない仕事を面白くする可能性も広げて頂けたらと思います。

参考サイト/予習教材

おかしなWebデザインのすすめ -既存の枠のはみ出し方-(全1回)

学生代表

  • 新井 利佳

    新井 利佳

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:20  (00:14 ~ )
    発想法「ブルーパドル」とは
    04:37  (01:34 ~ )
    フッター・エントリーフォーム 事例「MutationStudio」
    02:09  (06:11 ~ )
    製作過程・タイプミス 「年賀状2014.psd」
    03:15  (08:20 ~ )
    ワイヤー・ダミーテキスト 「すごいWEB」
    03:00  (11:35 ~ )
    IE7対応 「MutationStudio」
    02:28  (14:35 ~ )
    クリック 事例「絶対にクリックしてはいけないサイト」
    04:09  (17:03 ~ )
    URL・altタグ・SNSボタン・テキスト 事例「イーガジャケジョロ」
    03:55  (21:12 ~ )
    新しいものを作るには?
    02:33  (25:07 ~ )
    ブレストタイム
    09:52  (27:40 ~ )
    作り方を作る
    01:33  (37:32 ~ )
    アイデアをストックする
    01:30  (39:05 ~ )
    アイデアを昇華させる時間をつくる
    01:03  (40:35 ~ )
    軸は1つに絞る
    04:30  (41:38 ~ )
    まとめ
    01:00  (46:08 ~ )
    【後半】質疑応答
    Q:どういう状態のときに一番アイデアが浮かびますか?
    01:02  (47:25 ~ )
    Q:プルーパドルを含むデザインのアイデア出すために良い訓練方法はありますか?
    00:58  (48:27 ~ )
    Q:コレだけはやれない、やったらいけないという事はありますか?犯罪とかではなく、アクセシビリティ、ユーザビリティの点では。
    01:22  (49:25 ~ )
    Q:アイデア先行と目的(仕事上必要なテーマ、有用性)先行、どちらが多いのでしょうか。
    00:38  (50:47 ~ )
    Q:作ったものがバズった!という評価はどのように判断されてますでしょうか?
    01:40  (51:25 ~ )
    Q:こういった奇抜なモノの作成に対して、カヤックさんでは1日を10とすると何割ほどのパワーをかけるのでしょうか?
    00:54  (53:05 ~ )
    Q:アイデアをノートに書き出すとき、これはデザインアイデア、これは演出などをある程度区分けしてメモしたりしていますか?ページを分けるとか、色分けするとか。
    01:02  (53:59 ~ )
    Q:最近何か発想の元になったようなメディアや作品はありましたか?
    01:29  (55:01 ~ )
    Q:アイディアを実現するための、デザインとシステムの工程のスムーズなやりとりが難しいです。たとえばデザインでどこまで作るのかなど、上手くやりとりするコツなどはありますか?
    01:31  (56:30 ~ )
    Q:奇抜なモノに対して理解のある人は良いのですが、ディスられた事ないですか?
      (58:01 ~ )