ウェブサイトのテキストはまだデザインする必要がありますか?

多くの人が、ウェブサイト上のテキストはデザインする必要があるのかと疑問に思うかもしれません。
多くのウェブサイトでは、ウェブサイトのコンテンツ全体の 80% 以上を言葉が占めています。言い換えれば、ウェブサイトは色や画像がなくても構いませんが、言葉なしでは成り立ちません。
製品チームにはコンテンツデザインという役割があります。UCDChina にはかつて「インターフェイス上のテキストに注意を払う」というトピックがあり、非常に興味深いものでした。この記事を書く前に、学習のため、そして繰り返しのコンテンツを書かないようにするために、もう一度読みました。あなたのウェブサイトとそこに記載されているアイデアを比較すると、役に立つと思います。
その号では、Xiaoxiao だけがテキストの視覚的側面に焦点を当てていました。その記事は非常に興味深く、その号で「最も閲覧された」記事でもありました。この記事は、いくつかのアイデアの続きです。
まずはウェブサイトの外側にある中国語フォントのデザインを見てみましょう。英語のテキストには多くのフォントから選ぶことができますが、中国語のテキストには一般的に宋体と黒体という2種類のフォントしかありません。従来のレイアウトデザインでは、デザイナーは英語の組版を好みます。なぜでしょうか?視覚的に見ると、英語の文字の組み合わせは線と面の関係を形成しやすく、文字にリズム感があります。たとえば、3つの文字「aby」を組み合わせると高さが異なります。漢字は比較的単調で、孤立していて、滑らかではありません。
ウェブサイト上の中国語の文字のデザインに戻ると、デザイナーは基本的にフォントの選択を考慮する必要はなく、Songti のみを考慮する必要があります。前の記事で述べたように、 1 つの文字は点を形成し、文字列は線を形成し、文字列は段落を形成して面を形成します。これがレイアウトデザインの最も基本的な原則であり、私たちがすべきことはこの感覚を強化することです。 Microsoft YaHei と Songti を例に挙げると、Microsoft YaHei のデザインが本当に気に入っています。

Songti フォントと Yahei フォントのサイズを 12 に拡大し、次の詳細に注意してください。

YaHei は Songti より 1 ピクセル幅が広くなっています。YaHei では、各ストロークが周囲に伸びます。たとえば、「是」の上にある「日」は YaHei ではより豊かに見えます。
これを行う目的はただ一つ、漢字が行を形成しやすくなり、よりスムーズに読めるようにすることです。ヤヘイは完全な正方形ではありませんが、ソンティよりも正方形に見えます。
上記の例を読むと、私の言いたいことは明らかです。テキストを単語としてではなく、点として考えてください。テキストの視覚的なデザインは、実際には点、線、面の関係を扱うことです。
具体的な設計ポイントは以下のとおりです。

PS1: デニスの愛らしい娘チェンチェンのためにデザインされた WordPress テーマが本日リリースされましたが、細部はまだ調整が必要です。あの女の子は本当にかわいいですね！
PS2: 何人かの友人から、あなたのウェブサイトについて提案してほしいというメールが届きました。ビジュアルデザインに関するこのシリーズの記事を書き終えたら、すべての返信をお送りします。記事に書かれた意見から何か助けを得られると思いますか？特に、ucdchinaのトピックをご覧いただけます。

<<: Zabbix は MySQL インスタンスメソッドを監視します

>>: Tomcatアーキテクチャの原則をアーキテクチャ設計に分析する