スライドバー

Canvaの切り抜きで簡単!お仕度ボードをつくろう!

Canva 子育て

2020/2/5

お仕度ボードをつくろう!Canvaの切り抜きで簡単!

この記事は約 10 分で読めます。 ぐりお息子が、朝のしたくに手間取ってイライラが止まらない!! そんくんあるあるやな。まあストレスたまるのは分かるわ ぐりお毎日毎日怒るのも疲れたわ…   そんなあなたのための記事です。 スポンサーリンク 目次 お仕度ボードを作ってみよう!お仕度ボードって何?お仕度ボードで準備するものお仕度ボートの作り方お仕度ボードをつくろう!Canvaの切り抜きで簡単!のまとめ お仕度ボードを作ってみよう!   息子がスムーズに行動するように、マグネットシートにやる ...

ReadMore

デザイン ブログ

2020/1/20

画像を自動切り抜きしてくれるすごいサイト

この記事は約 6 分で読めます。   そんくんキャラクターの背景を透明に切り抜きたい!でもどうやるのかわからへん ぐりおなんとAIが自動的に切り抜きしてくれるサイトがあるよ スポンサーリンク   目次 背景の切り抜きを自動でやるサイト背景切り抜きサイトの使い方背景切り抜きサイトの便利な使い方画像を縮小する前のようにきれいに大きくするサイト背景切り抜きを自動でやってくれるサイトのまとめ 背景の切り抜きを自動でやるサイト 写真や絵の背景を透明に抜きたいと思ったことはありませんか。 でも切り ...

ReadMore

Canva デザイン

2019/12/12

無料Twitterヘッダーテンプレートプレゼント【CANVAで簡単に使える!】

この記事は約 15 分で読めます。     ぐりお今回は、Canvaで使えるTwitterヘッダーテンプレートをプレゼントするよ! そんくんいよっ!日本一!   スポンサーリンク   目次 Twitterヘッダープレゼント!Twitterヘッダーはとても重要!Canvaは簡単に使えるソフトCanvaテンプレートはここがすごい!無料Twitterヘッダーテンプレートをプレゼント!無料Twitterヘッダーテンプレート お申込みフォームテンプレートの使い方 ※必ず以下の ...

ReadMore

その他 レビュー

2019/10/24

骨折で入院するときに必要なもの13選

この記事は約 11 分で読めます。   ぐりお足首を骨折しちゃった…! 入院だ! そんくんうひー大変や!入院に必要なものは何や!?( ゚Д゚)   ぐりお私の体験談から、入院中あって良かったものを紹介します     スポンサーリンク   目次 骨折入院中にあって良かったもの 欲しかったもの退院したらあるとよいもの骨折したときに必要なものまとめ 骨折入院中にあって良かったもの 欲しかったもの   ケガは突然やってきます。 思いもかけずに転んで骨折。 ...

ReadMore

Canva デザイン

2019/12/12

CANVAで意外と知らない基本機能3選!アイキャッチテンプレートでぜひ使ってほしい☆

この記事は約 9 分で読めます。 ぐりおあなたは、CANVA版アイキャッチテンプレート100!はうまく使えてる? 400人が使っている便利なテンプレートブログアイキャッチテンプレート100!第2弾もうすぐ発売!   そんくんためしに使ってみたいあんさんは、無料テンプレート10種を申し込んでや。       Canvaはこちら     使いこなすためには、CANVAの基本操作の知識が必要ですね。 わたしがぜひ使ってほしい機能をあげていきます。 &n ...

ReadMore

Canvaでずっと使える!無料アイキャッチテンプレートプレゼント

Canva デザイン

2019/12/12

Canvaでずっと使える!無料アイキャッチテンプレートプレゼント

この記事は約 17 分で読めます。     ぐりお今回は、Canvaのアイキャッチテンプレートをプレゼントするよ! そんくん待ってました!     スポンサーリンク   目次 アイキャッチテンプレートプレゼント!Canvaは簡単に使えるソフトCanvaテンプレートアイキャッチはここがすごい無料Canvaアイキャッチテンプレートをプレゼント!無料Canvaテンプレートお申込みフォームテンプレートの使い方 ※必ず以下の手順でコピーしてね画像サイズを変えたい場合 ...

ReadMore

デザイン ブログ レビュー

2020/2/18

Affinger5(WING)の主な機能一覧

