デザインの科学『インタフェースデザインの心理学』
「ファミコン『ドラゴンクエストIV』のパッケージイラストの主役が、一番小さく描かれているのに、最初に目に入ってくるのはなぜか」 これについて、中村佑介氏の解説が目鱗だ→【イラストの見栄えが良くなる】中村佑介先生の公開講座が凄い！。本来は目立たせたいもの（主役）を大きく描くのが原則だが、彩度とコントラストを増やすことで、見やすい画面作りをしているという。 だが、もう一つ、このデザインには「主役」を主役たらしめるテクニックがある。それは以下の通り。 1. 人は、人の顔に一番興味を持つ 2. 人は、画面の中で、顔を最初に見る 3. 人は、画面の顔の視線の先に注意を向ける この原則を知ったのが、本書だ。人はどのように認知し、判断し、行動し、そしてエラーを引き起こすのかについて、ウェブやアプリのデザイナー向けに、「100の指針」という形でまとめたもの。 「嘘のレベルは伝達手段で変わる」や、「読むと理
脳にまつわる「3つのバイアス」に注意して、日々の後悔を減らす | ライフハッカー・ジャパン
脳があなたをだます仕組みや、逆にあなたが脳を「ハッキング」する方法については、これまでにも何度か紹介してきました。でも、脳は私たちを欺く巧妙なテクニックを持っているので油断は禁物です。ここで紹介する「DNews」の動画は、そのうちの3つを、ピンポイントでわかりやすく説明しています。その3つとは、サンクコスト（埋没費用）、楽観バイアス、確証バイアスです。 この動画は3分ほどの短いものですが、脳がそもそも持っている「だまし」の仕組みについて、とても簡潔に解説しています。そうした仕組みのせいで、たとえ自分では「意志の力があるから大丈夫」と思っていても、ついつい脳にだまされて、間違った行動を取ってしまうのです。 失ったものを高く評価する「サンクコスト」 例えば、サンクコストの誤り。これは、「手に入れられそうなもの」より、「失ってしまったもの」を高く評価しやすい心理を指します。満腹なのに食べ続けたり
[CSS]リスト要素を左寄せぴったりに配置するスタイルシートのテクニック
中黒のような黒丸、四角、数字など、リストの先頭につくマークを左寄せに揃えるスタイルシートのテクニックを紹介します。 対応ブラウザはIE8+で、ネガティブマージンは使用しません。 Align Lists Flush Left ブラウザごとに異なるサイズのマークでも、数字のリストで1桁から2, 3桁と増えても全てに対応できるテクニックです。 まずは、マークアップから。 HTML ulもolもシンプルな実装です。 <h3>Unordered List</h3> <ul> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> </ul> <h3>Single Digit List</h3> <ol> <li>Lorem ipsum dol
写真のキホン「構図」のおさらいをしてみましょう！ - 女子カメ Watch
写真のキホン「構図」のおさらいをしてみましょう！ 忘れないで欲しい代表的な構図イロイロ いつもはちょっと変わった撮影法や応用的なテクニックをお話していますが、今回は、基本に立ち返って写真を撮るときに知っておくと便利な代表的な構図をおさらいしてみましょう。 みなさんが一番慣れ親しんでいるのが、この黄金分割構図ではないでしょうか。正確な黄金分割は、画面内に対角線を引いて、別の頂点から対角線に向かって垂直な線を引いた交点を言いますが、画面の縦横を均等に三分割した交点とほぼ同じ位置になることから、三分割構図と同等に扱われることが多いです。 この交点にメインの被写体を置くことで主題が明確になり、構図が安定しやすくなります。風景、スナップ、ポートレート、テーブルフォトなどさまざまな分野で多用されている構図です。 私がこの構図を使うときは、主題を交点よりも少し外側に当てはめることが多いです。そうすると、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
