リアルタイムで質問できる「ライブ配信」

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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