忍者ブログ
管理人がどうやってオンライン小説サイトを作っていったのか、その実体験によるノウハウや悪戦苦闘の日々をつづるWEB小説制作日記ブログです。 ちょっと変わった独自システム付きのネット小説サイトを運営しています。
[78]  [77]  [76]  [75]  [74]  [73]  [72]  [71]  [70]  [69]  [68
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

自作サイトで厄介なのことのひとつに、ページ・デザインに必要不可欠な“WEB素材”を用意しなければならない、ということがあります。
 
ブログ等なら予め様々なデザインのテンプレートが用意されており、それを選ぶだけで良い、というパターンが多いですが、自作サイトの場合にはページのレイアウトはもちろん、ページを彩る素材も自分で用意しなければならない場合が多々あります。
 
WEB素材の用意の仕方にもいろいろありますので、今回はその辺りをまとめていきたいと思います。
素材サイトさんを利用する
インターネット上には、WEBデザインに使える素材を扱っているサイトさんも多く存在します。
 
無料で使えるものも結構ありますので「ネットで検索→そのサイトさんから素材をダウンロード→ダウンロードした素材をサイト制作に利用」すると良いでしょう。
 
ただし、サイトさんによっては「18禁のコンテンツを扱うサイトでは利用できない」「商用利用不可」等の規制を設けているところもあります
 
自分が作ろうとしているサイトの種類をよく考え、各素材サイトさんの利用規約をよく確認した上で利用しましょう。
 
素材集を利用する
世の中にはデジタルな画像素材をテーマごとにまとめた「素材集」という便利なものが存在します。
 
書店のPC・ネット関連あたりのコーナーに置いてあることも多いですし、ネット書店でも売っています。
 
お値段はそれなりにしますが、プロのデザイナーさんが作っているものですのでクオリティーは高いです。
 
ただし、これに関しても様々な利用規約がある場合があります
 
できれば書店などで利用規約のページを確認した上での購入をオススメします。
 
ちなみに、自分がサイト制作に利用させていただいている素材集を、こちらに一覧でまとめてあります。
    ↓
WEBデザインに使える素材集
 
気になる方は是非ご覧になってみてください。
 
WEB素材を自作する
フォトショップなどの画像加工ソフトがあれば、自分で素材を自作することも可能です。
 
絵を描くセンスが無くても、たとえば文字キーボードの「*(アスタリスク)」を加工してお花っぽくしてみたり…

 
黒い背景の上に大きめの黄色い円と小さめの黒い円を重ねて三日月を作ってみたり…

(「ぼかし」効果をプラスすると、さらに雰囲気が出ます。)

 
2色の正方形を2つずつ用意して互い違いに配置することで「市松模様」を作ったり…

(これはさらにフォトショのフィルタ効果でわざと色ムラをつけています。)

 
実際、自分もサイト開設初期の頃は自作素材だけでサイトを作っていました。
 
…まぁ、簡単なデザインしかできなかったり、美的センスが求められたりはしますので、難易度は高めですが…。

拍手[0回]

PR
ブログ内検索
ブログ更新&チェックについて。

このブログは管理人に時間の余裕がある時にちょこっとずつ更新していく予定ですので、更新やチェックの頻度はおそらく数週間に1回~下手をすると1ヶ月以上の間が空いてしまう可能性も…。
もし更新が滞ったり、コメントくださって返事がなくても「あぁ、仕事が忙し過ぎて時間が無いんだな」と気長にお待ちいただければ幸いです。

ブログもくじ
ブログ記事一覧

(サイトと連動して作ったこのブログのもくじです。手動更新のため、最新記事などは入っていない可能性が高いです。)
管理人プロフィール
HN(ハンドル・ネーム):
津籠睦月(つごもりむつき)
職業:
社会人(毎日PCを使う仕事。残業も休日出勤も普通にあります。)
趣味:
小説・HP制作、読書、猫と遊ぶこと。
好きな小説ジャンル:
ファンタジー、冒険、恋愛、青春、推理、濃い人間ドラマの展開するモノ。
備考:
漢検2級(準1以上は未受験)。国語の最高偏差値80(高2時点)。

オリジナルのWEB小説サイトを運営しています。
猫好きです。
HPにも小説内にも気づけばあちこちに猫が…。
各種WEBサービス公式リスト
↑ 下部のURL( twitter.com/i/… )をクリック(タップ)でリストが表示されます。
webサービス不具合情報
参加ポータルサイト

人気ブログランキング
参加しているポータルサイト(ランキング)です。
相互RSS
アクセス・カウンター
小説サイト「言ノ葉ノ森」関連Tweetまとめ
P R
忍者ブログ [PR]