デジハリ・オンラインスクール ブログ

≪授業レポート≫ すぐ分かる。 「ディレクション」 ってなに？

みなさん、こんにちは。

デジハリ・オンラインスクール、授業運営担当の牧野です。

 

授業の一部をちょっとだけご紹介する＜授業レポート＞のお時間がやってきました！

今週はちょっと趣向を変えて、画像付きメルマガでお送りします。

 

さて、今回の授業は「Webディレクション実践」のご紹介です。

Web制作で重要な「Webディレクション」の役割を解説していきますよ。

 

それではいってみましょう！

 

──────────────────────────────────

【1】ディレクションって何？

 

クライアント側のWebサイト制作の目的や、Webサイトそのものの役割を明確にし、その目的から外れずに進行管理をすることがディレクションの役割です。

 

ディレクションには

　1.Webプロデューサー

　2.Webディレクター

　の役職があります。

 

──────────────────────────────────

【2】プロデューサーとディレクターは何が違う？

 

　　1.Webプロデューサーと

　　2.Webディレクター

　の境界は明確ではありませんが、一般的に

　　1.は「制作全体の収益を考える…営業部門」

　　2.は「制作の内容自体を考える…制作部門」にわけられます。

　会社の規模によっては兼任していることも多いです。

 

──────────────────────────────────

【3】クリエイティブディレクションの役割は何？

 

　クリエイティブディレクションの役割は、

　　1.ビジュアルデザインの決定

　　2.スクリプトに関する設計

　　3.情報デザイン的処理

　　4.サイト検証

　　5.運用面での計画等、多岐に渡っています。

すべてを深く理解する必要はありませんが、幅広い知識が求められます。

 

──────────────────────────────────

 

　いかがでしたか？

　授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

　また、授業の内容はtwitterやブログでも随時公開していますので

　ぜひぜひこちらもチェックしてみてくださいね！

 

　それではまた来週！

≪授業レポート≫ 「3分」でわかる！「Webディレクターのお仕事」

 

　みなさん、こんにちは。

　デジハリ・オンラインスクール、授業運営担当の牧野です。

 

　今週も授業の一部をちょっとだけご紹介する

　＜授業レポート＞のお時間がやってきました。

 

　本日は3分で分かる「Webデザイナーのお仕事」ディレクター編をお送りします。

 

　一口にWebサイト制作と言っても

　それがどの業種の、どのような目的のWebサイトなのかによって

　内容や構成は大きく変わってきます。

 

　Webデザイナーとしてお仕事する時には

　───────────────────

　「お客様がどういうWebサイトを必要としているのか？」

　───────────────────────────

　をきちんと見極めて企画・制作をする

　─────────────────

　ディレクション力がとても大事なのです。

　───────────────────

 

 

　お客様にあったWebサイトの企画・制作ノウハウを学ぶことができるのが、

　今週の授業「Webディレクション実践」です。

 

　◇Webディレクション実践

 

　Webデザイナーとしてお仕事をする

　ノウハウを習得できるとても大切な授業です。

 

　ちなみにこちらの授業は未経験からSOHO・在宅ワークを目指す

　「Webデザイナー SOHO・在宅講座」のカリキュラムに含まれています。

 

　「うう、難しそう・・・」

 

　授業は全くの初心者の方でもしっかり

　ご理解いただける内容なのでご安心くださいね！

 

　では、今週も言ってみましょう！

 

──────────────────────────────────

　【1】ユーザーゴールをはっきりさせましょう。

 

　Webサイトの設計をする際にはユーザーの方のゴールと

　Webサイトを運営する会社のビジネスゴールをはっきりと

　させる必要あります。

　これを明確にしてから設計に入りましょう。　

 

──────────────────────────────────

　【1】支給された画像の処理は？

 

　サイトで使用するイメージがクライアントから支給された写真の場合、

　印刷物等で使用されている写真と同じことが多いです。

　印刷物の写真は、スクリーン上ではぼやっと見えることが多いため、

　「シャープ」をかけて使用することが多いです。

 

──────────────────────────────────

　【2】SEOで一番大切なことは？

 

　SEOで大切なのは「検索エンジンのためではなく、ユーザーを第一に考えたコンテンツ作り」。

　例えば、アクセシビリティを考慮したサイトは自ずとSEOにも優れています。

　逆に特殊な裏技等を使用するとスパム扱いされる場合があります。

 

