chevron_left

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

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

2016年7月29日 60min
これからのモバイルサイト UIデザイン基礎 -3回目- play_arrow おためし受講

スライド資料

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

1 / 50

授業の概要

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

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

3限目
モバイルサイトデザインのコツのポイントを押さえる

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

Material design

 

こんな人にオススメ

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

担当の先生／パーソナリティ

チャプター

play_arrow
自己紹介
00:33
play_arrow
授業ターゲット
00:27
play_arrow
全3回授業の目標
00:23
play_arrow
今日の授業内容
00:38
play_arrow
【質問】デザインツール何を使っていますか？
03:12
play_arrow
デザインツールの使い分けを学ぼう
00:19
play_arrow
Photoshop CCの特徴
02:28
play_arrow
Sketch 3の特徴
06:45
play_arrow
デザインの制作手順を学ぼう
06:51
play_arrow
デザインする際に考慮すべきことを学ぼう
10:21
play_arrow
デザインする際の気をつけるべきポイントを学ぼう
00:32
play_arrow
実機でチェックをしよう
01:01
play_arrow
フラットデザインを確認しよう
13:34
play_arrow
今回の授業のまとめ
01:21
play_arrow
全3回総まとめ
03:40
play_arrow
Q,素朴な質問です。PCサイトの場合は、参考にしたいサイトがどうなっているかをデベロッパーツールなどで研究できるのですが、スマホサイトはソースを見ることすらできません。良いツールはありますか？
01:16
play_arrow
Q,おすすめなCSSフレームワークはありますか？また、流行りのCSSフレームワークなどありますか？bootstrap以外で。
01:00
play_arrow
Q,デザインは楽しいですか？
00:29
play_arrow
先生から受講生の皆様へメッセージ
03:18
play_arrow
お知らせ