料金一覧
料金表は表を利用したり、見出しとテキストを利用するなど様々な方法で表現する事ができます。
表でレイアウトの例
名称 | 説明 | 料金 |
メニュー1 |
時間や内容の詳細について説明を記載するとユーザーに分かりやすく なります。 |
¥1,000 |
メニュー2 | HTMLが分かると細かいレイアウト調整ができます。 |
¥2,000 |
見出しとテキストの例
メニュー1
コースの内容について説明を記載するとユーザーに分かりやすくなります。
料金:¥1,000
メニュー2
この行の文章の表示位置を右揃えにしています。
この行の文章を左揃え、太文字にしています。
画像として挿入する例
アイデア次第で色んな表現が可能です。
ただし、スマートフォンでの表示も意識する場合には「見出しとテキスト」を使用する方法がおすすめです。テキストのみで記載しても良いでしょう。
表や画像は閲覧する端末によってサイズ補正がかかってしまうため、スマートフォンで見た場合にはレイアウトが崩れたり、画像がとても小さく見える場合があります。
色々と試してみてください。