ちょっとした工夫しだい。あなたもきっと上達します!

現役Webディレクターによる「嫌われないウェブデザイン」秘密講座ブログ!

トップページ > ホームページ作成塾

ホームページ作成塾

お客の目線をデザインで引っぱろう!

Webデザインの基本マナーとして、「見えない線に沿ってページをレイアウトしよう」という考え方を以前にご紹介しました。

訪問者は、やっぱり見てくれない!?

「訪問者が、いかに、あなたのページの情報を読んでくれないか」
繰り返しお伝えしているテーマですが、この深刻な問題について、改めて考えてみたいと思います。

サイト診断結果 - 「フォトサーチ」さん

メルマガの読者限定で実施している、「あなたのサイト 無料診断!」企画。今回診断させていただいたのは、米国のストックフォト会社、「フォトサーチ」さんの日本語版サイト。診断レベルは【激辛】です。

あなたも、グラデーションのテクを使ってみない?

今日は、あなたのサイトのページを、さらに「それっぽく」見せることができる、ちょっとしたデザインテクニックをご紹介しちゃいます。

なぜ、スクロールしてもらえると思うのか?

今日は、ホームページ作りにちょっと慣れてきた人が、よくやりがち(?)なミスを紹介しましょう。

Googleのデザイナーもインデントを活用!?

Googleの検索結果ページ。
最近(2007年4月現在)、検索結果ページのデザインが、マイナーチェンジされたことに気づきましたか?

太い罫線、細い罫線

「罫線」(けいせん)
ホームページは作ったことのない人でも、MicrosoftのExcelでは、表など作成するときに罫線をちょくちょく使いますよね。

HTML、CSSの効果的な学習方法とは?

HTML。CSS。とくにホームページ作り初心者の人にとっては、ワケの分からない文字の羅列にしか見えないことでしょう。

あなたには見えていても・・・

「あなたと、あなたのサイトを訪れる訪問者は、別の人間である」

