いちばんやさしいWebデザインの基礎入門

Webサイトの構築や構造、設計について学んでいきましょう。

今すぐ閲覧する

レベル

ビギナー

期間

1日約1時間で 0日間

レッスン


1 初心者のためにWebサイト設計入門

「販売」「お問い合わせ」などを達成するためのWebサイト設計を学びます。Webサイト設計に必要な導線設計からWebサイトを分類するおおまかな型までを解説します。

2 Webデザインにおける効果的なレイアウトを学ぼう

Webデザインにおけるレイアウトの意味とは何をどの部分に配置するかということです。このレッスンではレイアウトの基本について学んでいきます。

3 Webサイトにおける効果的なナビゲーション設計

このレッスンではWebサイトのナビゲーションの種類や、ナビゲーション設計について学んでいきます。グローバルナビゲーションやローカルナビゲーションなどはどのようなものか、それぞれを設置する際のポイントなど、ナビゲーションの基本を解説します。

4 UIデザイン(ユーザーインターフェース)パターンの基礎を学ぼう!

UIデザイン(ユーザーインターフェース)パターンとは、ユーザーにとっての使い勝手を良くするための型のことをいいます。このレッスンではUIデザイン(ユーザーインターフェース)パターンとは何か、そしてその代表的なパターンをいくつか取り上げていきます。

5 ユーザー導線とは?ユーザー導線の設計・作り方

ユーザー導線とは、ユーザーがサイトに訪れる目的を達成する為に導くという事です。このレッスンではユーザーにとって使い勝手の良いサイトを作る為に必要な事を学んでいきます。ユーザー導線の設計・作り方はこのレッスンで学ぶことが出来ます!

6 ワイヤーフレームの作り方・書き方のコツ

ワイヤーフレームとは、サイトの設計図の様なものだと前回のレッスンで学びました。このレッスンでは実際の作り方・書き方などについて学んでいきます。

7 修正などを最小限に抑えるプロトタイピング

プロトタイピングとは、サンプルを使い実際に動かし試す作業のことです。動かすというのは、このボタンをクリックするとこのページに飛ぶといったことです。

8 デザインの原理・原則を知ろう!

webサイトのデザインと聞くと、「見た目がおしゃれ」「かっこいい」「かわいい」等、見た目(外見)の部分を想像してしまうかもしれません。しかし、良いサイトを作るために本当に必要なのはそこではありません。

9 デザインの法則を学ぶ

デザインの為の法則には様々なものがあります。今回はそれらについて学んでいきましょう。

10 ユーザーインターフェースデザイン

ユーザーインタフェースとは、何らかの操作を行う際の、見た目や操作感を指します。「UI」と略される場合もあります。

11 モバイルファーストなサイトを制作するには

webサイトの制作は、ユーザーの環境に合わせて制作する事が重要です。

12 Webデザインにおける配色の基本を学ぼう!【図解たっぷり】

配色とは「色の組み合わせ」を指します。配色は、サイトのイメージを決めるだけではなく、使い勝手の部分にも影響するものです。

13 美しいデザインにするためのポイント

サイトデザインを分かりやすく美しいものにするためのポイントを学んでいきましょう。