まだイケる。

映画観て旅して人生を楽しく生きる雑記

はてなブログにオススメなプロフィールアイコンって?3つの画像タイプから考えてみる。

どうも、Naonosukeです。

今回ははてなブログにおけるアイコンの選び方について書いていこうと思います。

 

f:id:luna_jack21:20170914185517p:plain

 

 

 

アイコンで損してない?

 

やぁ、ボクはたかし。はてなブログを読み回るのが趣味だよ。  

f:id:luna_jack21:20170913192355j:plain

さて、この記事も読み終えたしはてなスターから他のブログを読もうっと。次はどれを読もうかな?

 

  

 f:id:luna_jack21:20170914061438j:plain f:id:luna_jack21:20170914061628j:plain f:id:luna_jack21:20170914061638j:plain f:id:luna_jack21:20170914061702j:plain f:id:luna_jack21:20170914061725j:plain f:id:luna_jack21:20170914061735j:plain f:id:luna_jack21:20170913214859j:plain f:id:luna_jack21:20170914061650j:plain f:id:luna_jack21:20170914061937j:plain

なんかたくさんユーザーが居るけど、直感的にこれにしよ( f:id:luna_jack21:20170913214859j:plain )

 

※このたかしくんはエコひいきをしている訳では無いし、

行った先のブログが面白いかどうか予知する能力があるわけでもなく

ただ、直感的にピンと来たアイコンをクリックしただけです。

 

なんだよこの記事、映画感想と言いながらあらすじしか書いてないやん

 

 

皆さんも新しいブログを開拓する+自分のブログを広めるという意味合いで

自分の記事や他人の書いた記事に付いたはてなスターから

他のブログへ飛ぶ事があると思います。

逆に誰かがはてなスターから自分のアイコンをクリックして

飛んで来てくれることもあると思います。

 

多分みんなそうだと思うんですが、次はどのアイコンをクリックするか?

なんて考えること無く、視界に入ったアイコンの中で

一番印象的だったのを直感でクリックしていると思うんですよ。少なくとも私自身そうしてると思う。

だから分かりにくかったり特徴の無いアイコンはスルーされてしまう。

それではせっかくのチャンスがもったいない!

 

しかも、はてなスターで表示されるアイコンのサイズは16x16という小ささ。

この16x16というサイズの中でいかに自分を表現できるかが

はてな民からのアクセスを左右するのでは?と私は考えました。

 

 

考えるようになったきっかけ

 

私にとっていつも気付きを与えてくれるすごい人、

ぼっちサーファーさんにまた気付きを与えてもらいました。

 

www.lonely-surfer.com

 

アイコンって重要だと思うわぁ。 ワセニーさんは一発で覚えたもんなぁw 逆に覚えにくいのは風景アイコンかな? 特徴が少ないのでニックネームと結びつきにくい。 ニックネームがない(はてなIDのみ)+風景アイコンさんが一番覚えにくいですw

 

 f:id:luna_jack21:20170914061702j:plain ああああああ!!!私だった、風景アイコンの人間 f:id:luna_jack21:20170914061702j:plain

 

全く考えてなかった。そこに気付くとは流石です。

 

自分にとっては最高のアイコン問題

 

f:id:luna_jack21:20170913203020j:plain

現在私が設定しているアイコン画像ですが、

太陽をバックに左に電柱、右に私が写っています。

結構上手く(セルフシャッターで)撮れて気に入っている写真なので

アイコン画像に設定していました。

 

しかし現実は・・・

 

f:id:luna_jack21:20170914061702j:plain

はてなスターはじめ、他の人から見える私のアイコンですが何が写っているかわかりませんよね?

左も右も柱だろ?と言われそうです。俺は柱の男になった?

 

キレイな景色をアイコンにしたい気持ちはすごくわかりますが、16x16サイズの世界ではとても表現できません。

 

しかし問題なのは私からしたら自分が撮った画像なので悪い画像に見えないことです。

f:id:luna_jack21:20170914061702j:plain

仮にみんながこの画像の意味が分からなかったとしても

自分はどのような写真か構図を知っているし、ついつい見慣れてしまって

他の人にも意味が通じる画像だと思い込んでしまいやすいです。

 

私もプロフィールアイコンについて考えるまでは特に気にしてなかったんですが

よくよく見たら結構特徴無いなと思いました・・・

 

 突然だけど、この画像を見てほしい。

f:id:luna_jack21:20170913202019p:plain 

だまし絵:「だまし絵」が人により違って見えるのは何故?:おとなのカラダゼミナール:日経Gooday(グッデイ) より引用させていただきました。

 

私がこの絵には老婆が描いてあるよ。って言っても「えっ?」って思う人が居ると思うし、

逆に若い女性が描いてあるよ。と言っても「え?」ってなる人が居ると思う。

つまり他の人目が自分の目と同じ様に見えているとは限らないって事。

(ちなみに人によって若い女性に見えたり老婆に見えたりと

人によって見え方が違う画像です)

 

この画像のように自分にとっちゃf:id:luna_jack21:20170914061702j:plain美しい風景の画像だ!f:id:luna_jack21:20170914061702j:plainと思っていても、

他の人からしたら(何が写ってんだよこれ・・・)となってしまうわけです。

あなたも知らぬ間にトリックアート師になっているかもしれません。

 

どのようなプロフィールアイコンが良いのか?

 

では、どのようなプロフィール画像が良いのか考えていきます。

何より大前提はシンプルな事です。何度も言いますが16x16の世界で

表現できることはかなり限られています。

 

3つの画像タイプ考察

