アイコン on akky@サイボウズラボ・ブログ

Facitars! - アバターアイコン生成ライブラリ

Fri, 07 Oct 2022 00:00:00 +0000

Facitars! は、一定のトーンに沿った形で与えたシードからランダムなアバターアイコンを生成してくれるライブラリです。

Facitars! のサンプルコードで生成したランダムなアバター群

アカウント名やメールアドレスをシードにすることで、他のユーザーと形や色が同じにならないユニークなアイコンをユーザーごとに自動で作れるため、会員登録制のwebサービスのデフォルトアイコンなどに使えそうです。

HTMLページに埋め込んだJavaScript から呼び出すことも、サーバーサイドから呼んで画像を作ることもできるオープンソースのライブラリの形式で提供されています。実際に作ってみました。

Facitars! で自分のアカウント名などをシードに作成したアバターアイコン

ユーザー登録サービスでも自分のアイコンを登録する手間は面倒と感じる人が多いようで、ユーザーが並んでいるコメント欄などでもデフォルトのアイコンが並ぶばかり、というサービスもありますね。こういったライブラリを使ってデフォルトアイコンでも個人別に違ったものにすることはいい対策かなと思います。

同様のアバタージェネレーターとしてはたとえばBoring Avatarsなどもあります。こちらはカワイイ系のアイコンを生成できますが、色のバリエーションは手動で与えるタイプのようです。

via reddit

iOSのAmazonアプリアイコンが「あのヒゲに見える」問題で差し換え

Tue, 02 Mar 2021 00:00:00 +0000

iOS 向けのAmazonアプリのアイコンが長年使われていたカートのデザインから最近変更されていたそうなのですが、この新アイコンがあるものに見える、という指摘がいくつか上がり、急遽再変更されたそうです。

アマゾンの段ボールに、ギザギザにカットしたテープを使って梱包したアイコン、アマゾン利用者なら見慣れたアイテムですね。カートよりよほど「アマゾン」という感じがしますし、スマートフォンのホーム画面の中でもわかりやすくアマゾンを示すと思います。

がしかし、

「誰か、口にチョビヒゲはダメダメだとアマゾンに伝えるべき」

I see Hitler smirking https://t.co/rQvLVWYkCZ
— —————— (@xxcrivvvssjcb) January 26, 2021

「自分にはそんな風には見えない」という反対の声ももちろんあり、指摘しているツイートもそれほど支持されているわけではないのですが、アイコンはチョビヒゲには見えないように再変更されています。

これがデザイナーのミスだ、というのはデザイナーに厳しいと思うのですが。ユーザー数が多いサービスでのデザインはたいへんですね。

via The Verge and Creative Bloq

Adorable Avatars - キーからランダムに生成されるアバター

Fri, 19 Apr 2019 00:00:00 +0000

Adorable Avatars(愛すべきアバターたち)は、カートゥーン風のイラストアイコンを生成してくれるwebサービスです。

フォームで文字列を入れると、文字列に応じてアバターが変わります。

文字列が同じであれば必ず同じ結果が出てくるため、同じアイコン画像をいろいろな所で使いまわせるというわけです。↓は “akky” と入れた時に生成されるアバター画像。

キーはテキストなら何でも(日本語でも)良いみたいですが、サンプルとしては @ドメインのメールアドレスが提示されています。Gravatar と似ているところもありますね。あちらは自分のメールアドレスとアイコン画像を登録して使うものですが、できた画像が気にならず、他人に同じものが使われても問題ない状況なら、ずっとお手軽です。

たとえば、アイコンつきの掲示板などで使えば、設定されてないアイコンを発言者の名前などをキーにしてこのAPIで表示することで、デフォルトアイコンだらけではなく同じ発言者が追いやすいようにできたりするのではないでしょうか。

ランダム生成は嫌で自分で決めたい場合は、顔パーツのリストから自分で組み合わせてアバターを作り、それを呼び出して表示させることもできます。

MITライセンスでソースも公開されており、顔のパーツのバリエーションを自分で用意すれば、同じ仕組みで別のアバター提供サイトを作ることも簡単そうです。

via Hacker News

Chromeブラウザはどれだ? ホーム画面を使った挑戦

Fri, 19 Sep 2014 00:00:00 +0000

友人にパソコンを直してもらったら、直したついでにホーム画面にイタズラされた、という話。

http://imgur.com/LsyfST4

大量にChromeブラウザのアイコンがありますが、この中の一つだけが本当にChromeブラウザで、あとはクリックするとInternet Explorerが開くんだそうです。

via A friend returns a fixed computer with a terrifying challenge on the desktop background. | Chrome Game | Happy Place

フェイスブックの「お知らせ」が(日本からは)東半球の地球アイコンに変更

Thu, 31 Jul 2014 00:00:00 +0000

フェイスブックの「お知らせ」アイコン、地球の形のアイコンが、一部の人、というか世界の半分以上の人向けに新しく更新されたようです。

日本からログインしているみなさんは、地球の形がユーラシア・アフリカ大陸に変わっているのではないかと思います。これまではずっと、アメリカ大陸が見える地球のアイコンでした。

Facebookの画像ファイルにも、これまでの西半球(アメリカ大陸)と東半球の両方のアイコンが含まれるようになっていますね。

