ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
ごった煮ちゃんぽん 漫画・アニメなどでの使用フォントまとめ
・その１（No.1～No.20） ←いまここ ・その２（No.21～No.40） ・その３（No.41～） No.1：さよなら絶望先生 「さよなら」の部分がNatsumikan（無料）、「絶望先生」の部分が昭和モダン体（有料）。 No.2：らき☆すた スランプ-DB（有料）。ファイル形式の違いからWindowsでは使用できないようです。このロゴ、ぱっと見はフォント原形のままのようで実は色々といじくってる。 ～追記～ よく見れば文字の骨格そのものはロゴ丸（有料）ですね… ロゴ丸にスランプ（有料）っぽい効果をかけると上のロゴになるようです。 No.3：月姫 金文体（有料）。書体見本はPDFファイルになっているので、フォント紹介ページへのリンクです。 No.4：ARIA Anastasia（無料）。上のロゴはAnastasiaに手を加えているようで、横線の突き出し部分が無くなっている。 No.5
デザイン勉強会のまとめをするよ！ | Blog hamashun.com
追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki（ウィキ） デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ！ Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます！ なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr
現代のガジェットを昔風のポスターで表現
PhotoShopの使い手たちは、時空をも飛び越えます。 Worth1000にて、現在のガジェットを昔風のポスターで表現する、というコンペをしていました。 これはそのひとつ。ヴィクトリア朝っぽいWiiリモコンです。 …よくできてます…1万年後くらいにこれがたまたま発掘されちゃたら、｢Wiiは19世紀の製品｣ってことになっちゃうかも知れませんね… 以下にさらにいくつかの傑作選をお届けます。ぜひご覧あれ。
鮮やかに表情が変わる照明：｢Rezon ONOFF｣
このマジック、わかりますか？ 上と下を見比べてください。右から空だったグラスにはおいしそうな飲み物が、アートにしかみえない白黒プリントにはシマウマとウシが、緑の美しい葉のプリントには白い花が咲いています！ どうなってるのか何が何だかさっぱりですが、このライト｢Rezon ONOFF（レゾン・オノフ）｣は照明のオンとオフを切り替えると、こんなにも美しく表情が変わるんですよ。 以下で個々の拡大写真と、マジックの種明かし写真を載せておきます。 zebra cows flowers glasses はい、これがからくりのタネです。個々の電球の色が違うのではなく、内側の特殊印刷によってカラーを自由に表現していたんですね。 公式サイトにあるGreen upもぜひとも見てみてください！ FLASHサイトなのでデザインが変わる瞬間がより感動的ですよ。気になるお値段5775円です。 ［Rezon］ （yuk
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネットで5倍売るためのセールスレターの作り方6つの基礎*ホームページを作る人のネタ帳
黄金比グラデーション・白銀比グラデーション - DesignWalker