web-dev-qa-db-ja.com

斜体カーソル+斜体テキストの背景?

私が使い慣れているほとんどのアプリケーションでは、挿入モードのテキストカーソルは、垂直に点滅するバーとして一般的に表されます。

vertical bar blinking cursor

ご覧のように、一部のイタリック文字では、これにより視覚的なアーティファクトが発生します。カーソルが文字の一部と重なっています。これは、エージェンシーやインパクトなどの細長いフォントを使用する場合に特に不快になります。

enter image description here

問題はカーソルだけでなく、文字の背景にもあります。たとえば、文字「l」を選択すると、その文字の大部分が選択ボックスの外にぶら下がってしまい、実際に何が選択されているかがはっきりしなくなります。

明白な(そして論理的な)解決策は、カーソルを垂直バーから傾斜バーに変更して、カーソルが周囲の文字と同じ一般的な傾きを持つようにすることです。これは次のようになります(もちろんアンチエイリアスのみ):

enter image description here

同様に、選択(および一般的な背景のレンダリング)では、垂直の四角形をイタリックフォントの傾きに沿った平行四辺形に置き換えます。

ささいな技術的な問題はさておき(斜体の傾きを決定する方法は?)—斜体のテキスト内で斜めのカーソルや斜めの背景を使用するテキストエディターがない理由は何ですか?それはより良いUXを提供しますか、提供しませんか?この機能を自分のテキストエディタに実装した場合、ユーザーは便利か混乱するでしょうか?

編集: MS Wordは斜体のテキスト内で傾斜カーソルを使用しますが、カーソルの下のフォントの傾きに正しく一致せず、rtlスクリプトに切り替えるとカーソルが直立に戻ります。また、文字の背景は常に直立しています。次のようになります。

enter image description here

(疑問に思った場合:最初のHelがここで強調表示されています)

18
Pasha

カーソルを傾けると、永続的な垂直カーソルよりもXの改善になります。多くのワードプロセッサはすでにこれを行っています。以下は、MS Wordの例です。

enter image description here
enter image description here

入力したテキストが斜体になることをユーザーに追加フィードバックし、テキストを選択するときに視覚的にわかりやすくなります。同時に、それがユーザーに問題を引き起こす理由は何も考えられません。

技術的には、すべての斜体フォントが同じ傾斜を持つわけではないことを理解する必要があるため、それに対処する必要があります。しかし、そうでなければそれは良い考えです。

15
JohnGB

あなたの例で私が奇妙だと思うのは、lがキャレットと交差していることです。キャレットがグリフの前か後かが明確になるように、キャレットの位置をフォントで微調整する必要があります。

特にテキスト入力などの一般的なコントロールの場合、OSまたはブラウザのデフォルトの動作から逸脱する場合は常に注意が必要です。あなたの提案は、すでに述べたように実際的ではないかもしれませんが、キャレットの位置と選択についてより明確に通信する可能性があるため、UXには意味があると思います。ただし、多くのエディターがこれを行わないことを考えると、これが技術的な理由(考えられるフォントをサポートする必要がある)のためか、ユーザーのテストで大きな利点が明らかにされなかったのかどうか知りたいです。

1
Koen Lageveen