お久しぶりです、マーケティング担当、TypePadヘビーユーザーのマユミンです。
MicroBlogの新しいテンプレート、Chroma はもうお試しいただきましたでしょうか ?
Microblog ? Chroma ってなに?って方はこちらの記事を参考にしてみてくださいね。
今回は、Chroma を素敵にデザインするコツを紹介します!
Chroma は、ブログの左上のタイトル部分に使う、バナー画像を自由に変えることができます。そして、そのアップロードした画像のカラースキームを算出して、テンプレート全体の配色を決めてくれるのです。
なので、バナー画像とブログのテンプレートの配色がしっくりします。
だから、、とにかく、すごくおしゃれな雰囲気のブログに見えるのです。
まず、これがデフォルトのバナーとテンプレートデザインです。
「葉っぱ」の緑
ですね。
左上に位置するバナー写真を変えて、デザインテンプレートを変えてみましょう!
すると、3つのカラースキームが出てきました。
これは、アップした写真に含まれる「黄色」「緑」「茶色」などのカラーパターンを計算して、配色パターンを提案してくれるのです。
では、真ん中のからし色とグリーンの配色パターンを選択してみましょう。
バナー写真にしっくりする、落ち着いた配色です。
ちなみに「茶色」の配色パターンを適用させるとこんな感じに。これもまた全然違う印象ですね。
違う色合いの写真もアップしてみます。今度は
ピンクと紫のお花
の写真です。
出てきたカラースキームも、ピンク×紫ですね。
カラースキームを適用するとこんな感じに。これも可愛いです![]()
水の写真
はこんな感じの配色に。すっきり爽やか。
今度は顔写真を適用させてみました。
人の肌色をピックアップした配色で、ちょっとオジサンっぽいのが気にくわない・・・![]()
配色はブルーで、バナー画像は自分の写真にできないものでしょうか。
はい、できます。
「以前のカラースキーム」から選択すれば、
ほら、バナー写真は顔写真、配色はブルーにできました!
つまり、先に自分好みの配色になりそうな写真・画像を先にアップしてカラースキームを保存し、次にバナー画像に設定したい写真をアップ、そこから「以前のカラースキーム」を選択すれば良いのです。
Chromaのカラースキームはなかなか遊べて楽しい!
ではでは、今回使用したバナー画像をプレゼントします。(顔写真以外
)
以下の画像を「保存」して自由に使ってみてくださいね!
(全部ワタクシ + 弊社社員が撮影した写真でございます
)
※必要に応じて画像サイズを変更してください。
ひまわりの写真。(by マユミン)
ピンクと紫のお花の写真。(by マユミン)
くらげワールド(by ziguzagu)
