総合トップ
エンジニア転職
未経験の転職
新卒就活
プログラミング学習
ゲーム/マンガ
paizaとは?
講座一覧
問題集
スキルチェック
有料プラン
法人向け
学校フリーパス
ログイン
新規登録
メニュー
ログイン
講座一覧
スキルチェックを受ける
PC推奨
法人プラン
学校向け
おすすめコンテンツ
オフィス訪問
paizaの教育活用事例
4コマ漫画 ぱいじょ!
ゲームイベント一覧
paizaのサービス一覧
paiza転職(中途転職者向け)
paiza新卒(学生向け)
EN:TRY(未経験向け)
paizaラーニング(プログラミング学習)
paizaラーニングトップ
Webデザイン
Webデザイン入門編レッスン一覧
Webデザイン入門編2: レイアウトパターンとビジュアルデザインチャプター一覧
javascriptを有効にして下さい。
Webデザイン入門編2: レイアウトパターンとビジュアルデザイン
一部無料
有料プラン
Tweet
チャプター一覧
01:レイアウトの基礎知識
(3:42)
無料公開中
デザインする画面の骨格となるレイアウトについて学びます。
このチャプターを受講する
Webデザイン
02:レイアウトと構図
(3:24)
無料公開中
黄金比をはじめとした美しい構図をつくるためのテクニックを紹介していきます。
このチャプターを受講する
Webデザイン
03:ビジュアルデザイン1
(2:29)
Webサイトのメインビジュアルのデザインテクニックについて説明します。
このチャプターを受講する
Webデザイン
04:ビジュアルデザイン2
(2:54)
前回のチャプターに引き続き、Webサイトのメインビジュアルのデザインテクニックについて説明します。
このチャプターを受講する
Webデザイン
05:Webのレイアウトパターン
(2:57)
代表的なWebのレイアウトパターンを紹介します。
このチャプターを受講する
Webデザイン
06:Web・アプリデザイン
(3:46)
Webサイトやアプリの代表的なデザイン手法を紹介します。
このチャプターを受講する
Webデザイン
07:データグラフィック
(2:24)
データを視覚化して表現するデータグラフィックについて説明します。
このチャプターを受講する
Webデザイン
08:データビジュアライゼーション D3.js
(4:54)
データを表現するデータビジュアライゼーションのライブラリ「D3.js」を紹介します。
このチャプターを受講する
D3.js
Webデザイン
09:データビジュアライゼーション Chart.js
(4:02)
チャートを簡単に作成できるライブラリ、Chart.jsを紹介します。
このチャプターを受講する
Chart.js
Webデザイン
前のレッスンへ
次のレッスンへ