ワーカーに渡すデザイン(女性)

以下の装飾部品で、スマホ画面できれいに見えるように装飾をお願いします。

スマホで見やすい装飾について

現在、ほとんどの読者はスマホで閲覧します。

スマホでは文頭が左に来ると読みやすくなるため、句点「。」で改行をお願いします。

文章が詰まっていると、圧迫感があり読みづらいので、適度な空白行を入れてください。

スマホ画面内に、今回追加する太字やマーカー、枠、ほか装飾部品(吹き出し、テーブル、その他なにか)が入るようにしてほしいです。
ブラウザがクロームでしたら、F12キーで「iPhoneSE」など、できるだけ画面幅が小さいスマホにして、確認をお願いします。
他のブラウザなら、スマホ画面サイズにウィンドウを縮めて、確認してみてください。

読みづらい言葉遣いが多数あります。
これは別の機会で校正・校閲・推敲をするため、文章の修正は不要です。
今回はとにかく何らかの装飾が入る、を最優先しております。
もし不具合を見つけましたら、その個所を教えていただけると嬉しいです!

文字の色

これは太字です

これは赤太字です

これはマーカーです

このようにマーカーと太字の組み合わせも可能です

このようにマーカーと赤太字の組み合わせも可能です

旧マーカーの「class="rmarker"」は、新しい「class="markerbt"」に差し替えてください。


これは旧マーカーです。

新しいマーカーに差し替えてください。マーカーを統一いたします。

ポジティブな話題の枠、メリットなど

「メリットbox」

ここに文章

  • 箇条書きの場合は
  • ulタグ、liタグ
  • を使ってください
  1. またはolタグもOK
  2. olタグは手順を示すリストです
  3. 個数を表すリストではありません
  4. ○○するためのステップ、で使ってください

ネガティブな話題の枠、デメリットなど

「デメリットbox」

ここに文章

  • 箇条書きの場合は
  • ulタグ、liタグ
  • を使ってください
  1. またはolタグもOK
  2. olタグは手順を示すリストです
  3. 個数を表すリストではありません
  4. ○○するためのステップ、で使ってください

要点、注目ポイント、その他強調する話題

「ポイントbox」

ここに文章

  • 箇条書きの場合は
  • ulタグ、liタグ
  • を使ってください
  1. またはolタグもOK
  2. olタグは手順を示すリストです
  3. 個数を表すリストではありません
  4. ○○するためのステップ、で使ってください

注意点、○○すると失敗するよなど

「注意点box」

ここに文章

  • 箇条書きの場合は
  • ulタグ、liタグ
  • を使ってください
  1. またはolタグもOK
  2. olタグは手順を示すリストです
  3. 個数を表すリストではありません
  4. ○○するためのステップ、で使ってください
「2重線box」
(タイトルなしの枠)

ここに文章

  • 箇条書きの場合は
  • ulタグ、liタグ
  • を使ってください
  1. またはolタグもOK
  2. olタグは手順を示すリストです
  3. 個数を表すリストではありません
  4. ○○するためのステップ、で使ってください

上記の枠線は、使用可能ならできるだけ使ってください。
※どうしても枠の挿入が難しい場合は、無理やり入れなくてもOKです

枠線を入れたほう良さそうな部分は、
元の文章の、~しましょう、~してはいけません、~の方法…など、
注目させたい文章を切り出して囲ってください。
囲った前後の文章が自然につながる様に、軽微な文言修正をしていただいてもかまいません。
ブツ切りなりすぎて、ちぐはぐな印象にならないようにしてほしいです。

元記事で、中黒「・」で箇条書きにしている個所はulタグ(またはol)に修正してください。
・ああああ
・いいいいい
・ううう

  • ああああ
  • いいいいい
  • ううう

元記事の文章で、箇条書きにできそうな部分は箇条書きにしてください。
さらに枠を付けたほうが良さそうなら、枠と箇条書きにしてください。

例1
(元の文章)
「カレーの材料は玉ねぎ、にんじん、ジャガイモ、お肉があります。」

(箇条書きにする)
カレーの材料は以下の通り

  • 玉ねぎ
  • にんじん
  • ジャガイモ
  • お肉


(箇条書きに枠線を入れた例)

カレーの材料

  • 玉ねぎ
  • にんじん
  • ジャガイモ
  • お肉

参考

例2
(元の文章)
消費者1,000人へのアンケート調査の結果、48%が「香り」、33%が「パッケージのデザイン」、17%が「ブランドイメージ」を基準に柔軟剤を選んでいることがわかった。

(箇条書きに変更)
消費者1,000人へのアンケート調査の結果、消費者が柔軟剤を選ぶ基準は、

  • 香り(48%)
  • パッケージのデザイン(33%)
  • ブランドイメージ(17%)

であることがわかった。

(箇条書き+枠線)

消費者1,000人へのアンケート調査の結果、消費者が柔軟剤を選ぶ基準は、

  • 香り(48%)
  • パッケージのデザイン(33%)
  • ブランドイメージ(17%)

であることがわかった。

クラス名が付いたテーブルタグに変更してください

ただのテーブルタグは、クラス名が付いたテーブルタグに変更をお願いします。
<table>

<table class="table-ux">
※プレビュー画面でコピペする場合は↑こちら

テーブルデザインのサンプル
項目項目項目
項目内容内容
項目内容内容

良い口コミ

