<br />テキストデザインでは、通常、テキストのレイアウト、つまりテキストをより美しく読みやすくレイアウトする方法に重点が置かれます。ただし、レイアウトの基本的な意味は、ユーザーがコンテンツを理解しやすくすることであるため、テキスト自体が表現する意味も同様に重要です。 1. デザインのいくつかのポイントに基づいて、このことの重要性について簡単に説明しましょう。テキストは、タイトル、ボタン上のテキスト、フィードバック テキスト、ナビゲーションなど、ソフトウェア デザインのあらゆる場所で見つかります。 タイトルは主に現在のインターフェースのテーマを伝えます。たとえば、Windows オペレーティングシステムのデスクトップから「マイネットワーク」に入ると、表示されるタイトルは「マイネットワーク」です。これは、インターネットに接続されているコンピューターの総称です。「My Neighbors」で表現すると、「マイネットワーク」とも理解できますが、一部の人は「隣に住んでいる隣人」と理解するため、正確ではありません。 上記の例が言葉が多すぎて直感的ではないと思われる場合は、エラー プロンプト ウィンドウのタイトルを確認することもできます。 ![]() 上の画像のタイトル「ファイルまたはフォルダの名前変更中にエラーが発生しました」から、このタイトルが文脈に関連していることを簡単に分析できます。まず、これはエラー メッセージのプロンプト ウィンドウであり、操作中にエラーが発生した時期も説明しています。表現の面では、まさに適切です。タイトルに「エラー」を使い続けると、誰もそれを間違っているとは言いません。それは突然ポップアップするウィンドウにすぎません。単純な「エラー」では、一部のユーザーを混乱させ、使い勝手を低下させる可能性があります。 ボタンもよく使われる表現要素です。多くのボタンの機能は言葉で表現されます。以下に一般的な例をいくつか示します。
上記の例をまとめると、特定のシナリオにおけるボタンの機能を説明するために、常に具体的なテキストを使用します。テキスト自体の意味は、ユーザビリティと使いやすさにおいて重要な役割を果たします。 情報プロンプト テキストは、ユーザーと直接コミュニケーションをとるために使用されるため、ソフトウェア インターフェイスの設計において非常に重要な部分です。ユーザーがソフトウェアの使用中に問題に遭遇した場合、情報テキスト フィードバックによってユーザーは対処を促されます。この対話型プロセスは主にテキスト プロンプトを通じて実行され、テキスト記述の正確性と建設性が最も重要になります。情報プロンプト テキストで最も重要なことは、「エラーの原因を説明し、建設的な運用上のヒントを提供すること」です。ユーザーを嘲笑したり、命令したり、非難したり、その他の感情的な言葉や口調は許可されません。 ![]() 上の画像は確認プロンプトであり、「マイ コンピュータ」ではなく「マイ コンピュータ アイコン」を削除しようとしていることを正確に示しています。そうしないと、一部のユーザーはコンピュータ上のすべてのファイルが削除されたと認識してしまいます。また、その後の回復方法も提示されるため、十分に明確です。オペレーターは、この思慮深いリマインダーについて、基本的に疑問を抱くことはありません。 ナビゲーション テキストについては詳しく説明しません。クリックするだけで、ナビゲーションの意味がわかります。一般的に、ユーザーを騙してクリックさせると、ユーザーを失う可能性があります。もしあなたの唯一の目的が人々を騙すことであるならば、その主題とは無関係なナビゲーション本を書くことには私は反対しません。 2. テキストが意味を確実に伝えるためのいくつかの提案:
|
最近、仕事で問題に遭遇しました。グローバル変数 red_heart があります。これは多くの場所で使...
優先度両方のケースで同じ条件を設定すると、異なる結果セットが生成される可能性があるのは、優先順位のた...
ユーザーから情報を収集する場合、Web フォームを使用するより簡単で直接的な方法はありません。適切に...
目次画像をプルするイメージを実行する(コンテナを生成する)コンテナを起動するコンテナに入るすべてのミ...
Word of Mouth に入社して 3 ~ 4 か月が経ちました。仕事の中で一番の収穫は、ビジュ...
序文vue3 を使った例をいくつか書いてみましたが、Vue3 のコンポジション API はよく設計さ...
前提条件: nginx には、ngx_http_limit_conn_module モジュールと n...
序文:デジタル加算ボタンと減算ボタンの実装には、次のような多くのソリューションがこれまでに使用されて...
この記事では、オンラインアナウンスのスクロール効果を実現するためのJSの具体的なコードを参考までに共...
Hexo は Windows 10 でカスタムドメイン名を GitHub にバインドしますまずドメイ...
一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると、[ファイルの選択]ダイアロ...
序文これまで遭遇したデータベースのデッドロックはすべて、バッチ更新中のロック順序の不一致が原因でした...
具体的な方法: 1. コマンドプロンプトを開く2. mysql -u root -pコマンドを入力し...
目次1. テストデータ2. ヌル値による不便3. スペース、空の値、null をどのように判断すれば...
1. 表示効果: 2、HTML構造 <div class="プロセスリスト-lpu...