HPの作成(テクニック、素材)について

2012年05月29日

企画委員  秋山 剛

自社のHPを自分で作成する場合に、オリジナリティを高めるために色々なWeb素材を活用することをお勧めします。

ここでは、Web素材を提供しているサイトや、加工ツールをご紹介します。

1.まずは色を決めよう
 HPは配色によりイメージががらりと変わってしまいます。堅いイメージの企業がパステルカラーを使ったり、清潔さが売りの企業が暗い色を使ったりすると企業イメージを損ねることになります。まずは自社のイメージにあった配色を決めることが重要です。
以下のページで色見本が見れますので、参考にして下さい。

・原色大辞典
http://www.colordic.org/

以下のフリーソフトでも色見本を見たり、好きな色を作成することができます。他社のHPや素材等を見て「この色を使いたい」ということがあると思いますが、指定した場所の色を取得することもできます。

・色取鳥i(いろとりどりアイ)
http://www.vector.co.jp/soft/review/win95/net/se078107.html

2.Webの素材を集めよう
 Webページを作成する場合には、背景模様・ボタン・ライン・リストマーク・バナー・アイコン等を有効に活用すると見栄えのするページになります。そんな時に役に立つのがフリーの素材を提供してくれるサイトです。「WEB素材」等のキーワードで検索すると沢山のサイトが見つかります。色々なサイトからお気に入りの素材を集めましょう。
注意)使用する場合は各サイトの利用規約をよく読んで、規約に従って下さい。商用の使用が禁止されている場合や、許可がある場合もあります。
とりあえずビジネス向けに使えそうな素材サイトをいくつかご紹介します。

・e-素材web
http://homepage2.nifty.com/yaslink/index.htm
※ライン・ボタン・リストマーク・アイコン等が豊富にあります

・超シンプル素材集
http://sozai.akuseru-design.com/
※シンプルだけどビジネス向けには最適な素材が多数あります

・blue-green
http://bluegreen.jp/
※爽やかで、ECOな感じの素材が豊富です

・Microsoft Office Online
http://office.microsoft.com/ja-jp/images/?CTT=97
※言わずと知れたマイクロソフトが提供する素材です。ちょっとした挿絵等を探すには最適です。

また素材を提供しているサイトを検索するためのサイトもあります

・素材サーチMATEKEN
http://mateken.870search.com/
・素材の森
http://www.sozainomori.com/

3.有料素材も活用しよう
 フリーのWEB素材だけでもサイトの作成は可能ですが、ビジネスのサイトであればイメージ写真も活用したいところです。そんな時はWEBでイメージ写真が購入できるサイトを活用しましょう。サイズによって価格が違いますが、WEBで使用するだけであれば小さいサイズで十分です。1枚1000円未満で結構あります。会社のパンフレットにも使用するのであれば大きいサイズのものを購入しましょう。

・PIXTA
http://pixta.jp/

・photo library
http://www.photolibrary.jp/

4.素材を加工しよう
 上記で集めた素材に文字を入れたり、大きさを変えたりして独自の素材を作りたい場合があります。ここでは素材を加工するためのツールを紹介します。
※上記で集めた素材の利用規約で「加工OK」とされているか確認して下さい。

・Pixia
http://pixia-archive.fan.coocan.jp/
※指定した画像に文字を入れることができます。文字に影を付けたり加工もできます。
下記は「超シンプル素材集」の素材にこのソフトで文字を入れたものです

itc_chb_B_20120529.gif




・AquaMaker2
http://takabosoft.com/20110515124805.html
※画像加工ソフトではありませんが、アクア風の素材を作成するツールです
下記はこのソフトで作成したサンプルです

itc_chb_H_20120529.gif




・Irfanview
http://www8.plala.or.jp/kusutaku/iview/
※画像のリサイズやフィルターを掛けるのに使えます

・GIMP2
http://www.geocities.jp/gimproject/gimp2.0.html
※高機能なフリーの画像編集ソフトです。このページでは日本語で使い方等を解説しています。

  •           

>>広告掲載について

  • ITデータ企業向けサービス 登録依頼はこちら
  • ITCデータベース
  • ITC中部各種委員会に参加する
  • ITC中部登録情報変更フォーム
  • ITC中部コラム ビジネスに使えるITツールとは?
  • 合格への近道!
  • ITコーディネータ協会