サイトの配色に気を付けてみよう!

こんにちは

今回はツールというよりデザインについての話をしてみたいと思います。

自分でサイトを作っていると、

「見本と同じようにやってるのに何か違う」
「思ったよりかっこよくならない!」
「イメージ通りにならない!」

なんてことがありませんか?

そこでいろいろ調べたり、中にはあきらめてしまう人もいるかもしれません。

でも!勉強しなくても、もっと簡単に
サイトのクオリティを上げる方法
があります

それが配色です

配色

配色というちょっと堅苦しい言い方ですが、

簡単に言ってしまえば、
やりたいサイトの方向性に合う色を使いましょう
ということです。

例えば海のイメージ

01

当たり前かもしれませんが、青色を中心に使うことで海と旅行のイメージがぴったりきますね

これがもし赤色にしたら・・・

02

全然さわやかではないですね

黄色にしてみたら・・・

03

赤よりはいいですが、あまりこのサイトをつかって旅行を決めようという気にはなりませんよね

やはり一番最初の青が一番落ち着きます

01

このようにどこかやりたい方向性と色がずれるとチグハグした感じになって、かっこよくなりません。

むやみに好きな色にするのではなく、商品やサイトの方向性に合った色選びも大事ですよ

ちゃんとまとまっているサイトだと、安心感や信用に繋がります。

普遍的な配色イメージを教えてくれる配色辞典というのも世の中にはあります。

皆さんも一度配色という視点でサイトを見直してみるのも

いいのではないでしょうか

CSSのサイトだと色コードを変えるだけで全体的な雰囲気を変えられます。

カスタマイズにぴったりなサンプルとCSS講座はこちらから!

一歩先行くブログ・サイト作りにステップアップテクニック

A8フェスティバル出展決定広告主紹介♪~生活・雑貨編~

こんにちは~
昨日から
過ごしやすくなりましたね
あっという間に夏が終わってしまった感じです。

しかし、A8フェスティバルはこれからですよ
本日は生活・雑貨プログラムをご紹介

ファイテン株式会社

 ファイテン
アスリートや芸能人にも多くの愛用者がいるRAKUWAネックシリーズは
ダルビッシュ有選手モデルや阪神タイガースモデルなどデザインも多数

レビューコンテストでは、なんとRAKUWAネックX50がもらえちゃいます

バリューイノベーション株式会社

スーパー
メディア掲載も多数!
かっこいい男性の小物を提供していSUPER CLASSICさん

レビューコンテストでは、驚きの
SUPER CLASSICで扱っている商品でお望みの商品1点プレゼント

これは応募する価値ありです

株式会社ズーム・ティー

ベッタ
以前4月に開催した子育てセミナーでも大好評だったズーム・ティーさん
可愛らしい子育てグッズを展開されています。
フェスティバルでは、先着30名様にオリジナルアイテム
がもらえちゃいます
レビューコンテストでは、ベッタベビーストアの商品1万円相当プレゼント
何がもらえるかはお楽しみに

BRILLIANCE+

ブリリアンス
注目の初出展広告主です
婚約指輪・結婚指輪だけではなくファッションジュエリーも扱っています。

指輪にも流行がある?!流行や購入される方が求める情報や売れるキーワードの情報が
聞けちゃいます

フェスティバルに来ればその他にもお得な情報がいっぱい
売り上げがなかなか伸びない方も新しいサイト運営をお考えの方も
きっと役立つ情報を得られるはず


お申し込みはこちらから
event_pic04

写真をとったらきれいに加工しよう!~Picasa編3~

皆さん、お待たせしました

「Picasaで写真の加工」の第3回をお届けしまーす

第1回では、コントラスト調整・明るさ調整で写真を明るくきれいに見せる方法を、

第2回では、写真の加工が楽しくなっちゃうフィルタ機能をご紹介しました。

写真をとったらきれいに加工しよう~Picasa編1~
写真をとったらきれいに加工しよう~Picasa編2~

第3回の今回は、写真達を1つにまとめて素敵にアレンジ♪コラージュ機能をご紹介しますよ~