　※SEOとはgoogleなどの検索エンジンで自分のWebサイトを上位に表示させることです。

 

──────────────────────────────────

　【3】カラーを理解しよう。

 

　カラースキームとは、サイト内で使用する配色の方針のこと。

　①色の3属性（「色相」、「彩度」、「明度」を整理）

　②サイトで使用する「トーン」を決定

　③メインカラーを選択

　④メインカラーと組みわせる配色を選ぶという流れで作られます。

 

──────────────────────────────────

 

　いかがでしたか？

　授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

 

　それではまた来週！

 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

　■ 最大36,000円お得！

　◇"SOHO・在宅応援"キャンペーン【締切10月31日(水)】

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

≪授業レポート≫ “就・転職面接”を成功させる秘訣とは？

 

　みなさん、こんにちは。

　デジハリ・オンラインスクール、授業運営担当の牧野です。

 

　ちょっと間が空いてしまいましたが、授業の一部をちょっとだけご紹介する

　＜授業レポート＞のお時間がやってきました！

 

　今週は「Webデザイナー講座」に含まれている

　ライブ授業の一つ「就転職対策ゼミ」です。

 

　◇Webデザイナー講座

 

　本授業では気になる「Web業界」への

　就職、転職方法を具体例を元に伝授していきますよ！

 

　就職希望の方は必見の内容です！

 

　それでは、授業内容をご覧ください！

 

──────────────────────────────────

　【1】Web業界の業態を知ろう

 

　Web業界にはいくつかの業態があります。

　その業態ごとにWebデザイナーに求められる資質も違うのです。

 

──────────────────────────────────

　【2】就職先は大手と中小どちらが有利？

 

　就職するにあたり大手か？中小か？も悩ましいところ。

　中小企業であれば、デザインからアートディレクションまで

　幅広く業務を行うことができます。

　そこで、中小の方がメリットもある場合もあります。

 

──────────────────────────────────

　【3】自分自身を棚卸ししよう。

 

　本日のキーワード：自分自身の人生の棚卸しをしてみましょう。

　面接を突破するための一番の特効薬です。

　自分自身を知り、しっかりとストロングポイントを見極め、

　相手に自分を理解してもらいましょう

 

──────────────────────────────────

　【4】面接成功秘訣！

 

　『面接は自分自身のセールスである』

　雇う側である会社の立場になってみて考えてみましょう。

　面接は自分という商品をオススメする場面です。

　自信のストロングポイントをしっかり伝えましょう。

 

──────────────────────────────────

 

　【5】たくさんWebサイトをみよう！

 

　就職活動をしている受講生へのアドバイスとして、Webサイトの観察があります。

　サイトは自分で探さなくていいのです。

　ポータルサイトで効率的に数多くのサイトを見て、眼を養いましょう！

 

──────────────────────────────────

 

　いかがでしたか？

　授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

　また、授業の内容はtwitterやブログでも随時公開していますので

　ぜひぜひこちらもチェックしてみてくださいね！

 

　それではまた来週！

 

 

------------------------------------------------------------------------

◇授業料5%OFFで受講できます！【1期生受付締切：10月15日(月)】

------------------------------------------------------------------------

≪授業レポート≫「 Webサイト設計」で抑えておきたい3つの用語

 

　みなさん、こんにちは。

　デジハリ・オンラインスクール、授業運営担当の牧野です。

 

　ちょっと間が空いてしまいましたが、授業の一部をちょっとだけご紹介する

　＜授業レポート＞のお時間がやってきました！

 

　今週は「Webデザイナー SOHO・在宅講座」に含まれている

　ライブ授業の一つ「Webディレクション実践」です。

 

　◇Webデザイナー SOHO・在宅講座

 

　今回の授業では、Webサイトを設計する際に

　抑えておかなければならポイントを学習しました。

 

　それでは、授業内容をご覧ください！

 

──────────────────────────────────

　【1】用語その[１]「 サイトマップ」

 

　サイトマップ：Webサイト全体の構造を俯瞰できる 設計図。

　関係者でサイト構造を把握する目的があります。上位階層を表示させます。

　一番上はほぼ確実にトップページです。

 

──────────────────────────────────

　【2】用語その[2]「フローチャート」

 

　フローチャート：流れ作業図のこと。

　ページ内での処理の処理の分岐やアクセスの流れを表現します。