写真

 f:id:luna_jack21:20170913213905j:plain f:id:luna_jack21:20170913214045j:plain f:id:luna_jack21:20170914061628j:plain f:id:luna_jack21:20170914061702j:plain f:id:luna_jack21:20170914174501j:plain f:id:luna_jack21:20170914174510j:plain f:id:luna_jack21:20170914174903j:plain

 

メリットとしてはカメラさえあれば画像を用意できるので簡単な事。

デメリットはわかりにくい画像になりやすい事です。

特に風景画像をアイコンにする場合はかなり構図に気をつけないと

何の写真だよこれ。ってなりかねません。f:id:luna_jack21:20170914061628j:plain f:id:luna_jack21:20170914061702j:plain f:id:luna_jack21:20170914061725j:plain

 

ポイントとしては写すものを1つに絞ることです。f:id:luna_jack21:20170913213905j:plain f:id:luna_jack21:20170913214045j:plain

被写体を増やせば増やすほど何の画像かわからなくなります。

 

あとはなるべく背景と対になる色のほうが目立ちやすいです。f:id:luna_jack21:20170914174501j:plain f:id:luna_jack21:20170914174510j:plain

 

文字・記号・マーク

 

 f:id:luna_jack21:20170913214859j:plain f:id:luna_jack21:20170913215536j:plain f:id:luna_jack21:20170913215549j:plain f:id:luna_jack21:20170913215651j:plain f:id:luna_jack21:20170913193454j:plain f:id:luna_jack21:20170914175148j:plain

文字や記号、マークをアイコンにする方法です。

私的には結構いい方法じゃないかな?と思う。結構シンプルで目に入るし。

お、あのブログの人だ!ってひと目で気付きます。

 

ただ、デメリットとしては、表示できるスペースがかなり限られているから

人とかぶりやすい事だと思います。

オリジナリティを出すには少し工夫が必要そうですね。

 

f:id:luna_jack21:20170914180007j:plain f:id:luna_jack21:20170914180032j:plain f:id:luna_jack21:20170914180045p:plain f:id:luna_jack21:20170914181114j:plain

 

2次元、3次元問わず人間の顔をアイコンにするやり方です。

メリットとしては人間って直感的に人の顔に反応しやすいらしいので

直感的にアイコンをクリックされやすくなるかもしれません。

特に女性の顔のアイコンとかだったら効果ありそう。

 

それに自分の顔を模した物を使うなら

個性も出やすいですし、最も無難とも言えるかも知れません。

 

デメリットは顔を出さなければいけないことです。

とはいえ、これは2次元の画像をアイコンにすればいいので、

さほどデメリットでも無いと思います。

 

まぁ、一番無難かもしれない。

 

 

2次元か、3次元、どちらが良いのか?

 

私は2次元の方が目立ちやすいんじゃないかな?と思っています。

 

f:id:luna_jack21:20170914180007j:plain f:id:luna_jack21:20170914181114j:plain

どちらも顔の画像ですが、3次元はどうしても影が入って色が複雑になるので

単調な色使いの2次元のほうが良いと思います。

もちろん、3次元でも撮影の仕方を気をつければどうにでもなると思うので

基本は好みで良いんじゃないかな?とも思います。

 

GIF画像が良いかもしれない

f:id:luna_jack21:20170914182640g:plain f:id:luna_jack21:20170914182738g:plain

 

はてなブログのアイコンには動く画像、GIF画像が使用できます。

これを用いれば、目立つアイコンが作れるかもしれません。

 

 

 f:id:luna_jack21:20170914181114j:plain f:id:luna_jack21:20170914180045p:plain f:id:luna_jack21:20170914174903j:plain f:id:luna_jack21:20170913214859j:plain f:id:luna_jack21:20170914182640g:plain f:id:luna_jack21:20170914182738g:plain f:id:luna_jack21:20170913193454j:plain f:id:luna_jack21:20170914175148j:plain f:id:luna_jack21:20170914180007j:plain

 

ちょっと「お?」ってなりませんでしたか?

でもぼっちサーファーさんも書いてましたが、もしもこれが流行ったら

はてなスター欄がカオスなことになりそうですが。。。w

 

まとめ:シンプル・イズ・ベスト

 

シンプルだったらどんな画像でも良いと思う。

少なくとも何の画像かわからないって事にはなりません。

 

背景と被写体の色がはっきり分かれていると

目立ちやすいと思います。

そういう意味では、人工的に色を付けた2次元画像の方が良いかもしれません。

ただ3次元も写真の撮り方や加工次第で何とかなると思うので、

そこまで心配はいらないかもしれません。

 

はてなスターの場所

 

1つアドバイスをしておくと、はてなスター画面では「★」マークが

アイコンの左下に表示されるので

 

f:id:luna_jack21:20170914183742p:plain

目立たせたいものは右下に置くと良いかもしれません。

 

アイディアは通知画面から

 

何か参考になるものは無いかな?って考えてたのですが、

パソコンやスマホの通知アイコンがいい感じです。

 

f:id:luna_jack21:20170914184109p:plain

限られたスペースでひと目でわかるアイコンを用いていますので

アイコン作りの参考になります。

 

 

あとは当然のことだけど、著作権は守ったほうが良いと思う。

可能性は限りなく低いとしても後々トラブルになったらめんどくさいしね。

私はクリーンにブログ運営したい派です。

 

以上、私のはてなブログのアイコンについて考えたメモでした。

実はまだ自分のアイコン作って無くて、

この記事にまとめた内容を参考に作っていこうと思っています。

 

私以外にも参考になる方がいらっしゃったら嬉しい限りです。

読んでいただきありがとうございました。