コラージュの作成方法は簡単です

 コラージュ用写真の選択

ライブラリで、コラージュしたい写真をいくつか選択(キーボードのCtrlを押しながらクリックすると複数選択できます)し、左上の「写真コラージュ作成」をクリック!コラージュページに移動します

もちろん、後から同じ方法で写真を追加することもできます。

コラージュ画像の選択

さまざまな設定

画面左側の設定を変更すれば、写真のレイアウト方法、写真に白い枠をつける、背景色(または背景画像)、

ページ形式などの設定を行います

写真のレイアウトは、写真を積み重ねたり、規則正しく並び替えたり、ヘッダー付きサムネイル表示にしたり…などから選べます。自分のイメージに近いものに変更できますよ

さらに、写真の配置がうまくいかない…とか構成はこのままで左右の写真を入れ替えたい!という時などは、写真下の「レイアウトをシャッフル」「画像をシャッフル」を押せば一発です。

簡単に思い通りのレイアウトにできちゃいます

用途や好みに併せて、色々アレンジしてくださいね★

さまざまな設定

レイアウトを変更する

今回は、レイアウトをデフォルトの「写真パイル」から「モザイク(画像を自動的にページに合せる)」にしてみます
モザイクを選択すると、このように並びます。きれいに配置されました!

レイアウトを変更する

さらに、写真と写真の間に枠をつけたいので、グリッド間隔のスライダーを右に動かして枠の太さを自由に調整します。

次に背景オプションで背景の色を決めます。

グリッドと背景
ちょっと手を加えただけですが、コラージュ写真の完成です。
1回「コラージュの作成」で保存しましょう。

よーし!さらにテキストも追加してみましょー

テキストを入れる

よく使用される修正の中の「テキスト」を選択します。テキストが入力できるようになります

フォントの種類やサイズ太さ、色まで選べます!万能です!!
テキストを入れる

出来上がったら、適用をクリックして完成です

完成
今回ご紹介したのは簡単なアレンジでしたが、ちょっと手を加えるだけで、あなたの写真がワンランク上のおシャレな写真に大変身
写真を撮ったら、こんな風に楽しく色々加工してみてくださいね~

今年のフェスは初出展広告主がいっぱい♪

こんにちは~

フェスティバルまで3週間を切りました
一人ワクワクしているたかぎわです

お気づきの方もいらっしゃると思いますが、
今年のフェスティバルは初出展
の広告主が多いのです
本日は、その中でも私の注目広告主をご紹介します

株式会社大地を守る会

だいち
安心・安全な食材をご自宅までお届けする宅配サービス
です。

ママさん必見

 株式会社富士フイルムヘルスケアラボラトリー

runa 
アスタリフトに続く富士フイルムの化粧品ブランド

ルナメア

フェスティバルでは新商品もいち早くお試しできちゃうかも

クリックオンケーキ

kuri
可愛いデコレーションケーキを日本全国へお届け♪
大切な方のお祝いにいかがでしょうか
ケーキの試食もできますので注目です

オタフクごちそう便

ota
有名なオタフクさんが初出展です
作りたてのお好み焼きを試食することができます

その他の広告主情報は、フェスティバルサイトでご覧ください
皆さまのご参加お待ちしております

楽天モーションウィジェットがリリースされました!

みなさんこんにちは
本日は、リリースされたばかりの新機能!
楽天モーションウィジェットをたっぷりとご紹介します

楽天モーションウィジェットって?

楽天モーションウィジェットの機能では、

カテゴリを絞って楽天市場のランキングに沿った商品の広告をランダムで表示したり、

自分のサイトのカテゴリに沿った最適な商品の広告をランダムで表示したりする事が出来ます。


楽天とリアルタイムで連動しているため、リンクを張り替える必要もありませんし、

何よりエンドユーザー(サイトの閲覧者)の目に留まりやすく、成約に結び付きやすいのも魅力的です

何と、今までのツールの約7倍の効果とも言われているんですよ!

ブログやサイトのサイドバーなど、余っているスペースなどにも最適な広告ですよ

楽天モーションウィジェットの使い方

では詳しい使い方をご紹介します。

