Canva デザイン

2019/12/12

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

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

ReadMore

その他 レビュー

2019/10/24

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

この記事は約 11 分で読めます。   そんくんうひー大変や!入院に必要なものは何や!?( ゚Д゚)  

ReadMore

Canva デザイン

2019/12/12

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

この記事は約 9 分で読めます。 そんくんためしに使ってみたいあんさんは、無料テンプレート10種を申し込んでや。       Canvaはこちら     使いこなすためには、CANVAの基本操作の知識が必要ですね。 わたしがぜひ使ってほしい機能をあげていきます。   スポンサーリンク 業界最先端の動画制作テクニックを制覇!Adobe Premiere Pro オンライン講座   CANVAをスマホで使ってみよう   スマホでC ...

ReadMore

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

Canva デザイン

2019/12/12

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

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

ReadMore

デザイン ブログ レビュー

2020/1/5

Affinger5(WING)の主な機能一覧

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

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 の画像書き出し方法 2つ &n ...

ReadMore

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

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

2020/1/2

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

この記事は約 7 分で読めます。 そんくんわい年賀状まいとし悩むねんなあ…   年賀状の季節ですね。 テンプレートを使うのもいいけど、オリジナルデザインで勝負したいあなた。 真似するだけでおしゃれになるおすすめアイデアを厳選しました。 自分で年賀状を作るこだわり派のあなた、ヒントにしてくださいね。  

ReadMore

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

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

2019/2/14

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

この記事は約 9 分で読めます。 今回は、チラシに写真やイラストを入れていきます。   そんくん…絵や写真がない?

ReadMore

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

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

2019/2/14

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

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

ReadMore

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

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

2019/2/14

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

この記事は約 8 分で読めます。   そんくんおおー     そんくんたしかに…

ReadMore

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

その他 レビュー

2019/8/4

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

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

ReadMore

ダサいチラシをかっこよく10 初心者でも作れるロゴデザイン

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

2019/2/14

10_初心者でも作れるロゴデザイン ダサいチラシをかっこよく

この記事は約 6 分で読めます。   ぐりお初心者でも簡単にできるワザだよ   目次 簡単にロゴっぽくするワザ文字をばらばらに分解して配置リズム感を持って文字を配置ロゴデザインの中級わざロゴデザインの参考になる本初心者でも作れるロゴデザイン まとめ 簡単にロゴっぽくするワザ   完全なロゴをイチからデザインするのは上級者向けです。 しかし 初心者でも既存のフォントを使い、少しの工夫でロゴっぽく見せることができます。 心掛けるポイントは以下の2点。   ・リズム感を持 ...

ReadMore

スクロールで開始 CSSとjqueryで作るマーカー(蛍光ペン)アニメーション

デザイン ブログ

2019/1/20

スクロールで開始!CSSとjqueryで作るマーカー(蛍光ペン)アニメーション

この記事は約 8 分で読めます。 ブログで目立たせたい部分にマーカー(蛍光ペン)をぬったように色をつけるのを、よく見かけますね。 みんながやっているから私も…とマーカーを付けているあなた、何か変化をつけたくないですか? そのマーカーだけをアニメーションさせる方法をお伝えします。 線を引いているようにアニメーションします。 マーカー部分がスクロールして視界に入ったらアニメーションをするやり方です。 あなたのブログに個性が出て、他のブログと差がつけられますよ! コピペで出来ますので安心してください。 &nbs ...

ReadMore

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

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

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

 

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

 

 

ぐりお
でも、まだ黄色い箇条書きの部分が読みにくいと思わない?
そんくん
たしかに…
ぐりお
この部分(小見出し)をやっていこう

 

スポンサーリンク

 

小見出しデザインのコツ

 

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

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

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

 

 

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

 

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

 

そんくん
あっ こっちのほうが見やすいな!
ぐりお
日付のジャンプ率も上げたよ
ぐりお
講師は入らないので別の場所に入れてみたよ

 

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

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

 

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

 

 

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

 

ぐりお
上の図なんだけど、どこがグループかわかる?
そんくん
そりゃもちろん「定員」と「参加費」と「持ち物」って縦にグループが3つあるんちゃう?
ぐりお
正解!

 

 

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

 

 

スポンサーリンク


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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

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

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

 

 

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

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

 

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

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

 

 

スポンサーリンク

 

 

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

 

グループ化のアイデア

 

ラインで境界線を分ける

 

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

 

 

ラインで囲う

 

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

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

 

 

色で分ける

 

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

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

 

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

 

 

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

 

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

 

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

 

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

 

 

スポンサーリンク

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

 

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

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

 

 

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

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

 

 

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

 

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

そんくん
あっ この下のデザインええな
ぐりお
じゃあ試しにこれ使おうか

 

 

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

 

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

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

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

 

小見出し=内容の要約

 

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

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

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

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

小見出しのあるなし

 

 

スポンサーリンク

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

 

ぐりお
というわけでこうなったよ
そんくん
おお~ なんかチラシっぽい

 

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

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

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

 

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

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

 

ぐりお
これで完成でもいいけど、さらに工夫したいね
そんくん
え?そうなん?
ぐりお
プロの人の場合、ここからがスタートラインってところだよ
そんくん
マジか…

 

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

 

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

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

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

続きを見る

リンク広告01

賢瓦

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

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