この記事は約 29 分で読めます。 このブログのテーマ 「Affinger5 (WING)」のパーツを並べました。 主に自分の確認用ですが、Affinger5をご購入する方の検討材料としてもどうぞ。   Affinger5(WING)はこちらWordPressテンプレート「WING(AFFINGER5)」   ぐりおいろいろできることがあってかなり便利! そんくんほんじゃいくで~   スポンサーリンク   目次 Affinger5のテキストパーツ一覧Affinger ...

ReadMore

子どものほめ方叱り方 ~叱りすぎて疲れたあなたへ処方箋~

子育て

2019/1/7

子どものほめ方叱り方 ~叱りすぎて疲れたあなたへ処方箋~

この記事は約 19 分で読めます。 子育てって大変ですよね。 特に叱らないといけない時はストレスがたまります。 感情的に叱ったところで、子どもはいうことを聞かない。 叱りたくて叱ってるわけではないのに、毎日まいにち同じことで怒ってる… もっとうまい叱り方はないものかしら… そんなあなたのための記事です。   スポンサーリンク 目次 これだけはやってはいけない、しかり方こうやって叱らずにやらせよう子どもを叱る時の注意点子どもはこうやってほめよう子どものしかり方ほめ方 まとめ これだけはやってはいけ ...

ReadMore

13_チラシにイラストを入れる効果 ダサいチラシをかっこよく

ダサいチラシをかっこよく デザイン

2019/1/7

14_チラシにイラストを入れる効果 ダサいチラシをかっこよく

この記事は約 7 分で読めます。 ぐりお今回はチラシにイラストを入れていくよ   ※ここでいうイラストとは、地図などの図(インフォグラフィック)とは分けて考えています。   目次 チラシにイラストを入れる効果チラシのイラストの入れ方イラストでユーザーを逃さないように注意!チラシにイラストをいれるまとめ チラシにイラストを入れる効果   前回はチラシに写真を入れる効果についてやりました。 今回はイラストについてやっていきます。 イラストを入れる意味と効果には以下のものがあります ...

ReadMore

ダサいチラシをかっこよく12 デザインの考え方

ダサいチラシをかっこよく

2019/2/14

12_デザインの考え方を知ればあなたもデザインできる ダサいチラシをかっこよく

この記事は約 10 分で読めます。 ぐりお今回は、チラシを仕上げていく時に必要な考えを説明するね。   さて、デザインを作っていく際に、何を考えながらやったらいいのでしょうか? なんとなくかっこいい? とにかくいい感じに? なんだか漠然としてふわふわして、どう考えればよいか分かりませんね。   スポンサーリンク 目次 デザインをするとき何を考えている?連想(妄想)回路を全開にしてアイデアを出す細部にこだわりぬく 神は細部に宿る!煮詰まってきたら休憩客観的にチラシを見るには、他人になりき ...

ReadMore

AffinityDesignerでのエクスポート(書き出し)方法

AffinityDesigner デザイン

2019/2/14

解説!AffinityDesignerでのエクスポート(書き出し)方法 2種類

この記事は約 7 分で読めます。   AffinityDesignerはとても使いやすい神ツールですが、ちょっと初心者は迷いそうだな~と思うところがあったので記事にします。   そんくんあんたが迷ったんやろ? ぐりお…ま、まあね   スポンサーリンク 目次 AffinityDesigner の画像書き出し方法 2つ描画ペルソナ、ピクセルペルソナでの書き出し手順書き出しペルソナの書き出し手順AffinityDesignerの書き出し方法 まとめ AffinityDesigner ...

ReadMore

差がつくおしゃれな年賀状アイデア2019

ダサいチラシをかっこよく デザイン レビュー

2020/1/2

差がつくおしゃれな年賀状アイデア!テンプレートでは満足できないあなたへ

この記事は約 7 分で読めます。 ぐりお今回は年賀状のアイデアを出してみたよ~ そんくんわい年賀状まいとし悩むねんなあ…   年賀状の季節ですね。 テンプレートを使うのもいいけど、オリジナルデザインで勝負したいあなた。 真似するだけでおしゃれになるおすすめアイデアを厳選しました。 自分で年賀状を作るこだわり派のあなた、ヒントにしてくださいね。   ぐりお今年はダサい年賀状から卒業だっ   写真入り年賀状がネットで簡単注文!自宅にお届け!   スポンサーリンク 目次 ...

ReadMore

ダサいチラシをかっこよく13 チラシに写真を入れよう

ダサいチラシをかっこよく

2019/2/14

13_チラシに写真を配置せよ! レイアウトまで解説。ダサいチラシをかっこよく

