デザインの極意 - ayanpaさんへのインタビュー

アフィリエイト インテリジェンス


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 50

Warning: include(http://www.affiliate-i.biz/module/common-link.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 50

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/common-link.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 50

デザインの極意 - ayanpaさんへのインタビュー

2006/09/27 16:48 コメント(0)» トラックバック(0)»

私はアフィリエイトにおいて「デザイン」も重要なもののひとつだと考えています。サイト全体のデザインの中でも、パッと目を引くタイトルロゴやバナーがあるだけで、そのサイトの雰囲気は大きく変わってきます。そこで今回は、とても目を引く素晴らしいロゴを数々作られているayanpaさん(ayanpaのデザインうんちく)に、画像作成を中心としたデザインについて伺ってみました。

ayanpaさんへのインタビュー

ayanpaさんは数多くのテーマの異なるサイトのタイトル画像やバナーを、それぞれのサイトに合わせ素敵に仕上げてらっしゃいますが、画像を作り始める前に、それぞれのサイトのどのような点を抑えてから作られていますか?
どのサイトさんにも必ず「色」があるなも。色というのは特徴のことだがや。テンプレートで作成されたサイトであっても、文章やその行間にその人の「個性」が見える。おいらはメールでのやりとりや上記の部分からその人のキャラクターを推察してみるなも。
「個性が見える」と言っても簡単に抑えることは難しいですよね?
サイトのどの点を抑えるかというより、その管理人の人の性格が読めないと、どんなものが好きかわからせん。恋愛と一緒で、「この人はこんなものが好きなのかなあ?」とプレゼントをわくわく考える。もちろんフラれる時もあるけど、この人はこんなものが嬉しいと思ってくれるかもという部分が大切だと思うがや。
恋愛!デザインは人の心を読んでこそ、ということでしょうか...奥が深い。それが基礎となるわけですね。
では、具体的なこととして、「個性」を抑えたあと、サイトのコンセプトやイメージをどのように「形」として表現していくのでしょうか。ayanpaさんはバナーやタイトル画像以外にもCI(コーポレートアイデンティティー)もお作りになられています(私も作っていただきました♪)よね?
「風が吹けば桶屋が儲かる」 これにつきると思うがや。
と言いますと?
コンセプトとは、色々なキーワードを集約させた1つの答えだで、おいらは色々なキーワードをまずノートに書き出してみるなも。「アフィリエイト・インテリジェンス」の場合、「A」と「I」→「EYE(目)」、「人工頭脳」→「情報・流通」→「スピード・勢い」→「波・道」…とある言葉やそのサイトから受け取れるものとそれに関連する「言葉」を一度全部出してみる。
ガーン...自分のサイトながらそこまで考えていませんでした(汗
そして全部出たかな?というところで、最初にでてきた言葉と最後に出てきた言葉を組み合わせる。すると、【「A」と「I」→波・道】となるがね。じゃ、「A」と「I」を「波」や「道」の形に変えてみよう!とデザインしてみる。それでダメなら、他の組み合わせで…とキーワードを色々組み合わせていけばアイデアは出てきた言葉分は出来上がるなも。
あぁぁ、これが発想の仕方か...超参考になります♪今のことを何かに例えるとどんなことが言えますか?
例を挙げると、車や工業製品は全て「女性名詞」なんだがや。なんでかって言うと工業製品は男性が特に興味を引くものなので、女性の”腰つき”ような曲線を持ったデザインが好まれるんだなも。
あ、なんか聞いたことがあります。
イタルデザインのジウジアロー(アルファロメオとか、デロリアンとかをデザインした人。知っているかな?)なんかは男を悩殺するような女性の腰つきのライン…蛇のようなくねりをもってセクシーさを表現しているなも。それを見てどう思うか?思わず「乗ってみたい」と考えさせるんだがや(笑)
いゃん(笑)でも、香水の入れ物とかもそんな感じでデザインされてるって聞いたことがあります。ここでは恥ずかしくて言えませんが、あちらは「男性名詞」の代表なんでしょうね(^^;
さて、ロゴやバナーの場合、小さな限られたスペースの中に、サイト名やそのサイトの内容をイメージさせるものを見る人が分かるように積めこむのは簡単なことではないですが、ayanpaさんはそれをどのように実現されているのですか?
カタカナと漢字とかややこしい場合もあるで困ってまうが、基本的には言葉の中にも主語や形容詞や副詞があるなもんだで、大きさをその重要度順に変えてみると詰め込みやすいなも。
おぉぉ、形ばかり意識していましたが、語句の意味が重要になってくるわけですね。 では、それを配置する際にバランスを整えたりインパクトを与えたりするうえで意識していることはなんですか?
メリハリをつけるということだけだなも。大きい・小さい、暗い・明るい、華やか・侘しさ…と、あるものとあるものを対比させることによって、言いたいことを目立つように組み合わせる…これは黄金率の応用だなも。
黄金率!面積の対比ばかりに目が行ってましたが、それに限らず明度や色合いにも応用させると...す、すげぇ...。
メリハリの他に、色やフォントの種類、背景のイラストなど、イメージを印象付ける要素はいろいろとありますが、特に重要だと思われるのはどのような要素ですか?
白黒でおいらは最初に作ってみて、その時点でちゃんと見えないものはまずダメだなも。
え?白黒で?
人はカラーや立体・グラデーションを多用すると「目立つ」と勘違いしやすいが、実際は「白黒」でちゃんと見える形態だからカラーでもきれいに見えているんだなも。なぜなら、人は最近行ったデパートの壁やエスカレーターの手すりなど、見ているはずなのに覚えとらせん。興味がないと、人はカラーまで覚えないのだ。
色云々を抜きにして印象づける形を作る...私に最も欠けているところのひとつです(汗) 興味を引くから色が引き立つって、もう脳震盪状態です...。 では最後に、画像の作成に限らず「デザイン」を行ううえで心がけるべきことを教えていただきたいのですが。
「何がしたいか?」「何が楽しいと思うか?」「何を言いたいのか?」「何と思ってほしいのか?」
その「何」を表現するのがデザイン(指し示す)だと思うんだがや。だから、出来上がった作品に「どうしてその形になったか?」を説明できんとかん。
説明できなければデザインではないと?
そうそう。「わけがわかんないけど、たまたまそうなったから」とか、「なんとなくいいと思ったから」では説得力に欠けるでかん。そして、わくわくするドキドキする。楽しくできにゃーといいものは作れんと思うがや。
確かにその通りですね。気分が乗らなければイメージも全く浮かんできませんし。
ドラえもんと同じように「あんなこっといいな~できたらいいな~♪」とエヘヘと妄想する。それが技術的に出来る出来ないはまったく無視してみて、まずやってみる。これ大事。(えらそうなことを言ってまった...(汗))
普段お聞きすることのできないデザイナーからのお言葉、本当に身にしみました。デザインについては、自分ではそれなりの自信もあったのですが、今回お話をお聞きして考えを改めさせられる部分が多くありました。
そういった面も含めて、今後「ayanpaのデザインうんちく」が益々発展されることを期待しております。本日はお忙しい中、誠にありがとうございました(^^)
ayanpaのデザインうんちく

ayanpaさん

ステキなロゴ・バナーを数多く作られているayanpaさんは元デザイナー。「このサイトのロゴ、超すげぇ」と思ったらayanpaさん作だったなんてことも度々。運営サイト「ayanpaのデザインうんちく」では、ウェブだけにとらわれないデザインの基礎を伝授中。


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 194

Warning: include(http://www.affiliate-i.biz/module/pickup-info.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 194

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/pickup-info.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 194

同じカテゴリの最新記事

"デザインの極意 - ayanpaさんへのインタビュー"へのトラックバック

トラックバック先URL


* トラックバックは管理者の承認後に表示されます。

トラックバック一覧

"デザインの極意 - ayanpaさんへのインタビュー"へのコメント

コメントを投稿

* 名前欄にサイト名を入力してもSEO対策にならないよう設定してあります。
* また、記事に直接関係のないコメントはご遠慮願います。

上の情報を保存する場合はチェック

Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 274

Warning: include(http://www.affiliate-i.biz/module/search-form.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 274

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/search-form.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 274

Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 279

Warning: include(http://www.affiliate-i.biz/module/category.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 279

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/category.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 279

アフィリエイト関連書籍


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 339

Warning: include(http://www.affiliate-i.biz/module/relation-link.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 339

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/relation-link.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 339

Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 341

Warning: include(http://www.affiliate-i.biz/module/asp-list.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 341

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/asp-list.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 341

Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 343

Warning: include(http://www.affiliate-i.biz/module/ga.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 343

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/ga.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 343

Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/afl-i/public_html/interview/ayanpa.html on line 345

Warning: include(http://www.affiliate-i.biz/module/feed.html) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/afl-i/public_html/interview/ayanpa.html on line 345

Warning: include() [function.include]: Failed opening 'http://www.affiliate-i.biz/module/feed.html' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/afl-i/public_html/interview/ayanpa.html on line 345