スライドバー

その他 レビュー

2020/3/18

鬼滅の刃から学ぶブロガーの個性の活かし方

この記事は約 9 分で読めます。 そんくん「鬼滅の刃」って漫画を知っとる? ぐりおもちろん知ってるよ!   「鬼滅の刃」(きめつのやいば)は週刊少年ジャンプに連載中の少年漫画です。 この鬼滅の刃は子供から大人まで社会現象化するほどの人気漫画です。 鬼滅の刃を読むと、人生に役立つだけではなく、ブロガーなどの自己鍛錬が必要な、フリーランスの精神にも非常に役立ちます。   この記事を読むと、現代に必要な自己鍛錬のマインドを学べますよ。 ぐりお少しネタバレがあるので注意してね!   ...

ReadMore

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/3/25

Affinger5(WING)の主な機能一覧

この記事は約 28 分で読めます。 このブログのテーマ 「Affinger5 (WING)」のパーツを並べました。 主に ...

ReadMore

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

子育て

2019/1/7

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

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

ReadMore

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

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

2019/1/7

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

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

ReadMore

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

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

2019/2/14

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

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

ReadMore

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

AffinityDesigner デザイン

2019/2/14

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

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

ReadMore

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

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

2020/1/2

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

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

ReadMore

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

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

2019/2/14

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

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

ReadMore

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

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

2019/2/14

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

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

ReadMore

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

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

2019/2/14

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

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

ReadMore

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

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

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

 

ぐりお
さて、タイトルに前回作ったロゴを入れてみたよ

そんくん
おおー

 

 

ぐりお
でも、まだ黄色い箇条書きの部分が読みにくいと思わない?

そんくん
たしかに…

ぐりお
この部分(小見出し)をやっていこう

 

スポンサーリンク

 

小見出しデザインのコツ

 

黄色い部分は箇条書きで横に長くなっています。

読めないことはないのですが、目の動きが横を往復しないといけないため、読みにくさを感じますね。

箇条書きをひとつずつ小見出しにしてまとめると、読みやすくなります。

 

 

小見出しを1つずつ分ける

 

ぐりお
箇条書きの部分をひとつずつわけてみよう

 

そんくん
あっ こっちのほうが見やすいな!

ぐりお
日付のジャンプ率も上げたよ

ぐりお
講師は入らないので別の場所に入れてみたよ

 

ひとつずつ分けて横に並べると、目の動きが少なくなって読みやすいです。

その際、以下の原則を踏まえて整理してみましょう。

 

ぐりお
じゃあ、この小見出しをデザインしていくよ

 

 

※サムネイルは例として入れてあります。

 

ぐりお
上の図なんだけど、どこがグループかわかる?

そんくん
そりゃもちろん「定員」と「参加費」と「持ち物」って縦にグループが3つあるんちゃう?

ぐりお
正解!

 

 

ぐりお
ではなぜこの3つが、グループに分かれているように見えるのかな?

そんくん
???

ぐりお
グループに見える原則があるんだよ

 

 

スポンサーリンク


小見出しデザインの原則3つ

 

小見出しデザインには重要な原則が3つあります。

 

重要! ① 近い情報は近づける

 

同じグループに属するものは、近くに配置します。

 

重要! ② 遠い情報は遠ざける

 

別のグループに属するものは遠くに配置します。

 

重要! ③ 同じデザインを反復する

 

1つのグループの配置は、他のグループも同じフォーマットにし、繰り返して配置します。

これを「反復」(はんぷく)といい、デザインに統一感と安定感が出ます。

※アイコンや文字のサイズ、フォント、間隔を同じにする

 

 

以上の3つがグループのデザインの大原則です。

ぐりお
これは、チラシだけでなく、WEBや書籍などあらゆるデザインの原則だよ

 

以上の原則どおりにすると、余白の大きさだけでグループが分かります。

これを踏まえて、デザインのアイデアを見ていきましょう。

 

 

スポンサーリンク

 

 

小見出しデザインのアイデア

 

グループ化のアイデア

 

ラインで境界線を分ける

 

間にラインを引くと、グループの分かれ目が一目で分かります

 

 

ラインで囲う

 

グループごとに枠で囲うと、より境界が分かりやすくなります。

四角や楕円、雲形などで囲います。

 

 

色で分ける

 

色を後ろに引くと、人の目はそこをグループと認識します。

囲っていなくても大丈夫です。

 

ぐりお
色は統一感をもたせるために、彩度や明度を合わせるといいよ

 

 

アイコンやマークを頭に置く

 

見出しにアイコンをつけると、その近くの文字が1つのグループのように見えます。

 

そんくん
へ~ グループに見えるな

 

ぐりお
次は各見出しのジャンプ率を上げるアイデアだよ

 

 

スポンサーリンク

小見出しタイトルのジャンプ率を上げる

 

小見出しタイトル文字を大きくしたりフォントを変える

タイトル文字を大きくしたり、フォントや色を変えると目立ちます。

 

 

小見出しタイトルにラインやオビをつける

タイトルにラインなどをひくと目立ちます。

 

 

小見出しタイトルをシンプルな形状で囲む

 

タイトル文字を丸や吹き出しなどのシンプルな形状で囲むのも目立ちます。

そんくん
あっ この下のデザインええな

ぐりお
じゃあ試しにこれ使おうか

 

 

小見出しがなぜ必要なのか?

 

ところで小見出しの「見出し」がなぜ必要なのでしょうか?

上の例の場合、箇条書きの項目が小見出しにあたります。

この「小見出し」がないと、文章がとても読みづらくなります。

 

小見出し=内容の要約

 

なにが書いてあるか分からない長文を読むのはつらいものです。

先頭に、内容の項目、もしくは要約があると何が書いてあるかわかります。

読む人もすんなり頭にはいってきます。

もし長文の頭に小見出しがない場合、入れると読みやすいですよ!

小見出しのあるなし

 

 

スポンサーリンク

小見出しのデザインまとめ

 

ぐりお
というわけでこうなったよ

そんくん
おお~ なんかチラシっぽい

 

小見出しのデザインをまとめたものです。

枠の形なども統一感が出るように変えました。

ゆるい雰囲気がでるように、ゆったりとした楕円や角丸にしています。

 

黄色は少し色を薄くしました。

動線に合わせて、点線も引いてみました。

 

ぐりお
これで完成でもいいけど、さらに工夫したいね

そんくん
え?そうなん?

ぐりお
プロの人の場合、ここからがスタートラインってところだよ

そんくん
マジか…

 

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

 

次回は作業中にデザイナーが何を考えているか、みていきましょう。

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

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

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