この記事は約 9 分で読めます。 今回は、チラシに写真やイラストを入れていきます。   ぐりおところで前回作ったこのチラシ、何か足りないと思わない? そんくん…絵や写真がない? ぐりおそのとおり☆   スポンサーリンク 業界最高品質の年賀状 【年賀家族2019】     目次 チラシに写真を配置するチラシに写真を入れる理由は「臨場感」90%の情報は視覚的なものであるチラシに写真を配置する まとめ チラシに写真を配置する   ぐりおさっそく写真を入れてみよう ...

ReadMore

センスが磨ける!デザイナーがいつも参考にしているサイト厳選5

ダサいチラシをかっこよく デザイン

2019/2/14

デザイナーが参考にするセンスの良いサイト5選

この記事は約 6 分で読めます。 さて、デザインはよく「センス」と言われます。 あなたは、どうやってその「センス」とやらを磨けると思いますか?   それは、良いデザインをたくさんみて目を肥やすことです。 すてきなデザインをたくさん見ると、「すてき」というのがどういうものなのか分かってくるのです。 画家は良い絵をたくさん見ろと言われます。 映画監督は良い映画をたくさん見ろと言われます。 漫画家は、良い映画や絵や小説をたくさん見ろと言われます。 みんな同じことですね。   ということで、今 ...

ReadMore

ダサいチラシをかっこよく11 小見出しのデザイン

ダサいチラシをかっこよく

2019/2/14

11_小見出しで分かるデザインの原則 ダサいチラシをかっこよく

この記事は約 8 分で読めます。   ぐりおさて、タイトルに前回作ったロゴを入れてみたよ そんくんおおー     ぐりおでも、まだ黄色い箇条書きの部分が読みにくいと思わない? そんくんたしかに… ぐりおこの部分(小見出し)をやっていこう   スポンサーリンク   目次 小見出しデザインのコツ小見出しデザインの原則3つ小見出しデザインのアイデア小見出しがなぜ必要なのか?小見出しのデザインまとめ 小見出しデザインのコツ   黄色い部分は箇条書きで横に ...

ReadMore

地元民から見た「半分、青い」半年間の感想

その他 レビュー

2020/2/9

地元民から見た「半分、青い」半年間の感想

この記事は約 17 分で読めます。   ぐりお「半分、青い」が終わっちゃった。さみしいな ぐりおこのドラマを振り返ってみるよ   このドラマの舞台は、岐阜県恵那市岩村町。 現在私の住んでいる街のほど近くです。 しかも主人公は私と同世代の設定で、漫画家を目指す…と聞いて、私は毎回録画してみていました。 主人公の設定が、私ととても近いのです。   思い入れのあるこのドラマを振り返ってみます。 ※盛大にネタバレしていますのでご注意ください。   スポンサーリンク &nbs ...

ReadMore

ダサいチラシをかっこよく05 構図の基本は動線

5_構図の基本は動線 ダサいチラシをかっこよく

この記事は約 7 分で読めます。

 

ぐりお
つぎは安定する構図について説明するね
そんくん
構図ってむずかしそうやな…

メモ

構図とは、絵画・写真などで仕上がりの効果を配慮した画面の構成。コンポジション。「構図がいい写真」「斬新な構図」
※デジタル大事典より

 

スポンサーリンク

高品質の写真、動画素材『シャッターストック』

チラシにおいて構図より重要なのは動線

 

メモ

動線とは、視線が動いて行く経路のあること


動線とは、チラシをパッと見た人が、どういう順で見るか線で描いたものです。

 

ぐりお
構図よりまずは動線!
ぐりお
動線がひとつながりになっていると読みやすいよ

 

 

チラシの場合、まず上から下へ見ますが、

その際、目立たせるようにした大きな文字や、目立つ色から順に目に入ってきます。

 

・右図は、右のタイトル文字から、ひとつながりで目に入ってくる順がつながっています。

・左図は、一度上から下まで降りてから、また中央のタイトル文字、上の日付、と戻ってくる動線になっています。

 

そんくん
右図のほうが圧倒的に読みやすいな!

 

 

また、↓は他の読みやすい動線の例です。

 

 

左は中心から外へ向かううずまき型です。

右は上から下、また上へ行くK型です。

そんくん
うずまきもかっこええ

 

 

動線を意識すると、文章の配置を読みやすくできます

ぐりお
文字の場合は読む方向があるから

動線を意識するだけで、構図は限られてくるんだよ

 

