画像作りの先にあるものって!? : アフィリエイターに告ぐサイトデザイン術

HOME > スポンサー広告 > 画像作りの先にあるものって!?HOME > WEBバナー指南書 > 画像作りの先にあるものって!?
アフィリエイターのための画像作成講座
使用ブラウザによる見栄えの注意
最新の「Internet Explorer」や「Firefox」での見栄えをベースにテンプレートを編集しているので、
少々古いブラウザだと、見栄えが不自然だったり レイアウトなどが崩れる可能性があります。

また、当サイトをご覧頂いているパソコンにインストールされている
フォントによっても多少見栄えが変わる可能性があります。

Ads by Google

いつも応援 ありがとうございます。
みなさんの応援がとても励みになっています。

  1. 人気ブログランキング
  2. 人気ホームページランキング
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
質問や相談を、気軽にどうぞ! 24時間受付中

みなさんの質問・相談を聞かせてください!
堅苦しくならずに、気軽にメールしてくださいね!

そして、いつも気軽に質問・相談をしていただき、ありがとうございます!

勇音(いさね)に質問・相談をする

みなさんの応援クリックがとても励みになっています!
いつも応援ありがとうございます!

人気ホームページランキング

今日もポチッと1クリックお願いします!

人気ブログランキング
スポンサー広告 | コメント(-) | トラックバック(-)

画像作りの先にあるものって!?

いつも応援 ありがとうございます。
みなさんの応援がとても励みになっています。

  1. 人気ブログランキング
  2. 人気ホームページランキング
かっこいい画像を作りたい!

かっこいい画像を作れるようになりたいです!




こう(↑)は言うものの、

目的はしっかり持っていますか?




かっこいい画像を作って何をしたいのか…

目的がありますか?




僕の目的はズバリ…
画像の力でオリジナルのサイトを構築すること




そのためにGIMPを使いはじめ、

今に至っています。




サイト構築だけでなく、

無料レポートの表紙作成の際にも役立てています。






まさか目的を持っていないのに、

「かっこいい画像を作りたいです!」なんて思ってないですよね?




勘違いしてはいけないのが、

ゴールは "かっこいい画像を作る" ではないこと。




かっこいい画像を作って何をするのか…

ちゃんと目的がないと。




画像作りをしたら、

大抵はサイト作りに役立てるでしょう。




そう。




目的は決して、画像を作ることではないんです。




その先に

例えば、"作った画像をサイト構築に活かす" といった目的があるんです。




なので最終的には、

画像作りのスキルだけ磨いていてもダメだとわかりますよね。




だって、

画像をサイトに表示させるためにはどうします?




HTMLやCSSの知識が必要になってきますよね。








これ(↑)ぐらいだったら、簡単な話です。




でも実際はこんな簡単な話では済みません。

画像を使ったサイト構築をするわけですから。




背景画像の上に文字を表示させたり…

背景画像の一部だけ表示させたり…




そういった複雑な要素が色々と混ざっているのが

サイト作りというものです。




なので、オリジナルサイト作りに必要なのは、

次の2つです。




オリジナルサイト作りに必要なスキル
  1. 画像作りのスキル
  2. サイト構築のスキル(HTML・CSS)




画像作りの基礎、手順だけ載っていると思っているかもしれませんが、




「WEBバナー指南書」にも

HTMLやCSSをカスタマイズする知識を身につけておくように書かれています。




そして、HTML、CSSの書き方が解説されています。




「画像作成の教材なのに?」と思いました?




画像作りとサイト作りは、

それくらい密接なんですよ。




なのに、HTMLやCSSから逃げる人が本当に多いです。








適当に書きましたが、

上で書いたHTMLとCSS(↑)を見てどう思いました?




あぁ、もうダメです...。

やっぱりカスタマイズは無理です。




諦めたらダメです。

立ち向かわなきゃ。




まず、HTMLやCSSを

ただの覚えるべき文字の羅列だと解釈してません?




これじゃ頭に入らない。




どうして僕は、

HTMLやCSSの知識を1年の間にグッと身につけれたか…




意味を理解しているから。




"覚える" というよりも、"理解" していますもん。




僕の頭は、

理解できないものはどうも覚えるのが大変なもので。




理解すると、

自然と頭に定着してくれるんです。




それに気づいてから、

HTML、CSS問わずに学校の勉強も

少ない勉強量でわかるようになりましたよ。




他人の脳みそのことはわかりませんけれど、

