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

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

9_真似できる!タイポグラフィのアイデア10選 ダサいチラシをかっこよく

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

 

ぐりお
今回はタイポグラフィーでもっと遊んでみよう

 

タイポグラフィに使える簡単なアイデア

 

タイポグラフィのアイデアは、無限にありますが、まずは良く使われる定番の技術から紹介します。

 

ぐりお
まずは汎用性の高い基本技5つだよ~

 

スポンサーリンク

WebCamp

 

基本編 ジャンプ率を高める技術

 

「ジャンプ率が高い」とは、メリハリがあり目が行きやすいことです。

 

① シンプルな図形で囲む

 

丸や四角などのシンプルな図形でまとめると、一目で分かりやすく、文章なしでも伝わりやすいです。

アイコンのように、図形で囲んでみましょう。

 

※これらの画像はぐりおがそれっぽく作った例ですので、実在するものに似ていたとしても一切なんの関係もありません。

 

・丸、四角、楕円などで囲む

・矢印などをつかう

・吹き出しをつかう

・集中線など

 

ぐりお
〇や□や△や楕円や→、要するに簡単な図形で囲むだけだよ
そんくん
かんたんにまとまるな
ぐりお
これはめちゃめちゃ汎用的な技だよ

これだけ知っておけば、6割がた大丈夫かも

そんくん
ほんまにかー?

 

② 文字にラインを引く、後ろに帯をつける

 

学生時代にノートをとるときに、重要な部分を蛍光ペンなどで目立たせましたね。

同じやり方で文字にマークをしましょう。

 

 

文字の後ろに帯(オビ)をつける

・ラインを引く

文字を囲む

などなど、簡単に目立たせることができます。

ぐりお
目立たせたいところにラインを引くだけだよ
そんくん
簡単やな~でも確かによく見かけるし、ノートでやってたわ

 

 

③ 見出しにアイコンやマークをつける

 

見出しにアイコンやマークを付けると、パッと目がいきます。

文字だけで説明しようとせず、絵のほうが分かりやすい場合はアイコンにしましょう。

 

 

・電話番号 → ☎

・ビックリマーク、ハテナマークなど

単純に1文字目を大きくする手もあります。

箇条書きに ☑ などをつけるのもいいですね。

 

ぐりお
分かりやすいし、あるとないとでは大違いだよ
そんくん
なるほどな。たいくつな書類もおしゃれになるな

 

 

④ 文字のアウトラインを飾る

 

文字にアウトラインをつけると目立ちます。

視認性(しにんせい)も増しますね。※文字の読みやすさのこと

 

 

・文字に影をつけ、立体感を出す

・文字のまわりの光彩をつけ、ふわっと浮かす などなど

余談ですが、映像のテロップで最も読みやすいのは、白文字に黒ふち(画像右下)です。

これなら背景がどんな色に変わっても読めます。

 

ぐりお
文字が読みにくくなった時にものすごく有効な技だよ
そんくん
こういうのよく見るわ~ ちょっとチープな感じするけどなw
ぐりお
まあね…やりすぎには注意

 

スポンサーリンク


 

⑤ 文字を変形させる

 

文字の意味に合わせて変形させます。

迫力があって目を引きます。

 

・全体を斜めに配置

遠近感をもって変形

立体的にする

・風など勢いのある動きに変形

扇形、ねじり型など帯に合わせて

 

ぐりお
紙面からはみ出すように置くのも、勢いが増していいよ

そんくん
おもしろっ! それに目立つなあ
ぐりお
しつこいようだけど、これもやりすぎる読みづらくなるので、ちゃんと読めるのが大前提
ぐりお
次は応用技いくよ~

 

スポンサーリンク

スキルクラウド 得意や時間を売買できる!

 

 

応用編 遊び心をもって装飾する

 

① 文字をカラフルにする

 

文字を分解していろいろな色をつけたり、一部分の色を変えます。

リズム感が出て新鮮な印象になります。

 

キッズ用にも向いていますね。

色数を押さえれば、どんな固いタイトルでもいけます。

 

ぐりお
これはかなり流行ってる技だね☆
そんくん
1文字ずつだけじゃなく、一部分だけを変えるってのがすごいな

 

 

② 手書き文字を使う

 

手書き文字のフォントを使うと、手で書いたようなゆる感が出ます。

メモ書きのような気楽さも表現できますね。

 

 

英語は筆記体の手書き文字、日本語だと鉛筆やクレヨンや筆などいろいろなフォントがあります。

フォントだけで質感も出せるのがいいですね。

 

そんくん
英語だとおしゃれやな~♪
ぐりお
英語はカフェ風やレトロ風も目指せるね

 

ぐりお
日本語だと、ひとり言のような話し言葉に向いてるね

 

 

③ 文字の一部を絵にする

 

文字の一部を絵に置き換えるのも面白いですね。

飾り文字といいます。

 

自分で作るのは難しい…と思うあなたには、飾り文字のフリーフォントもありますよ。

文字の周りを、小さいイラストやマークで飾るのもかわいらしい雰囲気がでますね。

(花、ハート、雨、雪、蝶など)

 

上の図のイラストは、イラストACからダウンロードしたものです。

無料イラストなら【イラストAC】

 

そんくん
これはかわいらしーな~
ぐりお
Oや点は丸いものならなんでもいけるし、多少読めなくても雰囲気伝わる
ぐりお
イラストや顔入りのフリーフォントを使うのもいいね 探すとたくさん出てくるよ

上の木とドーナツのフォントもフリーフォントだよ

 

 

フリーフォントはこのサイトなどで探すと簡単ですよ。↓

※商用に使う場合は、「商用可」を選びましょう。

 

 

スポンサーリンク

 

発展編 リアリティを取り入れる

 

さらに発展させて、現実感のあるイラストや素材を使ってみましょう。

 

現実のものを取り入れる

 

上記で紹介した基本技にもう少し加えてみましょう。

イラストACなどのフリー素材を、シンプルな図形の代わりに置いてみます。

 

・丸→ 花輪、スタンプ、メダル など

・ライン→ リボン、チョーク、蛍光ペン など

・帯→ ふせん、しおり、リボン、マスキングテープ など

 

元のものでも十分分かりやすいですが、質感がつくとさらにソフトになじみます。

 

そんくん
おお、なんかプロっぽくなった
ぐりお
フリー素材を使えば、絵が描けなくてもできるよ
ぐりお
あくまでひかえめに質感をつけるのがポイント。やりすぎないように

 

 

ぐりお
他にも

印刷のかすれや版ズレを出す

金属の質感を出す

水彩画の質感を出す

クレヨン、チョーク、スタンプなど

いろんなアイデアがうかぶね

そんくん
フリー素材だったらできそうやな!
ぐりお
ただしポイントだけに使うんだよ。バランスが大事

 

 

スポンサーリンク

 

タイポグラフィのアイデア まとめ

 

今回はタイポグラフィでいろいろ遊んでみました。

思ったより色々できそうですね。

アイデアが浮かんだら、できないと思わずに素材を探してみましょう。

思いついたものをどんどん試してみましょう。

 

 

おすすめ! イラストAC

 

上の例で使った素材は、イラストACのものが多いです。

なんと無料でイラストをDLできます。

無料イラストなら【イラストAC】

 

アイコンなど、嫌と言うほどありますので、探すと楽しいですよ。

またメールアドレスを登録すると、数日に一回、無料で素材をDLできるメールが届きますよ。

全て商用利用OKなので、プロもよく使うサイトですね。

 

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

 

 

次回はロゴの作り方を見ていきましょう。

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

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

続きを見る

 

リンク広告01

賢瓦

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

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