①A8.netの管理画面の「ツール」というメニューの中から、

「Amazon・楽天ツール」を選択します。

モーション①

②Amazonツール一覧の下に、楽天ツール一覧が表示されています。

 その中の「モーションウィジェット(A8.net版)」をクリックします。

モーション②

③こちらが楽天モーションウィジェットの広告素材作成画面となります。

モーション⑪-

④広告作成条件の中を選択して広告素材を作成します。
まずは≪STEP1 条件設定≫

 ここでは、「楽天市場のランキングで売れ筋の商品を掲載する」または

「掲載するページにマッチした商品を掲載する」の、2パターンを掲載する事が出来ます。

モーション④

 まず一つ目の「楽天市場のランキングで売れ筋の商品を掲載する」というのは、

 楽天市場のランキングに沿って、商品の広告がランダムに出る、というものです。

 トップカテゴリなどを絞り込んだランキングを出す事が出来ます。

 モーション③

「おすすめ商品を優先的に表示する」という欄にチェックを入れると、

楽天市場を利用したことがあるユーザが掲載したページに訪れた場合に、

訪れたユーザの楽天市場の閲覧商品や購入履歴などから、最適な商品を優先的に表示します。

もう一つの「掲載するページにマッチした商品を掲載する」という欄は、

掲載したページ内にあるテキストを自動的に分析し、関連性の高い、

もしくは適切と思われる商品を自動的に表示します。

 モーション⑫

こちらも上記と同様で、「おすすめ商品を優先的に表示する」という欄にチェックを入れると、

楽天市場を利用したことがあるユーザが掲載したページに訪れた 場合に、

訪れたユーザの楽天市場の閲覧商品や購入履歴などから、最適な商品を優先的に表示します。

⑤≪STEP2 掲載設定≫を設定します。

ここでは、実際にサイトやブログに表示される広告の見せ方を設定します。

画像表示タイプはこのように商品のバナー画像ごとに広告が表示されます。

※こちらは200×200のサイズで作成したものです。

バナー

サイズなどを自由に選択して、サイトやブログの掲載位置に合うサイズに設定してください。

モーション⑥

テキストタイプは、テキストで広告が表示されます。

※こちらも200×200で作成したものです。

テキスト

テキストタイプも自由にサイズを設定できますので、

サイトやブログの掲載位置に合うサイズに設定してください。

モーション⑦

⑥≪STEP3 詳細設定≫を設定します。

最後に、下記の項目にチェックを入れて選択します。

枠線あり・・・モーションウィジェットの広告のまわりに枠線を付けるか、

       付けないかを選ぶことができます。

自動的に商品を動かす・・・自動的に商品がスライドするかしないかを設定する事が出来ます。

商品ページを別のウィンドウで開く・・・広告をクリックした際に、別のウィンドウが立ち上がって表示されるように設定する事が出来ます。

掲載サイト・・・広告を掲載するサイトを選択してください。

モーション⑨

「この条件で広告リンク作成」をクリックすると、広告が表示されます。

⑦広告をコピーしてサイトやブログに貼り付けてみましょう!

表示されたら通常の広告リンクと同様に、リンクコードに表示されているタグをすべてコピーして

サイトやブログの表示する場所に貼りつけてください。

モーション⑩

以上が楽天モーションウィジェットの広告掲載方法です!

如何でしたか?とっても簡単ですよね!

簡単で便利な楽天モーションウィジェット!ぜひ使ってみてくださいね♪

ステップアップテクニック CSSとデザイン応用編!

記事を書くだけじゃ物足りない。自分のオリジナルデザインで染め上げたい!という皆様
ステップアップテクニックをご活用して頂けているでしょうか?

応用編のサンプルもかなりの方にダウンロードして頂けてるようで嬉しいです

サンプルページ画像

サンプルを見るとCSSの使い方やコツがわかるのでないでしょうか?
テクニックが分かったらあとはあなたのデザインの工夫でいろいろなサイトがつくれちゃいますね
もちろん、画像を変えるだけでもOK
サンプルの画像は配布していないのであなただけの画像を用意してくださいね