僕の場合は "理解する" とものすごく定着してくれます。






例えば、次のHTMLとCSSを見てください。








僕がどのように理解しているか、

参考にしてみてください。




まず、HTMLを見て…




おっ! 「sample」という名前の箱に「あいうえお」と書いてある。




そして次にCSSを見て…




「border-width: 1px;」 … 太さ1pxの線を引くのか。border-style: solid;」 … なるほど! 線の種類は「実線」。border-color: #000000;」 … ほうほう、線の色は「#000000(黒)」ですか。




こんな感じで理解しています。




理解しやすいように、

イメージを頭の中に描いています。




そうすると、

文字の羅列がイメージになって分かりやすいですから。




HTML、CSSが苦手なのは、

おそらく丸暗記するものとして捉えているからですよ。




意識を変えてみてください。

イメージすると分かりやすくなるはずです。






こんな感じで、

画像作りとサイト構築は深く繋がっています。




画像作りの知識だけ付けても、

作った画像をサイト構築に活かす術を知らなければ無意味。




逆にサイト構築の知識だけあっても、

オリジナルさを表現する上では限界がある。




だから、どちらも身に付けてほしいんです。




画像作りとサイト構築の知識を身に付けると、

オリジナルサイトは容易く作れるようになります。




さらに、

AQUAS(アクアス)みたいな便利なサイト構築ツールを使えば、




1度テンプレートを作ってしまえば、

いとも簡単にオリジナルデザインのサイトが量産できますから。






「オリジナルサイトを構築したい!」という強い意志があるなら、

僕がお手伝いしますよ。




▼ 画像作り・サイト構築の指南書




ただし本気でないなら、

教材を手に入れても何も変わりませんよ。
質問や相談を、気軽にどうぞ! 24時間受付中

みなさんの質問・相談を聞かせてください!
堅苦しくならずに、気軽にメールしてくださいね!

そして、いつも気軽に質問・相談をしていただき、ありがとうございます!

勇音(いさね)に質問・相談をする

みなさんの応援クリックがとても励みになっています!
いつも応援ありがとうございます!

人気ホームページランキング

今日もポチッと1クリックお願いします!

人気ブログランキング
WEBバナー指南書 | コメント(3) | トラックバック(0)
勇音(いさね)オリジナルのAQUAS(アクアス)テンプレートの詳細
こんにちは!リ・ファリーヌです。

私もHTMLってニガテなんですが、
何度もいじっていくうちになんとなくわかるようになってくるものですね。

応援!!
| 2009年 05月17日 | 編集
勇音さん、
こんばんは!
大学生ブログアドバイザーのキョンです^^

HTMLなんかは関係大有りですね。

私もwebデザイン入門はHTMLから
入っています。


応援します!
ぽち〜
| 2009年 05月17日 | 編集
こんにちは。
そう吉@サブライム登録キャンペーン☆です。

いつも勉強させていただき、ありがとうございます!


CSSはどうも苦手意識を持ってしまっています。
これも勉強しないと、ですねー!


また来ます!
応援です☆
| 2009年 05月22日 | 編集
コメントの投稿













 管理者にだけ表示を許可する

言及リンクの無いトラックバックやトラックバックスパムは、もちろんのことお断りです。
モラルを守れる方のみトラックバックを許可します。
http://isanex.blog90.fc2.com/tb.php/36-1741b1d7
プロフィール

勇音(いさね)

名前(HN) : 勇音(いさね)

デザインが好きな大学生です。
ブログデザインは独学です。
詳しいプロフィール

画像デザインなら!
WEBバナー指南書

勇音(いさね)の考えとピッタリ!

基礎から手順まで学べる
画像デザイン・作成の教材!

▼ WEBバナー指南書のレビュー
サイト作成・量産の革命!
AQUAS(アクアス)のレビュー

バージョンアップで益々
初心者でも簡単に使いこなせます!

物販、PPC、レビューサイトなど、
サイト作成に必須のツール!

AQUAS(アクアス)のレビュー
カテゴリ
AQUAS(アクアス)の200%活用
AQUAS(アクアス)200%活用

AQUASを200%活用するための
独自タグ活用テクニックを
ギュッとまとめた無料レポート!

▼ AQUAS(アクアス)の200%活用
RSSで新着情報を配信中
新着情報をRSSで配信しています。

RSSリーダーに登録することで、
新着情報を手軽に収集できます。

RSSを購読する
月別アーカイブ