Webデザイン・ ディレクション基礎講座のアイキャッチ画像Webデザイン・ ディレクション基礎講座のアイキャッチ画像

日進月歩の技術にも色褪せないWebデザインの原理・原則を学ぶ

Webデザイン・ディレクション基礎講座

================================
開催日時:2026年3月18日(水)10:00~17:00
開催形式:東京会場(南青山)開催&オンライン(ZOOM) ハイブリット開催
(参加形式がご選択いただけます)
================================

見た目と仕組み、何となく理解して済ませていませんか?

スマホなどのマルチデバイスに対応したWebデザインをする時に、構造やシステムを理解していないと、PCサイトでは正常に表示されたのに、スマホではレイアウトが崩れているといったことになりかねません。Webデザインは見た目だけでなく、目に見えない裏側の構造やユーザーのデバイスのOSやWebサーバーの仕組みといった環境までを理解してデザインを進めていくことが必要となります。

そしてWebのデザインには一定のセオリーがあります。例えば「サイトの左上にはサイトのロゴが配置されている」、「ページの上部やサイドにはナビゲーションがある」となどです。そうしたルールを押さえて制作することでユーザーは迷わずに目的ページに辿り着くことができます。

そこで宣伝会議では見た目と仕組みを何となく理解して済ませるのではなく、グラフィックとの比較から、Webの特性を整理し、Webならではのデザインに仕上げるためのセオリーを学ぶ「Webデザイン・ディレクション基礎講座」を開講します。

このような方に最適な講座です

scene #1

ほとんど外注するにもかかわらず、どのように指示を出せばよいかが分からない

scene #2

画像もテキストにもこだわったのに、なぜか「Web に書いたチラシ」になってしまう

scene #3

予算を超えたり、スケジュールに遅れが生じたりと、進行業務に手を焼いている...

scene #4

PCで確認した時はイメージ通りだったのに、スマホ上ではレイアウトが崩れてしまっている

scene #5

日々進化するWeb 技術に左右されないセオリーが知りたい

目に見える部分だけの理解ではなく、
把握すべきはWebデザインの原理・原則、そして仕組み。

講義のポイント

Point1: 【基礎編】 発注の前に知っておくべきWebの基礎知識

Point2: 【実践編】 Webならではのデザインに仕上げる4つのポイント

講座で学ぶこと

01 Webならではの特性の把握

一度はしっかり学んでおきたいWebの3大特性を学びます。

02 HTML、CSSなど特定の技術がもたらすビジュアルへの作用

実装は外注するにしても、個々の具体的な技術がWebの裏側でどのように機能しているのかまで理解をしていないとディレクションすらできません。図のような個々の技術が持つ特徴とその活用法について学びます。

03 スタッフやパートナーと円滑に連携するための共通言語

Webの案件を円滑に進めるためには、クライアント目線からの要望とWeb制作の作業とを翻訳しながら進めることが必要です。例えば「○○みたいなサイトにしたい」という要望があった際にそれはどんな技術を使っているのか、それを使うためにはどのくらい予算がかかるかを理解していなければ、見積もりも提示できず、指示も出せません。発注や打合せをする際に、最低限知っておきたいWebの共通言語について学びます。

04 Webサイト構築のタスクとプロセスの見える化

プロジェクトを管理するには専門知識や技術だけが必要な訳ではありません。多くのタスクとプロセスを管理しながら進めることも同時に求められます。そのかじ取りを企業の担当者が行うことで、定められた期限の中で目的を達成することができます。本講座では限られた予算・期間で目的を達成するプロジェクトマネジメントのノウハウを学びます。

05 円滑な進行のために発注前に知っておくべきこと・準備するもの

多くの企業担当者がWeb制作会社とのやり取りがうまくいかないと悩んでいます。その多くは少しでも価格を押さえようと、要素だけでなく構成まで踏み込んで定義しようとしていることに共通点があります。何となく良いものが上がってきていると思う一方で、それで本当に良いのかと疑問を感じているなら、すぐに発注の仕方を見直すべきです。プロジェクトを進めるにあたって知っておくべきこと・準備すべきものについて学びます

06 魅力・見やすさ・使いやすさを兼備した企画のノウハウ

ユーザーの期待に応えることができなければ、サイトはその目的を果たすことはできません。コンテンツは、ユーザーのニーズと自社のビジネスゴールとのギャップを埋めるためのユーザー体験を提供することが必要です。そうするとデザインも、サイト構造も自ずとターゲットとなるユーザー起点で設計することが求められます。コンバージョンを促すコンテンツと、それが伝わる構造の作り方を学びます。

07 訴求内容がぶれないレイアウトのセオリー

