2019年12月23日

文字で情報をわかりやすく伝えたいときには「ジャンプ率」を高くするのがオススメ!「イベントのお品書きに重宝しそう」「広告だけでなく提案資料にも」

段違いにわかりやすくてすごい
327
カトウヒカル@2/9書籍発売予約受付中! @design_hikaru

[フォント選びが苦手なあなたに] 時短で文字を目立たせる、超簡単にジャンプ率を与える方法。 ➀重要な文字は→大きく ➁逆に単位や記号は→小さく ➂文字を分割→幅を揃える ➃文字を分割→幅と高さを揃える フォント選び難しいので、迷った時はこれでササっと終わらせよう!! pic.twitter.com/k1zMQdTskc

2019-12-22 12:55:54
拡大
拡大
拡大
拡大
カトウヒカル@2/9書籍発売予約受付中! @design_hikaru

バズったら宣伝のルール発動…! ➀Webデザイン1on1レッスンチャンネルを作成中です。詳しくはYouTubeで! youtu.be/oXacOCwj56o ➁SlackベースのWebサイト制作ガイドライン共有化構想のWDSG策定チームも運営してます! note.com/hikaru123/m/m4… 来年もどうぞよろしくお願いします!

2019-12-22 18:43:51
拡大
カトウヒカル@2/9書籍発売予約受付中! @design_hikaru

それと少し自己紹介を…! ➂福岡でkanvasというWebサイト制作チームをやっており、ワンストップでサイト作ります! kanvas.fukuoka.jp ➃福岡Webよかろうもんという、Slackベースのローカルコミュニティも運営してます! #webよか 来年も良い年にしましょう✨

2019-12-22 18:45:41
カトウヒカル@1on1レッスン @design_hikaru

kanvasのウェブデザイナー/デザインを分かりやすくツイート/フォローするとWebデザインの知恵が得られるアカウント/ウェブデザインのレッスン視聴サービス主宰 → 1on1.design#1on1レッスン

kanvas.fukuoka.jp

かめぴよ🐢ニヤニヤ育児 @syu_kuri_mu3

ジャンプ率という言葉を初めて聞いたんだけど、これすごい😳 たしかにジャンプ率高い方に目がいくし、伝えたい事がズバッと頭に入ってくる✨ アメブロでやってみよ🤤💕 twitter.com/design_hikaru/…

2019-12-22 22:08:40
ぺんこ🐧コーダーWebデザイナー @penkokokoko

@design_hikaru ヒカルさんのYouTubeでも出てきたので、パソコンとノートにメモりまくって意識するようにしたけれど、比率などまだまだ奥深く難しいですね😭

2019-12-22 14:05:27
カトウヒカル@2/9書籍発売予約受付中! @design_hikaru

@penkokokoko すべての訴求文に適応するのは難しいかもです…💦 まずは➀の数字は大きくと➁の単位は小さくを徹底できると良いかと🙌 ➂➃は訴求文の構成によっては使えない事も多いので…😅

2019-12-22 14:12:33
ぺんこ🐧コーダーWebデザイナー @penkokokoko