　会員登録や商品決済など、必ずスムーズに最後まで到達するとは限りません。

　画面が戻る可能性や様々なエラーを考慮します。

 

──────────────────────────────────

　【3】「エラー」もきちんと考えておこう。

 

　フローチャートを考えるときは「順調に処理が進むパターン」だけではなく

　「エラーの場合」もしっかり考える必要があります。

　「エラーの場合」は考えうるパターンははるかに多いのです。

 

──────────────────────────────────

　【4】用語その[3] 「ユーザーインターフェイス」

 

　ユーザーインターフェイス：

　ユーザに対する情報の表示や情報へのアクセスに対する「操作感」のこと。

　Webサイトの場合、ナビゲーションやボタンなど操作に関わるものが該当します。

 

──────────────────────────────────

　【5】授業ではこんなことも考えます。

 

　授業ではショッピングサイトで買い物カゴに商品を入れてから決済が

　完了するまでどんなタスクがあるかを授業に参加している皆さんで考えました。

　たとえばログインしているかどうか？支払い方法は何か？など。

──────────────────────────────────

 

　いかがでしたか？

　授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

　それではまた来週！

------------------------------------------------------------------------

◇講座内容がリニューアルされました！【1期生受付締切：10月15日(月)】

------------------------------------------------------------------------

≪授業レポート≫Webレイアウトを成功させる3つのポイント

　みなさん、こんにちは。

　デジハリ・オンラインスクール、授業運営担当の牧野です。

 

　今週も授業の一部をちょっとだけご紹介する

　＜授業レポート＞のお時間がやってきました！

 

　が、前に。

 

　--------------------------------------------------------------

　「受講している人はどんな人が多いのだろう？」

　「どんな目的で受講しているの？」

　--------------------------------------------------------------

 

　と気になったことはないでしょうか？

 

　そんな疑問をお持ちの方はぜひこちらのページをご覧ください！

 

　◇受講生の“本音”を大公開！

 

　いかがでしたか？

　本気で受講に取り組む様子を感じていたけるとうれしいです。

 

 

 

　それでは今週の授業レポートです！

 

　今週は「Webデザイナー講座」に含まれている

　ライブ授業の一つ「実践ワークフローゼミ」です。

 

　◇Webデザイナー講座

 

 

　今回はWebサイトを設計する際に気を

　つけるべきことを解説していきます。

 

　Webサイト設計は制作の根幹にかかわる大事な部分です！

 

　プロのデザイナーがどのような考え方をしているか、

　すこしだけ授業をご覧ください！！

 

──────────────────────────────────

　【1】 Webレイアウトのコツ１と２

 

　Webレイアウト・コンテンツのカテゴライズのポイント：

　1. カテゴリの順番⇒人の目線は左から流れます。

　 　はじめて見た人にもわかりやすい順番を意識しましょう。

 

　2.サイト内に同じコンテンツ（ページ）内容を作らない。

 

──────────────────────────────────

　【2】Webレイアウトのコツその３

 

　3. タイトルの名づけはユーザ視点でわかりやすいものにしましょう。

　作り手は内情を理解していますが、ユーザは知らずに見ている可能性があることをお忘れなく。

　また、同じタイトルを使い回さない方が望ましいです。

 

──────────────────────────────────

　【3】Webページの構成要素

 

　Webページの構成要素：Webページは、さまざまな「要素」から構成されています。

　これらの要素は

 

　1. 全ページ共通で使われる要素

　2. 各ページ内のみ使われる要素

 

　の２つにに分けることができます。

 

──────────────────────────────────

　【4】Webサイトのレイアウト方法

 

　Webサイトのレイアウトでは、 エリアをわける段組のことをカラムと呼びます。

　仕事のやりとりでもよく出てくる言葉なので覚えておきましょう。

　デザインは一般的に２カラムまたは３カラムが多いです。

 

──────────────────────────────────

　【5】「ユニークユーザー」、「PV」とは？

 

　UU/UA(ユニーク数)：サイトを見に来た「人数」

　PV(ページビュー)：ページを見られた「数」

 

　同じ人が何度も同じページを見る可能性もありますね。

 

──────────────────────────────────

 

　いかがでしたか？

　授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

　また、授業の内容はtwitterやブログでも随時公開していますので

　ぜひぜひこちらもチェックしてみてくださいね！

 

 

　それではまた来週！