アクセス元のIPアドレスと国・地域のテーブルを参照するか、ユーザーの登録した住所を参照してかわかりませんが、ユーザーの場所に合わせて地球のどっちの側を表示するかを変えるようにしたみたいです。

もともとそういうデマは流れていた

嘘から出たまことというか、何年も前から英語圏で何度も話題になっている、この地球アイコンに関するデマがあったんです。

http://i.imgur.com/HXJKB.png

「ねえねえ知ってる? 香港からフェイスブックにログインすると、アメリカからログインしたのとは違う、東半球の地球アイコンになるんだよ」

というもので、アメリカ大陸のユーザーを中心に、このデマが定期的に流れていたんですよね。アジアやアフリカに友人がいれば、すぐデマだというコメントが入りそうなものですが、地球をまたいで友人がいる人というのはそれほど多くなかったのか、結構な人が信じて「シェア」していたみたいです。

フェイスブック社がこのデマを意識して今回の変更をしたのかどうかはわかりませんが。

via @kadavy via @designernewsrss

[追記] 6月にもこの変更を見てた、という話がありました。その時は話題にならなかったのですが、一部ユーザーに対して先行してテストしていたのかもしれないですね

was on VPN for a sec and the FB notification globe shows the other side http://t.co/7crCstqGsV
— Tatsuhiko Miyagawa (@miyagawa) June 17, 2014

フェイスブックの友達をトランプに Personalised Facebook Playing Cards

Wed, 18 Jul 2012 00:00:00 +0000

オンラインギフトの通販サイトFirebox の新商品 Personalised Facebook Playing Cards は、あなたのソーシャルメディア上の友達のアイコンをトランプにしてくれるというもの。 Facebookでログインして、54人の友達を選ぶと、その友達のアイコンを使ってトランプを作ってくれます。ジョーカーにはこの友達、といった指定もでき、カードには友達の名前も入ります。お値段は11.99ポンド(1500円)。こんなカスタマイズされたトランプを作るのにこの値段は安いですね。Facebook のアイコンを再利用するというアイデアがあってこそという気がします。他にもソーシャルメディアの友人を使ったグッズは考えられそうですね。 via ChipChick

DropIn リンクトインの知人アイコンでテトリス

Wed, 08 Jun 2011 00:00:00 +0000

タイトルでもう説明しきってますけど。ビジネス向けソーシャルネットワークLinkedInのデータを使ったマッシュアップ・テトリスです。

LinkedInのアカウントで認証する必要があります。こちらは遊び方説明。

ゲーム自体はなんのひねりもないテトリスです。真四角のブロックはLinkedInのロゴで、他のブロックは自分の友人知人のアイコンが使われます。おっさん率高いです。アニメアイコン少ないです。

なんでツイッターでもフェイスブックでもなくてリンクトインか? ツイッターとかの方が盛り上がりそうなのに! じつは、リンクトインの社員がリンクトイン・ラボで空いた時間に作ったものだからなんです。

# ということで、一緒に仕事したことのある方はリンクトインの申請を送ってくれてもいいですよ。

Hashtagart - ツイッターアイコンを使ったモザイク絵や神経衰弱ゲームで企業向けプロモーション

Sat, 21 May 2011 00:00:00 +0000

Hashtagartは、Twitterユーザーを巻き込んでのブランドプロモーションを提供するサービス。すでに運用されている一番目のサービスは、特定のハッシュタグをつぶやいたユーザーのツイッターアイコンを集めて、広告主が指定する画像をモザイクで作るというものです。下はWindows Phone(ハッシュタグ#WindowsPhone)で実際に行われたプロモーションの例で、デモサイトにいくと、一つ一つのアイコンを選んで元となるつぶやきを確認したり、ユーザー名から自分のアイコンがどこに使われているかをみつけたり、というインタラクティブな機能を持っています。アイコンで大きなモザイク画を作る発想自体は前からあるので、集計したり画像を作ったりという作業を有料で企業向けにパッケージ化したというだけではありますが。すでに予算を持ってる企業の担当者から見れば楽ですよね。第二弾はツイッターアイコンを使った「ソーシャルコミック」の作成、他にアイコンを使った絵合わせゲーム、トリビアクイズ、などのリリースが予定されているそうです。

MTVムービーアウォーズのツイッター可視化マッシュアップ

Mon, 07 Jun 2010 00:00:00 +0000

MTV Movie Awards 2010に関するツイッターのつぶやきを集めた、ソーシャルプロモーションが公開されていて、なかなか凝った作りになっています。ハッシュタグをつけたつぶやきを集めて列挙するのは、TwitterFountainなどと変わらないのですが、「今見てる」の対象が映画俳優・歌手などのぱっと画像を見てわかる有名人であることを活かして、その有名人の顔写真を多数のパネルを使ってクラウド状に表示したり、ストライプ状にそれぞれのアーチストに対するつぶやきが流れていくように表示したりしています一個一個のパネルがひとつのつぶやきに対応してるというコンセプトで、顔をクリックすると個々のツイートを追うこともできます。現在誰が多くつぶやかれているのか、というのも随時変化していって、つぶやかれている有名人ほど大きく、中央よりに表示されます。右下のタイムラインをつまんで動かすと、中継の始まる前からの移り変わりも追うことができて、「あ、ここでこの人が登場したんだな」とわかります。多数の有名人が登場する授賞式をウェブ上でも盛り上げようというときに、良くできた見せ方と仕組みだなあと感じました。 via Flowing Data