テキストデザインのルールについて教えてください。

デザイナーへWordpressで作成するウェブサイトのデザインを依頼してます。
個人的に見づらさを感じる為、コンテンツの見やすさ（テキストデザイン）に関する投稿になります。

Wordpressの投稿記事、固定ページで作成したコンテンツのテキストデザイン（段落、引用など）や箇条書きのタグのバランスについて皆さんの意見を聞かせて欲しいです。

段落、引用の文字間について

デザイナーが作成したテキストデザインのうち<p/>（段落）と<backquote/>（引用）の行間が異なり「引用」が行間が詰めすぎていて見苦しく感じています。
対して「段落」は風通しが良すぎる位に空いています。
ウェブサイトの全体的なデザインにまとめる為だと思っていますが、一般的なルールとして「段落」と「引用」の行間が異なるのは気にする事ではないのでしょうか。

箇条書きリストのバランス等について

<ul />タグの<li/>タグにある先頭の「・」について「・」と次に始まるテキストとの間はスペース（マージンやパディング）を空けずに通常の文字間位のバランスでも問題ないでしょうか。

また＜ol/＞タグの数字が1～20まである場合のデザインとして、

01.個条書きタイトル
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
02.個条書きタイトル
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
09.個条書きタイトル
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
10.個条書きタイトル
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト

のような2桁前提で1桁の場合0で桁数を埋めるのは一般的なテキストデザインとしてアリなのでしょうか。

個人的な意見としてデザインも大事ですが、コンテンツの中身はもっと重要で見づらい・読みずらいデザインはありえないと考えます。
なので最低限な基本ルールとして

〇〇は揃えるのが一般的
〇〇はスペースを空けないのは通常ありえない

など皆さんの意見を待っています。

回答3件

yambejp

総合スコア116468

投稿2024/07/19 03:37

段落、引用

見た目を調整するのは自由です。cssを活用ください

箇条書きリストのバランス

cssで普通にできます

html
1<style>
2.mylist li{
3  list-style-type:decimal-leading-zero;
4}
5</style>
6<ol class="mylist">
7<li><dl>
8<dt>個条書きタイトル</dt>
9<dd>テキストテキストテキストテキストテキスト</dd>
10<dd>テキストテキストテキストテキストテキスト</dd>
11<dd>テキストテキストテキストテキストテキスト</dd>
12<dd>テキストテキストテキストテキストテキスト</dd>
13</dl>
14</li>
15<li><dl>
16<dt>個条書きタイトル</dt>
17<dd>テキストテキストテキストテキストテキスト</dd>
18<dd>テキストテキストテキストテキストテキスト</dd>
19<dd>テキストテキストテキストテキストテキスト</dd>
20<dd>テキストテキストテキストテキストテキスト</dd>
21</dl>
22</li>
23<li value="9"><dl>
24<dt>個条書きタイトル</dt>
25<dd>テキストテキストテキストテキストテキスト</dd>
26<dd>テキストテキストテキストテキストテキスト</dd>
27<dd>テキストテキストテキストテキストテキスト</dd>
28<dd>テキストテキストテキストテキストテキスト</dd>
29</dl>
30</li>
31<li><dl>
32<dt>個条書きタイトル</dt>
33<dd>テキストテキストテキストテキストテキスト</dd>
34<dd>テキストテキストテキストテキストテキスト</dd>
35<dd>テキストテキストテキストテキストテキスト</dd>
36<dd>テキストテキストテキストテキストテキスト</dd>
37</dl>
38</li>
39</ol>