chevron_left

親切解説プロトタイピングで学ぶアプリUIデザイン

PREMIUM
第1回

文字起こし

親切解説プロトタイピングで学ぶアプリUIデザイン -1回目-

2016年7月11日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 62

授業の概要

UIデザインはもとより、デザイン自体もちょっと自信がない。でもWebサービスやアプリ作りに関わりたい。そんな方々に向けてUIデザインの概要から実践を分かりやすく解説します。

「あっという間にアナタのモックアップがステキになる」そんな授業です。

授業内では、アシスタントが実際にプロトタイプを作ります。余裕がある方は一緒に作ってみましょう。より理解が深まります。

---

■ 1限目の内容
* UIデザインとは? どこが普通のデザインとは違うのか?
* ヒューマンインターフェイスガイドラインの要所、すっきり解説
* 簡単なアプリのプロトタイプを作ってみよう
* 誰でも出来るデザインフロー、「イシジマメソッド」

こんな人にオススメ

Webサービスやアプリ作りに関わりたいデザイン初心者

チャプター

play_arrow
授業内容の紹介
00:32
play_arrow
自己紹介
00:59
play_arrow
今回のアジェンダ
00:44
play_arrow
ビジュアルデザインとユーザーインターフェースデザイン
00:20
play_arrow
ビジュアルデザインとUI/UXデザインの違い
06:06
play_arrow
ヒューマンインターフェースガイドラインとは
03:00
play_arrow
ヒューマンインターフェースガイドラインのポイント
00:46
play_arrow
実際にアプリを設計をしてみよう
01:07
play_arrow
先生からの質問:子供の名付けアプリにどんな機能が欲しいか考えてみましょう
05:02
play_arrow
先生が考えた機能
01:01
play_arrow
考えた機能からHIGならって洗い出そう
03:35
play_arrow
5W1Hを利用して機能を洗い出そう
03:27
play_arrow
作例をもとにUIDを始めてみよう 
04:28
play_arrow
デザインプロセスで迷わずにすむ「イシジマメソッド」を学ぼう
01:46
play_arrow
優先順位をつけてレイアウトしよう
01:47
play_arrow
グループに分けよう
01:17
play_arrow
優先順位が高いものを大きくしよう
03:37
play_arrow
先生からの質問:なぜスマフォでは機能ごとに別のページに分けるのでしょうか?
04:54
play_arrow
そのページでは必要ない機能とは何なのかを学ぼう
04:13
play_arrow
まとめ
00:32
play_arrow
Q,イシジマ先生が、最近度肝を抜かれた ビジュアルデザイン、UIデザイン、UXデザインがありましたら 紹介をお願いします。
04:20
play_arrow
Q,何スクロールくらいでしょう
01:17
play_arrow
Q,デザインセンスがまるでないのですが、努力でUIデザインができるようになりますでしょうか?僕みたいな人はどんな努力をするとデザインができるようになりますか?
01:35
play_arrow
Q,機能をシンプルに削ぎ取る時に、クライアントと必ずぶつかります。ついつい譲渡して盛り込んであちゃーっと思うのですが、うまく誘導するコツは。
02:14
play_arrow
お知らせ