純粋な絵画と違い、チラシやポスターは文字があります。

文字の読む方向は、用紙全体では上から下へと決まっています。

(横書きは左から右、縦書きは上から下)

いつも必ず思ったとおりには行きませんが、文字サイズや色で動線を示すこともできます。

 

ぐりお
動線は、背景の図や色でも誘導することができるよ

これは後でくわしくやるね

 

スポンサーリンク

 

安定する構図のセオリー

 

動線とは別の話になりますが、安定する構図にはセオリーがあります。

 

動線も構図に当てはまるといいですが、多少違っても

構図は大体セオリーどおりに作ることができます。

ぐりお
構図がセオリーに当てはまってて、さらに動線がひとつながりなのがベストだよ
そんくん
ひとつながりの大秘宝?!

 

構図セオリーの例

 


↑図は、左から、
・円(日の丸)
・ジグザク(MまたはW)
・対角線(Xまたは点対称)
です。

呼び名は色々で()内で呼ばれることもあります。

 

 

↑図は、左から、
・中央ぶったぎり(サンドイッチ)
・三角
・シンメトリー(線対称)
です。

三角は正三角形、逆三角形など、どの形でも安定します。

 

サンドイッチは、斜めの線でも使えます。

 

 

↑図は、左から、

・がくぶち(トンネル、フレーム)
・S
・C
です。

がくぶちは、周りを暗い色で囲うと中心に目が行く構図です。

アルファベットはシンプルな形状が多く、そのまま構図としても使えます。

(左右上下反転しても使えます。)

 

 

↑図は、左から、

・遠近法(放射線)
・三分割法
・黄金比
です。

 

三分割法は、画面を三等分したライン上に配置すると安定します。

黄金比は、1:1.618の比率は美しいとされていて、どんなものでも使えます。

 

最近は日本人に馴染みのある比率のプラチナ比(1:1.414)というものもあります。

A4用紙などの縦横の比率と同じものです。

 

ぐりお
構図を意識すると画面が作りやすいよ

 

激安インク販売の【インクナビ】送料無料。

構図の使い方

 

構図は、絵画、彫刻、写真、イラスト、マンガ、動画、ポスター、チラシ、誌面、Webサイトなど、目に見えるほとんどのジャンルで使えるものです。

また、どの構図も、用紙の縦横は関係なく使えます。

左右上下反転もできます。

 

ひとつの構図だけではなく、複合的に使うことがほとんどです。

(例1:二等辺三角形の構図は、三角とシンメトリー)

(例2:ぶったぎりを対角線ライン上におく)

(例3:日の丸の周辺を暗くしてトンネルにする)

 

構図セオリーは、図として使ってもいいですし、

線上に配置してもいいです。

 

↑図は三等分法です。左から、

・そのまま切り取って図形として使う
・交点に配置して使う
・交点を通る図として使う

と、3つの使い方をしています。
目立つ文字やポイントの色を、線上に配置するのもいいですね。

項目ごとに枠で囲って、その枠を構図どおりに配置する方法もあります。

 

ぐりお
構図セオリーはとにかく便利なんだよね

 

そんくん
たくさんありすぎて覚えられん
ぐりお
最初は覚えなくてもいいよ~

 

そんくん
とりあえず、このかっこいいうずまき型の構図に決めるわ

 

構図の基本は動線 まとめ

 

今回は動線と構図について簡単に説明しました。

チラシの場合、まずは動線がひとつながりになると読みやすいです。
さらに文字や背景の配置や色が、構図のセオリーに当てはまるといいですね。

ぐりお
構図や動線について話すと、楽しくていくら時間があっても足りないわ
そんくん
勘弁してや先生

読みやすいマンガや絵などは、構図のセオリーに当てはまること多いです。探してみるのも楽しいですね。

 

見る人が目に入ってくる順番を考えて、チラシを作っていきましょう。

 

ダサいチラシをかっこよく!記事一覧へ戻る

 

次回は色についてやります。

次は→ 6_色にセンスは必要ない!知っておきたい色の基本 ダサいチラシをかっこよく

ダサいチラシをかっこよく06 色にセンスは必要ない
6_色にセンスは必要ない!知っておきたい色の基本 ダサいチラシをかっこよく

続きを見る

 

ベクターデータのイラストなら【イラストAC】

 

リンク広告01

-ダサいチラシをかっこよく, デザイン
-

Copyright© ぐりおブログ , 2020 All Rights Reserved.