Material & Function
Webサイト制作のデザインに必要なのが「素材」で、便利なものが「機能」です。これから新しく制作する時に、何をどのように利用するかを検討してみてください。
Material
素 材
HWPが準備した素材は素材集(16点)・デジカメ撮影(13点)・画像ソフト制作(16点)があります。ただ、素材集以外はそのまま使用できるものは少なく、画像ソフトで色調を変換したり、補正をしています。
HWPのサンプル素材はトータルで45点ありますが、イメージに近いものを探してよりフィットしたオリジナル素材を制作するための参考にしてください。バナー・ナビボタン等に質感のある素材でデザイン処理して、他社との差別化を図るのも検討してください。また、柄によっては「線」としての使用方法も考慮してセレクトしました。
自社制作が決まった段階で、日頃から素材を意識してください。自社の素材として利用できそうな写真等は事前に素材集を購入したり、デジカメで撮影したり、画像ソフトで制作したりして、カテゴリー分けして保存しておくと、使いたい時にすぐに役立ちます。特にイメージ写真や内容に合った素材は意外と少ないです。
●素材インデックス
 |
 |
 |
 |
 |
| チュラルな木肌 |
自然・環境・若さ・成長 |
伝統と和風・洋風 |
 |
 |
 |
| 力強さと自然と気品 |
ソフトな温かみ |
差別化・インパクト |
 |
 |
 |
| 自然・精悍さと美しさ |
ハイテク・豪華・進歩 |
生活・自然 |
※掲載している素材は版権写真や素材集の写真等を処理したものです。無断での再利用はお断りいたします。
※素材集の写真に関しては当サイトには著作権がありません。
Function
機 能
●機能インデックス
これから新たにWebサイトを制作するなら各機能の採用は検討してください。機能と言っても今の企業Webサイトでは標準装備のものがほとんどです。
| スタイルシート(CSS) |
企業用のWebサイトは情報が多くなります。そして、これからも何度も自社Webサイトのリニューアルを施すことが予想されます。事前にスタイルシートを設定しておけば、全体のイメージを写真等とCSSファイルを変更するだけで見た目のデザインを迅速に変更することができます。
※古いブラウザではCSSが劣る場合があります。 |
| Flash |
自社の企業イメージや商品イメージ等を顧客に見てもらい、読んでもらいたい時に効果があります。また、Flashにはパズルやゲーム等にも使えますので、販売促進の道具としても利用価値がありそうです。
※FlashにはFlashプレヤーのソフトが必要です。無料配布なので、今ではほとんどの人がインストールしてるので問題は少ないですが、中にはまだOSが古い環境だったり、ソフトをインストールしていない場合もあります。
<Flashサンプル>※ナビボタンを押すと元の静止画に戻ります。
★HWPトップページ用サンプル01
※基本的には音は入れない方が無難ですが、今回はテスト用に音楽も設定しました。
★HWPトップページ用サンプル02
※イメージ写真とコピーライテングでの一般的な展開のフェード効果です。展開効果の方法は多種多様です。
★HWP本文ページ用サンプル01
※本文が明るいイメージになります。企画しだいでイラスト・写真・フォルムデザイン等のインパクトあるコンテンツ表現ができます。ただし、読むページに動きの速いFlashは禁物です。
★HWP本文ページ用サンプル02
※簡単なジグゾーパズルです。焦らずにゆっくりやれば楽しめます。
★HWP本文ページ用サンプル03
※簡単なビデオCM(17秒)です。宣伝・広告に使用できます。(音楽と音も設定しています)
※Mac等の環境だと映像が表示されないことがあります。ご了承ください。 |
| SEO対策 |
検索エンジンの「キーワード検索」で上位に表示されるためのテクニックです。インターネットショッピング等で売り上げが大幅に変動するような状況なら、SEO対策の専門業者に依頼するのがいいかも知れません。ただ、定期的な費用がかかるのと、すぐには効果がないことです。
できれば、事前に「SEO対策」を調べたり、専門書を読んでおくことをお勧めします。基本的な対策として、相互リンク(リンク)を多くする。キーワードを「自社Webサイトのタイトル」「トップページのbody」「各見出」「各コンテンツのbody」、meta nameの「description」「keywords」 に組み込む等があります。 |
| PDF |
企業の公開データ・販売促進・マニュアル等の配布に役立ちます。最新の印刷物も郵送しないで、ダウンロードで手軽に顧客(顧客予備軍)に届けることもできます。 |
| CGI |
ショップ機能・掲示板・カウンター等で有名ですが、初心者には難しい機能です。無料で利用できるものもありますが、htmlほどは簡単ではありません。コストをかけずに努力してマスターするかプロに依頼するかは、実際にチャレンジしてから決めてもいいかも知れません。 |
| GIFアニメ |
GIFアニメは初心者でも簡単にできますのでお勧めです。Flashほどスムーズではありませんが、動きで目線を目的の画像や企業コンセプトに誘導することは可能です。
★HWPトップページ用サンプル
※トップページのイメージ画像をGIFアニメにした例です。GIFアニメはイラストの動画が多いですが、写真画像でもこの程度ならできます。
※ナビボタンを押すと元の静止画に戻ります。 |
<2008.03.07追加>
Webサーバ認証 |
レンタルサーバの活用方法のひとつとして「Webサーバ認証」があります。IDとパスワードを知らないとページを開くことができません。会員制の掲示板等にも利用されていますが、社内用のチームやプロジェクトの共通情報の掲載等には便利な機能になるかも知れません。
<メリット>
外出先などから社内データを携帯電話等のモバイルから必要な情報を取得できる。
関係者のみで利用できる。
他にもアイディア次第で使い方は多様。
※極秘情報の掲載は危険ですが、基本的には一般の人には見たり読んだりすることはできません。 |
<2008.03.07追加>
シンプルフォーマット |
形から入っていかないと前に進みません。そこでフォーマットをひとつの形として3つに分類してします。
今回はシンプルにしましたので、いろいろと参考にしながら後から自社に合った追加や変更ができる構成を試みました。ナビボタンもすべてテキスト処理です。
Aフォーマット(一般的で合理的)
<ナビボタンが左側(右側)>
Bフォーマット(安定感を求める)
<ナビボタンが上側(下側)>
Cフォーマット(トップページのイメージに拘る)
<ナビボタンが中央側(上側・右側・左側・下側)> |
|