今回は、簡単な考え方のおさらいとちょっとしたデザインテクニックです

基本的にCSSはブロックを上から積み上げていくという考え方になります。
このブロックが<div>や<p>ですね。

サンプルページも基本的には↓のようになっています。

サンプルページ見本1

結構単純ですよね
これだけだと、シンプルで面白みがない!
そこでデザインで工夫します

ブロックを感じさせないデザイン

例えばこういうレイアイト

見本2

実は背景に画像を引いて文字下に余白ののpaddingを付け足すだけなんです!
あまり画像を大きく作りすぎるとブラウザによっては切れちゃうかもしれないので、
少し小さめの画像にするのがコツ

結構簡単ですよね。

応用するとこういうのも作成できちゃいます

見本3

floatを使わなくても背景や画像を凝るだけでずっとクオリティがアップ

皆さんも工夫して素敵なページをつくってみてくださいね

一歩先行くブログ・サイト作りに!ステップ アップ テクニック

詳しいCSSの説明はこちら

サンプルダウンロードもある応用編はこちら

フェスティバル初心者さん必見!昨年の様子をレポートします♪

みなさん、こんにちわ

フェスティバルに行った事がない!というフェス初心者の方の為に、

大好評だった昨年のフェスティバルの様子を、ご紹介しちゃいます!

フェスティバルの雰囲気を少しでも味わっていただき、

ぜひ今年のフェスティバルに、ご来場ください♪

会場はアクセスの良さ抜群!駅直結の渋谷ヒカリエ

2012年6月にオープンしたばかりの、渋谷ヒカリエ9階のヒカリエホールが会場です。

渋谷駅直結なので、アクセスが良く、とても好評でした!

当日は、エスカレーターで11階に上がって、この長いエスカレーターで9階に下ります、

本当に長~~~いエスカレーターです!!!

OLYMPUS DIGITAL CAMERA

入口はこんな感じです。

大きい扉が特徴です。

OLYMPUS DIGITAL CAMERA

全国からたくさんのアフィリエイターが集合します

当日は、関東にお住いの方を中心に、全国からアフィリエイターの皆さんが集まります。

1人で来る方も多く、気軽にお越しいただけます♪

もちろん、同じアフィリエイターのお友達との参加も大歓迎!

人気のブースは、常に人だかりができていました。

fes1

商品を直接手に取って・試して・撮影ができます

ブースでは、広告主が一押しの商品を展示しています。

自由に手に取って試すことはもちろん、写真撮影もOK。

家に帰ってから、すぐに記事が書けますね♪

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

フェスティバル参加者限定!セミナーを開催

昨年は、2つの会場で多くのセミナーを開催しました。

フェスティバルに来た人だけが企画事ができる、特別セミナーです。

誰でも自由に聞くことができ、大好評でした

OLYMPUS DIGITAL CAMERA

今年も、4つのセミナーを開催予定です♪

気になるセミナーを事前にチェックしておきましょう!セミナー概要はこちら

いかがでしたでしょうか?

フェスティバルの雰囲気は伝わりましたか?

今年は、昨年にはなかった新しいイベントや、初出展の広告主も多数います!

もちろん!!!今年も参加は完全無料です!

お申込み〆切が1カ月を切りました!

まだの方は、お早目に♪

fes2013_780

フェスティバル情報更新しました!

皆さまこんにちは~

お盆休みでどこかお出かけしている方も多いと思いますが

来月開催のA8フェスティバルはチェックしていただいていますか??
本日はセミナー情報をご紹介します

今回のフェスティバルでは、
先輩アフィリエイターによる写真の撮り方セミナーや
A8.netのスタッフが初心者の方向けにセミナーを開催いたします!

第一部  アフィリエイトの基礎を学ぶ!初心者セミナー 時間:13:00~

初心者の方やA8.netの使い方がわからない方、アフィリエイトの基礎が知りたい方におすすめです。

第二部  商品レビューのコツセミナー 時間:13:50~

商品レビューを書きたいと思っている方、なかなか成果報酬が上がらない方などにおすすめです。

 

