【添削ブログ②】チラシBefore→After

こんにちは！はるです！

WEBデザイナーになったとき
どんなことを夢見ていましたか？

私はPC片手にのんびり仕事して
子ども達との時間を楽しんでいる事を
思い描いていました。

でも実際は…
案件取るために
実績つくらないといけないから
寝る間も惜しんで
作業作業。

ポートフォリオに載せられるような
作品をもっともっと。

案件とれたらとれたで
そのことに精一杯になっちゃって。

子ども達には
おもちゃ、おかし、
テレビを渡して
自分達で遊んでと。

最初に夢に描いていた
子ども達との時間なんて
全く取れていませんでした。

子どもたちとの時間を確保するには。

作業効率をあげる必要があります。

だからこそ、

何のために
どうして
このデザインにするのか
「言語化」が必要なんです。

言語化ができるようになってからは
迷うことなく
デザインを進められるので
作業効率が急上昇！

修正回数も減り
作業効率がよくなったので

子どもたちとの時間も
楽しむ事ができています◎

▽▽▽▽▽▽▽

これまでの記事で
言語化の練習進んでいますか？

実際の制作物をみて
どこが良くて
どこが改善できるのか

どんどん
言葉に出してみましょう。

今回はチラシの添削の
Before→Afterを
みていきます。

私はヨガのインストラクターでもあるので
インストラクター仲間から
チラシの添削依頼がよくあります。

「ヨガ」といっても
先生毎に伝えたいことが違うので
全く同じものにはならないのも
おもしろいです🥰

記事を読み進めながら
自分ならこう思う！
と考えながら
読んでくださいね🎉

■Before→After

今回添削したチラシはこちらです。

Before

このBeforeを見て
あなたなら
どうやって
Afterを作りますか？

まずは自分の中で
想像してみましょう！！！

▽
▽
▽
▽
▽

今回は
このヨガイベントチラシの
Beforeから
どうやって
Afterにたどり着いたのか

その道のりを
全てお見せします✨

あなたも
自分だったらどうするか
考えながら
読み進めてくださいね。

■情報整理

ではまずは
今回のヨガのチラシから
抜き取れる情報を整理しましょう。

レッスン名：
季節にあわせた　ととのえるヨガ

日時：
毎月第3木曜日　

場所：
ヨガスタジオ
今回はスタジオ内に
掲示するものということで
場所の記載はないです。

ベネフィット：
季節の変化でおこる
体の不調を整え
心地良い呼吸を
味わうレッスン

この情報から
ターゲットと目的を設定します。

ターゲット：
季節の変わり目で
なんとなく体調が
崩れている人

目的
（なぜこのチラシを作るか）
定期開催教室の周知

最終目的
（このチラシを見て何をしてほしいのか）
申し込み

制作時のポイント：
「ととのう」をキーワードに
背筋と呼吸が安定している
雰囲気にしたい

まずは目的や
コンセプトを
言語化することで
伝えるべき事が
明確になります🥰

では続いて
参考画像を
集めましょう！

■参考画像

情報が整理できたら
制作したい
イメージに近い
世の中にでている
素敵だなと思う
デザインを探します。

ここで
情報整理ができていないと
伝えたい事が
明確になっていないので

参考にした画像が
実はターゲットがズレていて
参考になってなかった
ということが
よくあります。

参考にならない
参考を真似しても
良いデザインにはならないので
注意が必要です😓

今回私が集めた
参考画像は
こちら👇

「整う」から
四角形を使って
視覚的にも整理整頓
されているイメージです。

配色もこの参考の色から
ヒントに少し淡い感じに
していこうと
思いました。

ターゲットと目的に合う
参考が見つかったら
次は素材を集めましょう✨

■素材集め

今回一番目立つ素材は
何がいいと思いますか？

Beforeは講師の顔でしたね。

今回の講師の写真は
笑顔が素敵な写真では
ありましたが、
Y字バランスを披露していて
もしかしてこのクラスの
強度が高いのかな？
私には無理かも。
と思わせてしまう
可能性があります。

講師の顔の画像は
こんな人に教えてもらえるというのが
わかるという安心感があります。

ただし有名な人や
価値の高い資格をもっている人
でない限り、
ここまで大きくしなくて
大丈夫です。

メインの画像は
このレッスンを受けたら
どうなるのか
未来の自分の姿が想像できる
素材がいいですね。

今回でいうと

体と呼吸が整って
ストレスのない
やすらかな
といったイメージです。

このイメージに
あうような素材を探します。

今回のメインは
この素材にしました👇

これだけで
整っている感じ
しませんか？

背筋がすーっと伸びている
感じが素敵です！

それから、
ランチもセットのクラスなので
ランチの雰囲気を伝える画像

ヨガクラスの
雰囲気がわかるような画像

体と心の不調を
取り除き
晴れやかな様子を
イメージできる画像

