chevron_left

Webデザイン実践
PREMIUM
第3回

Webデザイン実践 デザインの命ファーストビュー制作〜サイト例〜

2015年5月9日 40min
Webデザイン実践 デザインの命ファーストビュー制作〜サイト例〜 play_arrow おためし受講

スライド資料

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

1 / 21

授業の概要

サイトに着地した瞬間に見える画面をファーストビューと言います。
ファーストビューは、訪問者を直帰させるのか、それとも興味を持って回遊し、滞在時間を伸ばしてくれるのかの明暗を分ける、サイト作りにおいて最重要な部分です。

サイズを意識しないサイトはデザインの一部分しか見えないのでデザインにもなりません。
PCもスマホもきっちりファーストビューで完結するデザインの手法を学んでいきます。

前半は、ファーストビューで勝負した優れたサイト例を見ていきます。
優れたサイトのファーストビューにある共通点をあらわにして、後半の実戦へとつなげていきます。

こんな人にオススメ

効果的なWebデザインをしたい人、人を惹きつけるWebデザインをしたい人

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

チャプター

play_arrow
自己紹介＆アジェンダ
01:09
play_arrow
動画系のファーストビュー例を見てみよう
06:25
play_arrow
劇場型のファーストビューを見てみよう
03:31
play_arrow
パララックスのファーストビューを見てみよう
02:47
play_arrow
jQueryのファーストビューを見てみよう
03:15
play_arrow
ファーストビューは環境によって変わる
09:11
play_arrow
ファーストビューに一番大切な物はなんでしょう？
04:41
play_arrow
ファーストビューに必要な要素は？