第三部  スマートフォン対応セミナー 時間:14:40~

サイトのスマホ最適化やブログのスマホ対応などお考えの方におすすめです。

先輩アフィリエイターセミナー 時間:15:30~

初心者でもフェスティバルで今すぐできる、写真撮影の小技やコツなどを説明して頂きます。
先日の美容セミナーでも素敵な記事を書いていただきました。
エーハチレビュー部に掲載していますので是非ご覧ください

うさちんさん
A8.netを登録したばかりの初心者さんでも充分に楽しめる内容です。
是非ご参加くださいね

参加には事前申し込みが必須となります。
A8フェスティバルにまだお申込みされていない方はこちらから
お申込みください
フェスティバル申し込みはこちら

event_pic04

8/8は、エーハチの日!エーハチ君に会おう!

こんにちは、A8.netデザイナーふじいです。

今日は、8/8!エーハチの日ということで、A8のキャラクターエーハチ君についてご紹介したいと思います。

ahachi04

↑彼です。

エーハチ君は、キャンペーンに登場したり、A8のいろんなコンテンツに登場しています。
エーハチ君の誕生日は、8/8!そう、今日なんです!!!!

a8kun

自分でお祝いしてますね(笑)

そんな、エーハチ君ですが、実は想い人が・・・・

hachiko05

はちこちゃんです。
はちこちゃんを知ってるという方は、かなりのエーハチ君マニアです!!

まだ、エーハチ君の片思いのようですが、はちこちゃんはどう思っているのでしょう。
気になるところです。

エーハチ君をもっと見たいという方へ

【A8.net】無料AS会員募集プログラム(01-0501)

こちらのプログラムのバナーにエーハチ君がいます!
201303011803069561

A8.netの会員募集バナーにも登場してたんです!!

サイトのイメージに合わせて、適切なバナーを選ぶことも大切。

可愛いサイト、女性向けのサイトにおすすめのバナーです!

是非、エーハチ君を掲載してください★

バナーは、自分のサイトに来る人を想定して選びをしましょう!

どんな人が自分のサイトに来てるかわからないなという方は、

まず自分のサイトを分析してみましょう。

分析には、アクセス解析を導入するのがおすすめ!

詳しい方法はこちらでご紹介しています。

一歩先行くブログ・サイト作りにステップアップテクニック

そしてそして!!!!
成果を発生した際に、なんと管理画面にエーハチ君が登場します!!
みなさん、エーハチ君にたくさん会えるよう頑張ってください♪

A8フェスティバル出展決定広告主紹介♪~脱毛編~

こんにちは~


東京は本格的に、暑い夏が戻ってきました~

晴れたり、雨が降ったり、暑かったり、涼しかったりと、

気温の変化が激しいので、みなさま体調にはお気をつけくださいね♪

本題の広告主紹介ですが、今年は脱毛PGが揃っておりますのでご紹介

 

tria

tria

皮膚科医も推奨するレーザー脱毛器。
先ほどのLAVIEさんとは違ってレーザー脱毛になっています。
この夏多数のメディアで紹介されているので1度は目にしたことがあるのでは??

triaは専用ジェルやクリーム、専用カートリッジがすべて不要!
お手入れ楽ちんで購入後もずっと使える商品です。

tiriaさんのブースでは、脱毛器がもらえる抽選会も企画中!
是非お越しくださいね

Angelica

angelica


食べられるほどやさしいシュガーワックス
無添加にこだわって作られているそうです。機械と違ってワックスを塗って
専用シートで毛を一気に抜いていくタイプですね。

お肌に敏感な方や安全性の高い脱毛法をお探しの方にぴったりな商品です。

Angelicaさんのブースにお越しいただいた方には新容器になったワックスの
サンプルが数量限定でもらえちゃいます

エターナルラビリンス

エターナル

脱毛サロンの初出店です
リーズナブルな価格と高い満足度で出展数を着々と増やしている脱毛サロン
ブースではサロン同様の脱毛体験ができますのでお越しください

そのほか出展広告主の情報はフェスティバルページにて公開しています
フェスティバルまで1か月皆さまお楽しみに

event_pic04