chevron_left

これからのモバイルサイト UIデザイン基礎

PREMIUM

スライド資料

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

1 / 38

授業の概要

Web制作現場では、市場のニーズや制作ワークフローの変化から、Webデザイナーの役割が少しずつ変わってきています。従来では、ディレクターの作ったワイヤーフレームを元にPhotoshopでサイトデザインをするのがデザイナーの役割でした。しかし、現在ではサービスやプロダクト全体のユーザー体験(UX)の価値を上げるためにより良いユーザーインターフェース(UI)を設計するには、デザイン作業の前後の工程にも参加し、情報を深く理解するスキルが求められています。

全3回の授業で、モバイルサイトデザインにスポットを当てて、UIデザインの基礎授業を講義と実技を交えながら進めていきます。対象者は、Webデザインを勉強している初心者の方、またはモバイルUIデザインを基礎から学びたい方です。

1限目
モバイルサイト制作のワークフローと情報設計を学ぶ

※PhotoshopやIllustratorなどのデザインツールの具体的な使い方はこの授業で行いませんので、別の授業と併せてご覧ください。

自分で印刷して使えるプロトタイプPDF

 

 

こんな人にオススメ

Webデザインを勉強している初心者の方、スマホUIデザインを基礎から学びたい方

チャプター

play_arrow
自己紹介
01:29
play_arrow
授業ターゲットの紹介
00:49
play_arrow
授業の目標
00:35
play_arrow
今回の授業内容
01:18
play_arrow
先生からの質問:UIデザインとは何か説明出来ますか?
02:40
play_arrow
UIとは?
01:12
play_arrow
UXとは?
02:04
play_arrow
PCとモバイルUIの違い
05:55
play_arrow
Webサイト制作ワークフローについて学ぼう
05:46
play_arrow
本日の授業で触れるワークフロー
03:40
play_arrow
情報設計について学ぼう
00:15
play_arrow
コンセプトとは
01:27
play_arrow
ペルソナとは
05:32
play_arrow
5W1Hで考えて見よう
00:58
play_arrow
サイトマップについて学ぼう
03:42
play_arrow
ペーパープロトタイプについて学ぼう
07:27
play_arrow
デザインコンセプト
05:41
play_arrow
デザインのインプット方法に付いて例を見てみよう
03:40
play_arrow
まとめ
02:45
play_arrow
次回授業の予告
00:27
play_arrow
Q,最近、『UIデザイン(デザイナー)』と『webデザイン(デザイナー)』が混在してきてる気がしますが、使い分けられている理由はあるのでしょうか?同意語に感じるのですが、、
01:45
play_arrow
Q,プロトタイプを社内だけでなくクライアントさんにも見せて共有するといいとのお話がありましたが、紙では直感的にリンクなどの動きを伝えづらいと思うのですが、いい方法はありますか?
01:30
play_arrow
Q,プロトタイプは紙媒体で作成するんですね。プロトタイプを作るようなソフトがありますが、先生は使用されてますか?使用されているようでしたら、どんなソフトを使用してますか?
01:23
play_arrow
お知らせ