おためし受講中

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

前半はファーストビューの重要さを見てきました。
後半ではファーストビューに完結されたデザインを展開する手法を学んでいきます。

1.PCのアスペクト比は16:9か16:10
2.スマホのアスペクト比はほとんど16:9
3.スマホ時代のサイトはページ遷移よりもスクロール
4.どこをデバイスの画面に切り取られても美しく作る

学生代表

  • 大木 しのぶ

    大木 しのぶ

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    00:59  (00:13 ~ )
    実例で見るファーストビュー考察
    09:40  (01:12 ~ )
    ファーストビューの構成要素を考えてみよう
    04:41  (10:52 ~ )
    構成要素を加えていこう
    02:00  (15:33 ~ )
    ナビゲーションバーを加えていこう
    03:44  (17:33 ~ )
    企業名を加えていこう
    04:09  (21:17 ~ )
    【後半】質疑応答
    Q:BtoB向けの企業サイトもソーシャルブックマークはあった方がいいのでしょうか。
    00:32  (25:52 ~ )
    Q:子供向けでもSNS表示はあった方がよいですか?
    01:06  (26:24 ~ )
    Q:Sublimeのコメントアウトの方法を教えて下さい。
    00:58  (27:30 ~ )
    Q:最近Web制作ではsketch3というソフトを使用していると耳にします。田中先生は使用されたことはありますでしょうか?
    00:43  (28:28 ~ )
    Q:自分の作成したサイトがGoogleの検索にひっかかるようにするには、何が1番必要ですか?
    00:52  (29:11 ~ )
    Q:建設業なのですが、SNSは必要ないのでしょうか?
    00:43  (30:03 ~ )
    Q:ファーストビューがデバイスによって見え方が違ってしまうようですが、注意するポイントなどありましたら教えて下さい。
    01:07  (30:46 ~ )
    Q:「(大規模な)改装をしたら検索順位が下がる」と聞いたことがあるのですが、そうなのでしょうか?
    01:18  (31:53 ~ )
    Q:気に入ったサイトなどの保存はどうされていますか?
    00:53  (33:11 ~ )
    Q:最近のページは自動スクロールで同ページの下に移動するという形式が多いように感じます。SEO的に問題はありませんか?
    01:08  (34:04 ~ )
    Q:4つのSNSアイコンがありましたが、赤いPボタンは、pinterestというサイトですか?
    00:43  (35:12 ~ )
    Q:画像の容量はどのくらいまでが限度でしょうか?
    01:31  (35:55 ~ )
    Q:今回の架空サイトのソールはどこかで見れますか?
    02:04  (37:26 ~ )
    Q:解像度は画面の大きさでWebページの表示領域とは異なると思いますが、どうやって大まかなサイズを設定していますか?
    00:48  (39:30 ~ )
    Q:田中先生はレスポンシブでWeb制作をする時は、モバイルファーストかPCファーストどちらを優先して制作しますか?
    00:17  (40:18 ~ )
    Q:田中先生がWeb制作してる時に音楽とかかけてますか?
    00:52  (40:35 ~ )
    Q:フラットデザインがモバイルに良いということはあるのですか?
    01:46  (41:27 ~ )
    Q:WordpressでもプラグインなどでHPも制作ができると思いますが、HTML/CSSでは細かい事ができるという解釈では間違っていますか?
    01:36  (43:13 ~ )
    Q:IEの旧バージョンは基本どこまで対応していますか?
      (44:49 ~ )