にこやかでやさしそうな
インストラクターの写真

これらを用意しました！！

■After制作①ワイヤー

素材が集まったら
次はワイヤーを書きます。

構成は参考画像を
よく見て
できるだけ再現します。

そして

ここで大切なのは
デザインの4原則です。

これはスクールや
いろんな所で
目にしていると
思いますので

そんなの言われなくても…
と思うと思いますが

添削していると
びっくりする程
この4原則が
できていない事が
多いのです。

自分の制作に
集中すればするほど
客観的に見られなくなり

4原則を守れていない事に
指摘されないと気づけない
って事が

信じられないと
思いますが
ほんとーーーーーに
よくあります😓

なので
もしできていなくても
落ち込むことはありません😆

よくあることなので😁

次回以降
しっかり気をつけていきましょう🙆‍♀️

今回のワイヤーは
こんな感じ👇

ワイヤーは
下書きみたいな
イメージです。

ここで
整列・近接・反復・強弱を
整えておきます。

出来ればフォントも
イメージできるようにして
おくといいですね。

ワイヤーは
何をどこにおくのか
要素の住所を決める
大切なポイントです！

タイトルは
どこにしよう？

これはどこに置こう？
と悩まずに済むので

デザインの
スピードが
各段にあがります。

これをはしょると
要素の住所が
確定していないので

ここにしようかな

やっぱり
こっちがいいかなと
考える時間が増え

どんどん
制作時間が
伸びていきます😭

作業時間を短くしたいなら
ワイヤーを
つくりましょう！

ワイヤーが
かけたら
デザインを
いれていきます。

■After制作②デザイン

上記の情報を元に
今回私が制作したチラシが
こちら👇

Beforeで抜き取った情報を
しっかりと
入れ込むことができました。

Beforeのチラシを作った
ヨガの先生に
こちらを渡したら
「わー、本当に
整っている感じする」と
言って頂けました。

■添削コメント

Before

After

今回ヨガの先生に
お伝えした
添削コメントはこちら👇👇

＝＝＝＝＝＝＝＝＝

「季節に合わせた
整えるヨガ」のチラシを
作らせてもらいました。

あやかさんの元気
いっぱいの笑顔がかわいい
チラシですね◎

蓮の花がヨガを象徴していますし
「定期開催」が目立っていて
よかったです。

今回はせっかくなので
構成から制作させていただきました！

「整う」をメインメッセージに
四角を取り入れて、
写真も背筋が伸びて
呼吸が通っている雰囲気のものを
選びました。

配色はどれかの季節に
偏ることがなく
寄り添うような淡い色に
してみました。

ヨガ×ランチが伝わるように
画像を設置しています。

あやかさんの画像は
笑顔が素敵な印象は残したままにしています。
Y字バランスはこのレッスンの内容には
でてこないと思うので
もっと親しみやすさが出ている
別の画像にさせていただきました◎

「今に向き合う、呼吸が整う」
体の不調を呼吸で整えて、
自然の中にいるような
ナチュラルな自分に出会うといった
イメージで制作しました。

＝＝＝＝＝＝＝
ここまで。

デザイン作って
納品して
修正して
OKでたら
はいおしまい！

ではなく、

このように
何を想ってデザインしたのかを
言語化していくのも
良いトレーニングです。

■言語化トレーニングをはじめよう

「言語化」とか
「添削」って言うと
難しそうって
思いがちですが、

添削手順って
普段のデザインの工程と
変わらないんです。

添削してもらうと
デザインがグッと
よくなりますよね✨

もし自分で
デザインを客観的にみて
ここはこうだから
こうするっていう
説明ができて

目的をもって
それぞれの要素を
設置していくことができれば

だれかに添削してもらわなくても

自分で添削できちゃいます🥰

自分の作品を
自分で添削して
どんどんデザインがよくなる

いつでも
自分のデザインを客観的にみて
目的をもったデザインができる！

これって最強ですよね。

スキルに自信がなくて
本当にWEBデザイナーとして
やっていけるのかって
悩んでいる時間があるなら

私と一緒に
デザインを言語化する
トレーニングを
しましょう！！

今後も
さまざまなコンテンツで
あなたがWEBデザイナーとして
企業にも家族にも愛される
方法をお伝えします！

■最後に

ここまで読んでいただき
ありがとうございます✨

スキルアップのために
しっかり行動できていて
素敵です🥰

この記事を読んで
率直な感想や

これからやってみようと
思った事を
「言語化」してみましょう！

この記事を読んで
どうおもったか。
自分だったらどうするか。
今後どんなことを学びたいか。
どんな自分になりたいか。
などなど。

下記のフォームより
お送り頂けます。
https://forms.gle/VWBHsmxtN5CMEfcdA

アウトプットする事で
頭の中を整理し
知識が定着させることができます。

ぐんぐんデザインスキルが
上がっていきますよ🥰

それではまた次回！
お楽しみに✨