最適なテキストリンクの色は？ | ウェブ力学
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ
Six Apart
Six Apart 2010年エイプリルフール企画の By M.T☆まゆみん on May 13, 2010 2:33 PM | No Comments | No TrackBacks しっくす・アパートの部屋は閉鎖しました。 今年のエイプリルフールのお話 : 広報ブログ - Six Apart Archives Categories Monthly Archives May 2010 (1) Pages Subscribe to this blog's feed Search Recent Entries 2010年エイプリルフール企画の Powered by Movable Type Pro
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
Yahoo！で「トランスフォーマー！」を検索すると……
「Yahoo！JAPAN」トップページの検索窓で「トランスフォーマー！」を検索すると、ぺージがガラガラと崩れ、映画の特設ページに“トランスフォーム”する――こんな企画が、7月5日まで行われている。 映画「トランスフォーマー リベンジ」の広告企画。検索窓にトランスフォーマー！と入力して検索ボタンをクリックすると、ページに亀裂が入り、粉々に崩壊する。 その後、黒バックのページが現れ、トランスフォーマーのロゴや2つのグレーの箱が登場。箱の中からメカっぽい部品が現れ、Yahoo！JAPANトップページにそっくりなデザインの、「トランスフォーマー リベンジ」特設PRサイトを組み上げる。 Yahoo！JAPANでニュースを表示している「トピックス」には映画関連の情報を掲載するなど、中帯のコンテンツはトランスフォーマー仕様に。リンクをクリックすると、映画の公式サイトトップページに飛ぶ。 検索窓は通常通り
インタビュー
--ヘテムルのリニューアルデザインの仕事を受けた理由は何ですか？-- 下田氏： デザインには４つの大事なことがあるんです。それが「ハイクオリティー」 「センス」 「才能」、そして「クリエイティブ」です。 僕はこれを「ハイセンスクリエイティブハイクオリティー」と呼んでいます。 この４つが揃っているデザイナーって、今のところ日本で僕だけなんじゃないかな（笑） ヘテムルさんから、デザインをお願いしたいって話をいただいたとき、最初は断ろうと思ってたんですよ（笑） 理由は、それって僕がデザインをするに値するものなの？って（笑） でも、よくよく話を聞いていると「クリエイター向け」というコンセプトを持ったサービスってわかってきて、 「じゃあやるか！やっちゃいますかー！」って（笑） 久しぶりにマジになりましたね。 自信ありますよ（笑） --クリエイターとして意識していることは何ですか？-- 下田氏： ハイ
とっぷぺーじ
ついに、ヘテムルのキャラクターが決定しました！ 結果発表です！ついにキャラクターが決定しました！ さてさて、どんなのが新キャラクターに決定したのかな？ 決定したキャラクターはどんなのかな？ さっそくチェックだ！ いろんな人がヘテムルを使って、 いろんなホームページをうくっています！ ヘテムルを使ってるいろんな人に聞いたヘテムルの感想は こちらでチェックできちゃいます！
WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
| ＾＾ |秒刊SUNDAY | アイコンの常識を凌駕する高クオリティフリーアイコン５０個
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン５０個 カテゴリ：WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン５０個 ※この記事とても長いです･･･。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
font checker（フォント・チェッカー）
font checkerはブラウザでのフォントスタイルを簡単に確認するためのツールです。 複数のfont-family／font-sizeを同時に確認する事ができます。 （複数指定する場合は半角のカンマ「,」で区切って下さい） Windows標準フォント（和文）をセット MS UI Gothic,ＭＳ Ｐゴシック,ＭＳ ゴシック,ＭＳ Ｐ明朝,ＭＳ 明朝,HGゴシックE,HGPゴシックE,HGSゴシックE,HGゴシックM,HGPゴシックM,HGSゴシックM,HG丸ゴシックM-PRO,HG教科書体,HGP教科書体,HGS教科書体,HG行書体,HGP行書体,HGS行書体,HG正楷書体-PRO,HGP正楷書体-PRO,HGS正楷書体-PRO,HG明朝B,HGP明朝B,HGS明朝B,HG明朝E,HGP明朝E,HGS明朝E Mac標準フォント（和文）をセット ヒラギノ明朝 Pro W3,ヒラギノ明朝
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
はぁ、またか、とFlashがダメだなと思う一瞬
先に補足を追記します： 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax）の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
アースソフト