幅と高さではなくボリュームに基づいて、中心から外れるものに名前、用語、または慣例がありますか?


11

インターフェースの設計者として、また一般の設計者と同じように、ボリュームの分布が不均一であるため、中央に配置してバランスをとるために、中心から少しずらして配置する必要があると感じます。

ボックスに配置された再生ボタンを考えてみましょう:

ここに画像の説明を入力してください

この質問をしてから数か月後、私はビデオコントロールを開発していて、これが完璧な例であることに気付きました。この画像は幾何学的に中央に配置されていますが、私のインターフェイスでは、ボリュームに基づいて中央に配置するために、アイコンを実際の幾何学的中心よりも右に約15%押しました(上の画像で確認できるように)。 tはかなり正しいと感じます。

私は通常、アイコンをボリュームで中央に配置することを推測しますが、適切な中心は数学的に決定できるので、InDesignなどのデザインツールでこれを行うのに役立つツールまたはプラグインが見つかる場合があるので、名前に対する好奇心を疑う。

頭の上の「ボリュームセンタリング」と呼んでいますが、それは推測にすぎません。このテクニックの正式名称/用語はありますか?


物理学の用語は、質量中心en.wikipedia.org/wiki/Center_of_mass
Dax Fohl

回答:


9

「光センター」と呼ばれています

基本的に、読者の目は左上から始まり、右下に向かって移動し、光学中心を通過します(右から左に読む国では、物事を逆にします)。

これは実際の幾何学的中心ではありません。長方形の角と角を結ぶ2本の線と、線が交わる点を作成します。これが幾何学的中心です。光学中心は、幾何学的中心より少し上になります。

あなたがすることは、設計者がすべきことは、幾何学的中心ではなく光学的中心の周りで要素のバランスを取ることです。

この記事から引用

ここに画像の説明を入力してください


4
これは間違いなく質問で説明されている効果ではありません
KRyan

ほとんどそこに...全く正しい概念ではありません。
私服2015

4

光学補正/補正

あなたの場合、あなたは光学的センタリングに話しているが、あなたがそれらを許せば、あなたの目はそれより多くの調整を行うことができる。これは、形状、テクスチャ、色、視覚的な歪みなどを重み付けし、それを補正する複雑なプロセスです。

19世紀の点描家によって開拓された光混合の概念と同様に、あなたの脳は形の集合体を見て、物事を平均化します。点描のように、効果は問題の形状のスケールに基づいて変化します。視聴者の視覚解像度は大きな役割を果たしますが、それは知覚的重み付けにも関係しています。脳は相対的な重要性に基づいて物事を簡素化します(申し訳ありませんが...数十年の読書ですが、ソースはありません)。

色の点を拡大した点描の画像

グレコローマンアーキテクチャで知覚されるボリュームを補正する別の形式があります。

建築家は、遠近法、オブジェクトのエッジを凹状に見せている錯覚、および空を背景にして見た柱が、影を付けた壁から見た隣接する柱とは異なって見えるという事実について計算しました。これらの要因のために、建築家は重要な建物の主要な線がめったに真っすぐになるように計画を調整しました。
ウィキペディア経由

目を使って

他のデザイナーと同じようにそれを行っています。アルゴリズムは、相対領域、スケール、表示距離などに基づいてこれを理解することができますが、人間の目とまったく同じものはありません。


3

これは光軸調整 と呼ばれ ます。これがここに画像の説明を入力してください 問題そのものを説明するすばらしい記事です。https//medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175


うわー、素晴らしい記事。
Viziionary 2015

@JonathanToddでしょ?私は先日それを読んでそれを保存し、誰かがそれを必要とすると考えました、そしてここに私たちは笑います
スタンリーVM

4
回答に追加するためにリンクする記事の関連部分を引用してください。リンクの腐敗のため、リンクのみの回答には不満があります。
DA01 2015

1
逸品!私は長年、自分の眼球だけで光学的に物事を集中させてきました。サークルのトリックを教えられなかった(または自分で考え出した)とは信じられません。DA01のリクエストの2番目に、投稿から画像/テキストをあなたの回答に追加するようお願いします。
Vicki

1
@joojaaバインダー全体を描くのに忙しかった。;)
Vicki

0

オプティカルアライメントの答えは素晴らしいです。あなたが求めているものだと思いますが、質問で「バランス」について言及するとき、オカルトバランス(AKA、非対称バランス)について考えました。

ここに私が見つけたリンクがあります... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

リンクはランドスケープデザインに関するものだと知っていますが、コンセプトはここに当てはまると思います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.