Webページはヘッダー領域、ナビゲーション領域、コンテンツ領域、フッター領域の4つの領域から成り立っています。この領域ごとの特徴をおさえていないとデザインをブラウザのウインドウ内へどう配置するかが決められず、レイアウトができません。ユーザーに発信したい情報を載せるだけでなく、見やすく、使いやすくなければ目的とする情報は伝わりません

講師紹介

佐藤 好彦 氏
ウェブデザイナー/グラフィックデザイナー

佐藤 好彦 氏

ウェブなどのメディアのデザインやプランニング、コンサルティングとともに、デザイン関連の書籍や雑誌の執筆も手がけている。東京造形大学非常勤講師。 主な書籍に『フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。』(インプレス)『ビジネス教養としてのデザイン 資料作成で活きるシンプルデザインの考え方』(インプレス)『デザインの授業 目で見て学ぶデザインの構成術』(MdN)などがある。

桑原 翔 氏

1PAC. INC.

ディレクター/デザイナー

桑原 翔 氏

メディア表現研究科修士課程を修了後、2010年1PAC.INC.にデザイナーとして参画。 ウェブサイト、アプリ、サイネージなど主にデジタル媒体向けのUXUIデザインの経験を経て、アートディレクターとして複数の案件のクリエイティブを牽引しながら、プレイヤーとしてもデザイン、フロントエンド開発、アニメーションなど幅広く活動している。 主な仕事に富士フイルム株式会社、株式会社ベネッセコーポレーション、パナソニックホールディングス株式会社など。

受講生の声

プロジェクトを進めるにあたり、発注側・受注側双方の立場での気をつけるべきポイントを知ることができたので、早速役立てられる。

 

Webに関する前知識がなく不安だったが、講義内で押さえておくべき基礎知識から、Webサイトの最新のトレンドまでを学ぶことができた。

 

creativetyの高さが大変刺激になりました。もっとユーザー側の体験を想像することで、顧客の満足度を上げることができそうです。

 

特に役割と責任の体制については学びとともに耳が痛い話も多かったです。

 

カリキュラム

カリキュラム

時間

講義内容

10:00〜13:00

発注側として知っておきたいWebの仕組みとデザインの基礎知識


・ユーザー視点で考えるWebデザイン制作ノウハウ

・消費者とWebの接点

・Webデザインの基本

・Webサイトの構造設計

・デザインのトレンド

・デバイスの選択

・進行ノウハウ

14:00~17:00

ユーザー起点のコンテンツとサイト構造の作り方


・ユーザー体験の設計

・コンセプトダイアグラムとは

・カスタマージャーニーマップとは

・ユーザー起点の情報設計

・Webサイトの構造モデル

与えられた条件で目的を達成するプロジェクトマネジメント

・プロジェクトマネジメントの基本

・「誰に、何を頼めばいいのか?」を把握する

・具体的なプロジェクトの進め方

・見積の見方

・制作ガイドライン

・PCサイトの構成要素とレイアウトパターン

・グリッドシステムとレスポンシブデザイン

・PCとスマートフォンのサイトの振り分け

※上記内容は作成時のカリキュラムです。最新動向に応じて、講義内容は適宜アップデートしてまいります。予めご了承ください。

お申込み

料金プラン

3月18日(水)教室開催
教室受講でインタラクティブなやり取りが可能!
1日集中講座
受講料
59,000
(税込 64,900円)
3月18日(水)オンライン開催
オンラインでどこからでも参加できる!
1日集中講座
受講料
59,000
(税込 64,900円)

講座概要

開講日

2026年3月18日(水)10:00~17:00
前日までのお申込みとなります。

定員

30名

レジュメについて

オンライン受講:ご案内メールにてご確認ください。
教室受講:当日配布いたします。※一部投影のみの資料がありますので、予めご了承ください。

受講のご案内

オンライン受講:宣伝会議表参道セミナールームでの講義の様子をZOOMにてオンタイムで配信します。
教室受講:当日は弊社8Fセミナールームへお越しください。

詳細は申込後にメールでご案内します。

※受講は申込者本人に限ります。他人に貸与・譲渡することはできません。
※お申込み後のキャンセルは原則承っておりません。
※教室・オンラインライブ講座は、個人申込の場合、受講料について開講前のご入金を原則とさせていただいております。
※オンデマンド講座は、お申し込み後すぐに受講案内メールをお送りしており、メール受信後、ご視聴いただけます。 そのため、視聴の有無に関わらず、お申し込み後のキャンセルは一切、承っておりません。
詳しくは、特定商取引法に基づく表示をご覧ください。

資料・パンフレット

PDFをダウンロード

教育講座トップにもどる

この講座をシェア

この講座を見た人はこんな講座も見ています

MEET US ON

  • EC_CUBE_URL: https://www.sendenkaigi.com/product/add_to_cart/