はい、年明けから失礼しました(^ ^;
誰だって分かっていることですね。分かりきったことを書いてしまいました。

では、こちらは、どうでしょう?

たまにはルールを破って、ハミ出しちゃえ!?

一般論からすれば、ページをデザインするうえでの基本は、「整然」さでしょう。

BBCのサイトも「見えない線」を採用!?

ニュースサイト、世界各国にいろいろあります。
私が、デザイン的に最も見やすいと思うニュースサイトのひとつが、英国BBC(英国放送協会)のサイト

家の表札にも「集合」「近接」の法則が!?

自宅の近所を歩いていたら、ちょっと気になる表札(ひょうさつ)を見かけました。

商品ページのデザイン戦略、考えていますか?

今日は、2種類のページを見比べながら、お話したいと思います。

あなたのサイト、どれくらい「需要」がありますか?

前回の記事あなたのネットショップ、現実的な競合対策できてますか?では、競合対策の大切さについて書きました。自分が書いた記事の意味を、自分でも、再度考えてみました。

あなたのネットショップ、現実的な競合対策できてますか?

想像してみてください。
あなたのお友達が、お菓子のお店を開こうとしています。

ページを分割!ページング・ナビゲーションのココロとは?

掲載する情報量が多すぎるページ。
そんなページにアクセスして、不快な思いをしたことはありませんか?

罫線(けいせん)が大活躍! Googleの検索結果ページ

すでに気づいている人も思いますが。
ここ1ヶ月ほど、Googleの検索結果ページのデザインが、ちょくちょく変わっています。

立体感でドキッとさせる作戦~バリューコマースのサイトから学ぶ

アフィリエイトでもおなじみの「バリューコマース
同社の会社案内サイトを見てみてください。

配色が、あなたのホームページの「ココロ」を物語る!?

「よし!ウチの店のホームページも、リニューアルするぞ!」
ページのデザインの大幅な見直しを思い切って決断してみたものの・・・。

なぜ、そのイメージ画像を使うんですか?

今日は、とあるサイトのページをお手本として見ながら、一緒に考えていきたいお題があります。

無料サービスのリスク、しっかり把握しよう!

すでにご存知の人も多いと思いますが。
人気の無料ブログサービスFC2で、GoogleのAdSense広告が表示できなくなるという騒ぎがありました。

初心者のためのホームページの作り方 - 厳選ノウハウ集

「自分がホームページ作りの超初心者だったときに、このノウハウに出会っていればなぁ・・・」
今になって、お気に入りのサイトを読んでいるときに、ふと思うことがあります。

再確認! デザインマナーが大切な理由

突然ですが。
なぜ、あなたはWebデザインを研究しているのでしょう?

色使いで、「意外な」コントラストのインパクトを与える作戦

ちょっと奇妙な例えかもしれませんが、以下の文字列を見てみてください。

色付きの「見出しバー」を活用しよう

WebデザインのちょっとしたTipsをご紹介します。
とくに、情報量の多いサイトのトップページに適したテクニックです。

ページデザインは、全体図から取りかかろう

あなたが、Webページのデザインを一から考える時。どういう手順を踏みますか?

「カッコイイ」ページの安直なマネは損!? - デザインの原理・原則

「うわぁ、このサイトのデザイン、カッコイイな~♪」
そんなサイトに出会うことがありませんか?

ホームページ制作会社への「丸投げ」は失敗のもと

Web制作会社のお客さんには、「任せっきり」で仕事を依頼してくる方が少なからずいます。

アイトラッキング - 訪問者の「目線」が集まる場所は??

Webユーザビリティ(使い勝手)研究ではいちばんエライ(?)といわれる、ヤコブ・ニールセン氏のサイト
久しぶりになんとなく読み返していたら、メルマガでウッカリ紹介し忘れていた記事を見つけました

ワイワイ、ガヤガヤ! - 楽天のショッピングモールから学んでみる

魚市場に行ったことがありますか?
東京でいえば、有名どころは築地市場でしょうか。海で獲れた魚介類が、所せましとならんでいます。

色遣いは、あなたのサイトの魂を表現する!?

メインに使用する「主役」の色を変えるだけで、あなたのサイトの雰囲気はガラリと変わります。
色には、呼び込むユーザー層まで変えてしまう威力すらあります。

お客さんとの「温度差」を埋めるには?

当サイトで紹介しているウェブデザインの基本マナー
今日は、そのマナー中でも、とくに大切な考え方を改めておさらいしてみたいと思います。

ランディングページの最適化(LPO) - お客さんが探している情報、スグに見つかりますか?

母の日の前の週。母にワインでも送ろうかと思って、ワインを売っているネットショップを検索して探したのですが・・・その際に、とっても気になることがありました。

大きな画像もOKの時代

私が、個人的にちょくちょくのぞいて参考にしているサイトがあります。

ちっちゃな矢印でもバカにしないで!?

ネットサーフィンをしていて、偶然見つけました。日経新聞 - 大人のレストランガイド
いっけん、とくに奇抜なデザインでもなく、ごく一般的な情報サイトですね。

大きな区切り、小さな区切り - 罫線の上手な使い方

ホームページをデザインするときに、罫線(けいせん)がよく使われます。
罫線。ライン。ヨコやタテに引かれた線のことですね。

なぜ、アフィリエイトで5,000円も儲からないのか?

2005年12月、アフィリエイトマーケティング協会が「アフィリエイト・プログラムに関する意識調査2005年」の調査結果を発表しました。

ムダのないファイル整理方法とは?

あなたのWebサイトも、日々の更新を重ねるにつれてサイトの規模がどんどん大きくなっていると思います。大きくなると、「目には見えない」部分で、ちょっと厄介(やっかい)な問題が・・・。

海外のファッションサイトのデザイン 大研究!

今回は、研究するサイトのテーマをしぼってみましょう。テーマは「ファッション」。

スクールでは学べないこと

とても内容の濃いメルマガを発行されている方から、お便りをいただきました(^ ^)

失敗しないネーミングのコツは?

サイトのタイトルの付けかたについてお悩みの方が多いようですね
私の経験から、サイトネーミングのヒント(?)をお話したいと思います。

「信頼感」をアップさせるデザイン手法って?

あなたが、とあるホームページを生まれて初めて開いたとき。
「このページに書いてあること、信用していいんだろうか・・・?」まず、こう考えませんか?

「メタファー」(隠喩)の考え方とは?

メタファーという言葉。ウィキペディアの定義では、「隠喩(いんゆ)、暗喩(あんゆ)ともいい、言語表現における修辞技法のひとつ」と定義されています。

70歳からでも始めちゃおう!Webサイト作り!!

中高年向けにサイト作りのノウハウを提供されている方からメールをいただきました。

人と違うことを、本気でやる

折々お伝えしてきたことですが、私は英文のアフィリエイトサイトを運営しています。
扱っている商品は、映画や人気ミュージシャンのグッズ。米国の一ネットショップとの提携で、このサイトから、月々数万円の成果報酬を得ています(決して多い金額ではありませんが)

清く正しいSEO

「SEO」といっても、自サイト内に不自然なテキストリンクを張り巡らせるような小手先テクニックのことではありません。
今回のお題は:「どうすれば、被リンク数を増やすことができるのか?」

マーケティングの経験を積もう!

度々書いていることですが、ネット業界の中で、Webデザイナーの単価はこれからどんどん安くなっていくと思います。
理由は単純。「デザインを作ってHTMLを組む」という作業だけではお金を生み出すのが難しいからです。

SEOなんて・・・

SEO。Search Engine Optimization。
いいですねぇ。私もSEOのおかげで少し儲かってます。

『嫌われないWebデザイン』が目指すもの

私がこのサイトを運営したり、メルマガを発行することで目指している目標を、再確認の意味も込めて整理したいと思います(「目標」というほど大げさなものでもないんですけど・・・)

デザインの「ネタ帳」作りませんか?

「ネタ帳」を持ち歩いている人、あなたの身近にいませんか?
街中で見かけたおもしろいモノ、パッと思いついたアイディアなど、ササッとメモ。書き残しておくと、あとになって使えることがありますよね。
同じ発想で、Webデザインの「ネタ帳」を作っておくととても便利です。

その情報、いくらですか?

あなたが、本屋さんで一冊の本を買ったとします。支払った金額は、1,600円。
ところで、その本に書かれている「情報」の価値は、お金に換算するといくらになるでしょうか?

情報に溺れない!!

会社のために働き、従業員として給料をもらう。自分のためにWebサイトを作り、わずかな収入を得る。
この2~3年ほど、私は両方とも、それなりに力を入れてやってきました。
その過程で、私たちが日頃当たり前のように行なっている「情報収集」について、ちょっと気づいたことがあります。

アートとしてのWebデザイン

今回は、ちょっと趣向を変えて。
アートとしてのWebデザイン、ギャラリー巡りをしてみませんか?

他人のサイト、「アラ探し」しましょ♪

突然ですが。
あなたは、ネットを見て回るときにメモをとっていますか?

何個までなら、耐えられますか?

今日は、「数」(かず」の話をしたいと思います。
数といっても、数学のことではありません。「1つ」「2つ」と数える「数」のことです。

情報を整理しよう!

突然ですが。
「デザイン」ということばを聞いて、あなたはどんなものをイメージしますか?

HTMLのお掃除♪

HTMLソースのクリーニング(お掃除)は、「精密」で「容量が軽い」HTMLを仕上げるためには欠かせないプロセスです。このお掃除の作業を怠ると・・・??

リンクを制する者は、Webを制す!?

だいぶ前に、当サイトの掲示板でもチラッと書いたことがありますが、「リンクの貼り方」について、ちょっとお話しましょう。

分類しときませんか?

ちょっと、ゆうびんホームページを開いてみてください(日本郵政公社が運営している、れっきとした公式サイト)
注目してほしいのは、ページ右側のバナーコーナーです。

再び! 見やすいナビゲーション考

サイト診断企画に応募いただいた方のサイトを一通り拝見したところ、多くのページに共通する問題点に気づきました。
こけまるさん「あうん堂ジャパン」の診断でも出てきた話ですが、もういちど確認してみましょう。

伝わる! ナビゲーションデザイン

「私はどこ? ココは誰?」 昔、こんなのが流行りました(おぼえています?)
Webサイトを見ているときも、よく迷いますね。

情報を「見せる」気くばりを!

嫌われないWebデザインを実践するために非常に大切なポイント(考え方)をひとつ考えてみましょう。
そもそも、あなたのサイトをデザインするときに、いちばん気をつけるべきことって、何でしょうか?

慣例に従え!?

あなたは、「デザイン」という言葉に対してどのようなイメージを持っていますか?
「デザイン」というと、一般的に、次のようなものを連想される方が多いようです。

誰の視点で決める?

Webサイトを作っていると、さまざまな局面で「判断」する必要に迫られますよね。
ページの背景色を選ぶとき。ナビゲーションメニューのデザインを決定するとき。サイトのタイトルロゴのフォント(書体)を選ぶとき。
・・・判断すべきことは、本当にたくさんあります。

コンセプトを死守せよ!

以前、当サイトの掲示板でもご紹介した福井信蔵氏が、Niftyの「ホームページグランプリ」審査員として受けた2002年のインタビュー記事を今頃になって(笑)見つけました。

見えない脅威:Webデザイナーを待ち受ける過酷な現実とは?

「Webデザイナー」と呼ばれる人たちにとっての、「本当の競争相手」について考えてみたいと思います。

「Webデザイナー」なんて要らない!?

以前から、折を見てメルマガでも書いていることですけど・・・
Webの世界では、グラフィックデザイナーの仕事は今後どんどん減っていくのではと思います。

塾といっても、ただのブログですが・・・

サイト本体のデザインをマイナーチェンジしたのを機に、この「ホームページ作成塾」のコンテンツも、ちょっと整理してみたいと思います。

怪しいアフィリエイトが多すぎ!

最近ふと気づいたのですが、ネット全体でアフィリエイト・サイトの数が異様に増えていませんか?