記事によっては体験談、口コミコメント、があります。
(例 脱毛サロンミュゼの体験談 Aさんのコメント、など)

下記はキャラの表情が明るい口コミボックス5種です。

記事に使う場合はこれらをランダムにお使いください。
1,2,3でも、5,1,4でも使い方お任せ。
その記事中ではできるだけバラけるほうが良いです。
同じキャラが接近すると違和感です…。

口コミが6つ以上あれば、6つ目からは初めに使ったキャラに戻るなどでOKです。(以下の口コミも同様)

「投稿者」「年齢」「使用した○○」「通ったサロン名」などの情報がある場合は、太字、またはクラス名「hyokaten」で色が付いた文字装飾もお願いします。

キャラ1

名前 金額/30000円
↑の名前の行は必須ではありません。
元コメントに合わせてください。

金額、サロン名、評価点、おすすめ度・・・
などの特別な評価指標があれば、クラス名「hyokaten」のspanタグで囲ってください。

<span class="hyokaten">評価点</span>

使用方法は明確に決めていませんので、色を変えたほうがわかりやすいはず、と感じる箇所にこのタグをつけてください(^^;

--------------

(例文)膝下脱毛をして膝から足の指まですべて脱毛してもらえるのですが、自己処理でなぜか足の指だけ処理を忘れてしまいました。

キャラ2

(例文)VIOのOを施術中、照射した瞬間熱くておしりに力が入ってしまいスタッフに力を抜いて下さいと何回も言われてしまった。

投稿者:30代女性
---------
↑投稿者名や年齢は、あったりなかったりします。
元コメントに合わせてください。

キャラ3

(例文)膝下脱毛をして膝から足の指まですべて脱毛してもらえるのですが、自己処理でなぜか足の指だけ処理を忘れてしまいました。

花子さん・20代・女性

キャラ4

花子/利用脱毛店:ミュゼプラチナム
↑情報の区切り方は明確に決めていません。スラッシュや改行など、見やすそうな区切り方でお願いします。

(例文)膝下脱毛をして膝から足の指まですべて脱毛してもらえるのですが、自己処理でなぜか足の指だけ処理を忘れてしまいました。

キャラ5

名前:花子
金額:30000円
(例文)今では店員さんが脱毛しやすいよう足を開くことにも抵抗が無くなりました。

微妙な口コミ

下記はキャラの表情が不満顔な5種です。
元文章の内容で「良い」「微妙」キャラを使い分けてください。

キャラ1

(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

花子さん・20代・女性

キャラ2

(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

投稿者:30代女性

キャラ3

(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ4

名前:ああああ/ああああ
(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ5

(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

花子さん・20代・女性

星付き良い口コミ(星評価4以上で使用)

下記はキャラの表情が明るい5種です。
星評価4以上で使用してください。

キャラ1

名前、年齢、
職業
経歴
その他プロフィール
評価点:
星は「data-rate」の数値で設定いたします。
0.5~5を記入してください。(ゼロ評価のコメントはおそらくありません…)

data-rate="0.5"
data-rate="1"
data-rate="1.5"
data-rate="2"
data-rate="2.5"
data-rate="3"
data-rate="3.5"
data-rate="4"
data-rate="4.5"
data-rate="5"

5点満点または10点満点のコメントがあります。
例えば、評価点が5段階で4点なら、
data-rate="4"

評価点が10段階で7点なら、(点数÷2)
data-rate="3.5"
となります。

キャラ2

名前、年齢、
その他プロフィール
↑★の評価が無いパターンもOKです。
上記「良い口コミ」「微妙口コミ」よりも、この口コミ枠が合いそうな場合は、「data-rate」があるspanタグたちは削除でお願いします。

(例文)脱毛する部位にもよると思いますが、効果も1回目から感じられました。

キャラ3

名前、年齢、
その他プロフィール
評価点:
(例文)脱毛する部位にもよると思いますが、効果も1回目から感じられました。

キャラ4

名前、年齢、
その他プロフィール
評価点:
(例文)脱毛する部位にもよると思いますが、効果も1回目から感じられました。

キャラ5

名前、年齢、
その他プロフィール
評価点:
(例文)脱毛する部位にもよると思いますが、効果も1回目から感じられました。

星付き微妙口コミ(星評価4未満で使用)

下記はキャラの表情が不満顔の5種です。
星評価4未満で使用してください。

キャラ1

名前、年齢、
その他プロフィール
↑★の評価が無いパターンもOKです。
上記「良い口コミ」「微妙口コミ」よりも、この口コミ枠が合いそうな場合は、「data-rate」があるspanタグたちは削除でお願いします。

(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ2

名前、年齢、
その他プロフィール
評価点:
(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ3

名前、年齢、
その他プロフィール
評価点:
(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ4

名前、年齢、
その他プロフィール
評価点:
(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

キャラ5

名前、年齢、
その他プロフィール
評価点:
(例文)背中とお腹の照射がかなりこしょばくて、体を捻ったり、跳ねたり、笑ってしまうのがものすごく恥ずかしいです。

古いタイプの口コミ枠は、上記の新しい枠に変更をお願いします

古いタイプ


新しいタイプの例

脱毛サロン名:エステティックTBC
施術箇所:ワキ
痛みレベル:
処理する毛によって痛みが違うような気がしました。
あまり痛くないのもあれば、体が勝手に反応してしまうくらい痛いときもありました。
痛くても特に何もせず、我慢して耐えてました。