重要なポイントを目立たせるのが、ボックスデザインやマーカーデザインです。
THE SONICは100種類以上のデザインを用意しています。
目次
ファーストビューのデザイン
第一印象を決定付ける記事のファーストビューデザイン。
デザインは3パターン用意しています。
投稿画面の投稿の属性から、記事ごとに変更できます。
見出しのデザイン
文章を段落付け、わかりやすくする「見出し」
デザインはそれぞれ6パターン用意しています。h2・h3・h4の見出しをそれぞれワンクリックで選択できます。組み合わせは200通り以上です。
目次のデザイン
ユーザビリティを高め、求める答えをすぐに案内する「目次」
デザインは5種類用意しています。
THE SONICは、はじめから目次の機能を用意しています。
シェアボタンのデザイン
記事を拡散して露出を高める「シェアボタン」
デザインは5パターン用意しています。
記事を書いた人のデザイン
記事を書いた人を紹介する項目です。記事の上部と下部に入れられます。
デザインは4パターンです。
ロゴ画像を使ったサンプル
バストアップ画像を使ったサンプル
マーカーのデザイン
記事を強調する「マーカー」
THE SONICはオリジナルマーカーデザインを5種類用意しています。
太字マーカーです
赤太字マーカーです
黄色い下線マーカーです
ラベルマーカー（メインカラー）です
ラベルマーカー（アクセントカラー）です
マーカーは今後のアップデートで、好みのデザインに変更する機能を実装する予定です。
段落のデザイン
記事のワンポイント、記事のまとめにも使える汎用性の高いデザインを12種用意しました。
para-mark1
para-mark2
para-mark3
para-mark4
para-mark5
para-mark6
ボタンのデザイン
リンク先へと誘導する「ボタン」
ボタンデザインはボタンの動き4×アイコン4種の16パターンあり、色や形を自由に変更できます。
前後にアイコンをつけ、形を変えてみました。
表（テーブル）のデザイン
情報をまとめてわかりやすく伝える「表（テーブル）」
デザインは4パターン用意しています。
| 左側 | 中央 | 右側 |
|---|---|---|
| セル | セル | セル |
| セル | セル | セル |
| 左側 | 中央 | 右側 |
|---|---|---|
| セル | セル | セル |
| セル | セル | セル |
| 左側 | 中央 | 右側 |
|---|---|---|
| セル | セル | セル |
| セル | セル | セル |
| 左側 | 中央 | 右側 |
|---|---|---|
| セル | セル | セル |
| セル | セル | セル |
リストのデザイン
リストのデザインは7パターン用意しています。
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
グループのデザイン
文章背景のデザインを変える「グループ」
デザインを16種類用意しました。
グループのスタイル
Mark1
グループのスタイル
Mark2
グループのスタイル
Mark3
グループのスタイル
Mark4
グループのスタイル
Mark5
グループのスタイル
Mark6
グループのスタイル
Mark7
グループのスタイル
Mark8
グループのスタイル
Mark9
グループのスタイル
Mark10
グループのスタイル
Mark11
グループのスタイル
Mark12
グループのスタイル
Mark13
グループのスタイル
Mark14
グループのスタイル
Mark15
グループのスタイル
Mark16
グループには画像や表が挿入でき、自由に使えます。
グループとリストを組み合わせると、様々なデザインを作ることができます。
- リスト
- リスト
- リスト
買うものメモ
- リスト
- リスト
- リスト
本日のおさらいポイント
- リスト
- リスト
- リスト
明日持っていくもの
- リスト
- リスト
- リスト
- リスト
- リスト
- リスト
画像のデザイン
画像のデザインは追加で4パターンです。
さらにたくさんのオリジナルブロック
THE SONICでは、今回紹介したものの他にたくさんのオリジナルブロックを用意しています。
ライティングはよりスムーズに。表現力はより豊かに。
こだわりのTHE SONICオリジナルブロックをご覧ください。
はるしか