@design_hikaru ありがとうございます!✨数こなして研究します(●︎´▽︎`●︎)

2019-12-22 14:16:41
とんぼ = 森 善行 @tonbo8900

@design_hikaru 商品が大量なチラシは、ベースのデザインはイラレで行なってインデザインにリンク。 商品はインデザインで配置して、円や%の大小は正規表現でやってますね。

2019-12-22 18:06:39
カトウヒカル@2/9書籍発売予約受付中! @design_hikaru

@tonbo8900 正規表現で調整掛けるんですね! そこまで大量の金額を配置した事が無いので、なるほど…!

2019-12-22 18:34:20
とんぼ = 森 善行 @tonbo8900

@design_hikaru イラレで同じスタイルで項目が並ぶものは、テキストをいちいち選ぶのが最近億劫に感じてて、最初から段落スタイルや文字スタイル当ててますね。css的な使い方がラクでイイです。 カタログで撮影からデザインまで自分でやることあるので、インデザインで正規表現使いまくりです。 正規表現Loveです。

2019-12-22 22:56:59
MasaKobayashi / PulpStyle @pulpxxxmasa

バナーやLPのデザインに特に使えるヤツ。組む時の調整が難しい場合もあるけど、これは押さえておくべきポイント。 twitter.com/design_hikaru/…

2019-12-22 18:28:26
でざいん姉さん|佐野五月 @irohazum_s

文字の組み方は非常に大切です! 色やあしらいなど、ビジュアルで魅せようとしがちだけど、文字の組み方でデザインは大きく変わる。 パッと見でデザインスキルを文字の使い方で判断するくらい。(私の意見ですが間違いないと思っている) ヒカルさんの伝え方って本当に素晴らしいです…!😂 twitter.com/design_hikaru/…

2019-12-22 15:48:26
さとちん🍋IA/UIデザイナー @eri3100

わたしはヒカルさんの方法+、このテイストのときはコレ!ってフォントを何個か決めてます🌸 時短のときは…ひとまず70%でもよいので出して、先方と早く具体案を揉めるようにするのも大切かなって。 twitter.com/design_hikaru/…

2019-12-22 15:03:16
Akiphic @akiphic

ジャンプ率って言うんだー知らんかった。テキストレイアウトでかなり重要。 バナー制作でも、キービジュアルでもかなり必須な能力。 twitter.com/design_hikaru/…

2019-12-22 21:51:47
いろいろ応用できそう
QAZ(かず)| 映画とカレーの合間に仕事 @calamarhythm

広告デザインだけじゃなくて、提案資料などでも、このあたりを意識すると、全然見やすさが変わりますね☻ twitter.com/design_hikaru/…

2019-12-22 17:57:52
屋根上五歩 @ya_5ho

同人活動の参考にしたい イベントのお品書き作る時に重宝しそう!! twitter.com/design_hikaru/…

2019-12-23 00:35:33

コメント

ゑびす@漫画を描くゾンビ @webisu_vip 2019年12月23日
ロゴの作り方の参考になるな。今度試してみよう。
1
生ハムばなな @Namahamu_BANANA 2019年12月23日
これ例えば「2点まとめ買いで10%OFF」で10%OFFだけ強調しちゃって現場だと1点だけレジに持ってきて会計してから割引にならないの?って質問が出るパターンもあるのである程度何をどう伝達させたいかシミュレーションしないといけないんだよね…
10
カクヘニソムス @Kakhenisoms 2019年12月23日
重箱の隅とは思うが“パット見”、“テキストに寄って”なんかが気になる
5
ꫛꫀꪝ✧‧˚ @25nmAI 2019年12月23日
こういうのおしゃれデザインなんだろうけど読みづらいなあ
0
語るおじさん(おじさん) @ojisan_think_so 2019年12月23日
ジャンプ率ってなにかと思ったら「メリハリつける」でええやんけ とりあえず素人さんなら迷ったときは 漢字とカナはDFP特太か創英角UB+適当な細字 英数はarialかcenturyかtimes new roman あたりを使っとけば早々外さんよ あとはサイズだけじゃなく字間気にすればOK(出血大サービス)
2
語るおじさん(おじさん) @ojisan_think_so 2019年12月23日
ojisan_think_so 最後切れた あとは字間気にすればOK(出血大サービス)
0
Hiroshi Yamashita @HiroshiYamashi4 2019年12月23日
福岡でよかろうもんって言うと風俗チェーンがひっかかりそうなので名前変えた方がいいと思った
0
しっくす@SIXX @Sixx2001 2019年12月23日
ojisan_think_so 勉強になるなぁ うちでも画像作る時に隙間があるからってやたら文字間開ける馬鹿がいて困る。 お ま え これ み や す い の ? って何度も説教してる
2
じぇみに @jeminilog 2019年12月23日
業界用語なのか。少年ジャンプっぽく描く、とかかと思った
3
語るおじさん(おじさん) @ojisan_think_so 2019年12月23日
Sixx2001 スキマ埋めることが第一優先の人はよくやりますねそれ そういや一時期webで字間開けるの流行ってたなあ
1
語るおじさん(おじさん) @ojisan_think_so 2019年12月23日
あと上で見づらいという意見があったけど、多分文字の揃えかたや差別化が煮詰めきれてないからかな 3なんかは「50%」と「割引」を(フォントのptではなく実寸で)サイズ揃えて均等割付するだけでも大分見やすくなる 4も「MAX」を細字にするだけで「50%off」が繋がって見えるし、他にも色々緩急使い分けてストライク取っていくのがプロの技の見せ所
1
語るおじさん(おじさん) @ojisan_think_so 2019年12月23日
あんまり強弱つけすぎると「安く」見えちゃうから気を付けてね 連投失礼
1
ゆうき @F001Yuki 2019年12月23日
100円のパンだと思ってレジに持っていったら100kcalのパンで138円だったのでおっさんがキレ散らかす事故を誘発するヤツですね。控えめに言ってキライ。
1
aka @Aka3213Aka 2019年12月24日
ユニクロ感を感じつつ、100gと100%と100円がカオスになるから売り場で目を引く瞬間以外は歓迎できない
1
【わちゃっとピンボールDLよろしく勇気!】ねねっとテックダイナー @nenet_techdiner 2019年12月24日
色差を使うのも有効だけど、とっちらかってブサイクな量販店の広告の出来上がりにw 参加率とかもあるけど、その辺はお勉強すればでてくると思うの。
0