2005年06月17日

メールマガジンサンプル


[モテるWebのカラクリ◆この技まるごとさしあげます]
いよいよ、まぐまぐよりメールマガジン創刊します!


すぐに実践できるWebデザインのノウハウ、
楽しくマネウェブして
自由自在にデザインできる技を身にをつけましょう。

週1回発行、もちろん無料です!
どうぞお気軽に登録していってください。

さ、どうぞどうぞ!

※「続きを読む」で創刊準備号をご覧いただけます。

------------------------------------------------------
  モテるWebのカラクリ◆この技まるごとさしあげます

             2005/06/13 創刊準備号
------------------------------------------------------

はじめまして。
「モテるWebのカラクリ◆この技まるごとさしあげます」
発行人のヨシカワです。
いま私は大阪市内でWeb制作を仕事にしています。
毎日、目が乾ききるほどWebサイトをいじっています。
主にデザインがメインですが、
時にはショッピングサイトの店長代理らしきこともしています。





このメルマガは

Webサイトをもっとカッコよくしたい!
自分でWebをデザインしてみたい!

…でもマニュアル本買って読んでも、イマイチしっくりこない。
なんかもっと「コツ」みたいなものってないのかな…。

というもどかしい気持ちをお持ちのアナタに送ります。


デザイン論とかそういうちょっととっつきにくいのはのは置いといて、
「カッコいいなと思うWebサイトをマネる技」を身につけましょう。

キーワードは「マネウェブ」です。

そして見ためだけじゃなく、見やすい、わかりやすい、
気持ちいいサイトを目指しましょう。


そうすればあなたのWebサイトは、たくさんの人が訪れる
「モテるWwbサイト」になるのです。
このメールマガジンがその手助けになれば、
こんなに嬉しいことはありません。



------------------------------------------------------
▼このメールマガジンの特徴
------------------------------------------------------

□発行周期:週1回配信(私のヒラメキによっては臨時号あり)

□購読料:無料


私がお伝えするモテるWebサイトにするための技は、
大きく分けて2種類あります。


1)サイト全体をまとめるためのノウハウ【サイトの整理整頓】

2)タイトルや見出し、ボタンなどの制作ノウハウ【サイトの見栄え】


自分の力で「マネウェブ」ができるようになるまで、
まずは私のノウハウをマネてみてください。

そして、これらをわかりやすくお伝えしたいので
実際の制作手順を追った画像を見ていただくために、
ブログと連動していきます。

http://maneweb.livedoor.biz/


また制作の際、私はマクロメディア社のFireworksという
ソフトを使用します。
(私の使用するバージョンは「MX(6.0)」です)

実際のソフトを使って試せる「30日間無償トライアル」あります。

http://www.macromedia.com/jp/software/fireworks/


このソフトはWeb制作のプロが第一線で使っているソフトです。
価格はアマゾンで調べたら¥36,729でした。

個人で買うには高いかもしれませんが、
ちょっと本気でWeb制作したい!という方にはぜひオススメします。
なんせホント簡単にプロ並の画像が作れますから。

もちろんこのソフトがないと、このメルマガ読む価値がないかというと
そんなことはないですよ!
さっき書いたように、マネするにもコツがあります。
皆さんが使っているソフトでも基本が理解できれば、
十分応用できるはずですから。



------------------------------------------------------
■制作見本:創刊準備号「ロゴマークその1」
------------------------------------------------------

ほとんどの企業には社名などをモチーフにした
ロゴマークがありますよね。
Webサイトでも、ああいったマークはいいアクセントになります。
サイトのイメージもしまりますし、
やっぱりなんか自分だけのマークってカッコよくないですか?
ちょっとWebサイトがオトコマエになるような気がしませんか?
じゃ、ちょっと簡単にロゴっぽいマーク、作ってみましょうか。

画像はブログでご覧ください

http://maneweb.livedoor.biz/archives/24887739.html





▼制作レシピ

今回はかなり大きめのサイズで作ります。
小さいと作りにくいので、
みなさんも始めは作業しやすい大きさで作ることをオススメします。

※レシピ中の数値、メニューはFireworks上でのものです


[1]:適当な大きさの楕円系を描き、塗りをちょっと濃いグレーに。
  ここでは楕円:300pix:100pix、塗り#666666


[2]:[1]の上にひとまわり小さい楕円系を重ね、塗りをオレンジに。
  ここでは楕円:279pix:91pix、塗り#FFCC00
 
  ★ここがポイント!
  [1]の楕円に対して、上下の幅に比べ左右の幅が小さくなるように。
  そのほうが同じ円でも立体感が出てきます。


[3]:[2]の上に更にもうひとまわり小さい楕円を重ね、
  塗りを同じオレンジ、ストローク(外枠の線)を[1]と同じグレーに。
  ここでは楕円:266pix:86pix


[4]:好みのフォントで文字を大きめにうちます。
  ここではフォント:Arial Black 60pt


[5]:文字のサイズを真ん中にいくにしたがって、
  左右対称になるよう小さくします。

  ★ここがポイント!
  ただ文字をうつだけじゃなくて一工夫するとグっと雰囲気が出ます。
  ここでは文字の大きさを変えるだけ。とっても簡単でしょ?


[6]:文字の中心を真ん中に揃えたいので、
  「テキスト」→「アウトラインに変換」をかけます。
  (アウトライン化できない場合は一文字ずつ打っていけばOK!)


[7]:文字を全て選択して「修正」→「整列」→「横方向に中央揃え」


[8]:楕円の大きなにあわせて、文字を縮小


[9]:文字に縁取りのエフェクト(飾りのようなもの)をかけます。
  ここではグロー:カラー#CC0000、幅4、柔らかさ1、
  不透明度90%


[10]:まだもうちょっと動きがほしいので、文字を傾けます。
   テキストをグループ化して「修正」→「変形」→「傾斜」


[11]:最後に文字の上下に飾りの曲線を入れて完成!


ちょっとアメリカン・ポップなロゴができました。
ヘッダに使うとサマになりそうです。

ぜひマネしてみてくださいね。


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

[モテるWebのカラクリ◆この技まるごとさしあげます]

発行責任者:ヨシカワ
詳しい自己紹介はコチラ↓
http://maneweb.livedoor.biz/archives/24877216.html

■ご意見・ご感想はこちらへ:maneweb99@capricorn.livedoor.com
■メルマガ連動ブログサイト:http://maneweb.livedoor.biz/

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



この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/maneweb99/24890012