大量情報からの検索用インターフェース :ナレッジ！？情報共有・・・永遠の課題への挑戦
先日はシンプルなユーザインターフェースの素晴らしさの話を書いたが、Theresaneil’s Weblogには大量データから情報を探す際のデザインについて整理した「Seek or Show: Two Design Paradigms for Lots of Data」という記事があるので紹介。 そのまま翻訳ではつまらないので、例の部分を手近にある日本のサイトやユニークな検索サービスに差し換えると共にメタ検索分を追加してみた。あと原文には探す（Seek)だけでなく見せる（Show)の部分のパターンもあるがこっちは省略した。 検索結果リストの表示の分類 1.シンプルな検索入力フォームと検索結果リスト キーワード検索用のフィールドにキーワードを入力すると同一画面（あるいは別ウィンドウ）に検索結果リストを羅列して表示 例：Rerank.jp Cyclone 2.シンプルな検索入力フォームとサムネイ
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
独学で極める “Webデザイン”の技と心：第3回 Webデザインは問題を解決する何らかの「目的」がある｜gihyo.jp … 技術評論社
Webデザインの話に入る前に、まずアートとデザインの違いについて考えてみます。 デザインとアートの違いは何か？ この疑問は、たびたびいろいろな場所で話題になっており、「デザイン アート 違い」などと検索すればいろいろな先人の考えを知ることができます。 目に見えるもしくは耳に聞こえる、肌で感じられるなど、必ずしも視覚的なものだけではありませんが、アートにもデザインにも共通する点は、「表現」することだと考えています。 Webデザインで言えば、「視覚ブラウザで見えているものだけがデザインではない」と考えれば、視覚的なものだけではないということがわかりやすいかと思います。 私が考えるアートとデザインの違い アート： 自分の中心からわき上がる感情などを自由自在に制約なく表現する （鑑賞することで他者が共鳴したり感動することはあるが、他者の問題解決を目的としているわけではない） デザイン： 自
一度は作ってみたくなるクールでオシャレなフルFLASHサイト18選まとめ*ホームページを作る人のネタ帳
WEBデザイナーの方なら誰もが一度は作ってみたいとおもうであろうフルFLASHサイトを18個選び抜いてご紹介いたします。 各サイトの特徴が、あとで役に立つ日が来る（かも？） 最終的にFLASHサイトの最後の壁は使いにくさ、わかりにくさ。 この辺を画期的な方法でわかりやすくする基準みたいなのがあると便利なんですけどね。 neovision 久々にすごいユーモアがあり、ユーザビリティがあるFLASHを見た気がする。 ここは説明よりも是非とも見ておいて欲しい。 【私の注目】 ・上から下へ移動する一つの動画の流れの中から商品を掴む遊び心 ・どの幅にも『ある程度』対応している ・商品カゴに入れることへの抵抗の無さ loworks 各メニューの動きが面白い。 また、開いたあとの上下移動フレームもストレスがないのがいい。 【私の注目】 ・シンプルなデザイン ・メニューの見せ方が好き ・下部の各アイコンの
63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan
日本航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日本人のデザイナーを知っているだろうか。米国ニューヨークに本拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
ボタンにさまざまな”触感”を与えることができるFLASHツールキット『PowerCursor』 | POP*POP
FLASH職人の方のための便利そうなツールをご紹介。 「PowerCursor」ではウェブ上でさまざまな”触感”を実現するための部品を提供しています。 マウスをその上にもっていくと重力を持っているように動いたり、迷路のようにある道しか通れなくしたり・・・。ゲームやクリエイティブなインターフェースに良いかもですね。 どういった部品がそろっているのでしょうか。以下にいくつかご紹介。 ↑ たとえばこういった部品があります。「Sand」の上ではマウスはまるで砂場で歩いているようなのろい動きになります。逆に「Slick」ではつるつるした動きになります。 ↑ 上図の「Ramp(Up)」にてマウスにかかる力。マウスをのせるとポインターに上向きの力がかかります。 ↑ 穴や丘のようなものも作ることができます。この上にマウスを持っていくとそこに穴があるようにポインターがそちらに動いていきます。 ↑ 迷路のよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webたまご〜Webの入門者を応援するサイト〜｜Web業界に入りたて、未経験の入門者を応援するサイト。
http://www.designwalker.com/2008/05/wp-themes.html
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos
Microsoft Office ホームページ
ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする
FFFFOUND!
アルファベットを使ってロゴを作るときの10のTips - DesignWalker
naoya.dyndns.org is offline
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
2007年上半期人気無料アイコン配布ページ３１個のまとめ。その数17000個以上*ホームページを作る人のネタ帳
