2020年8月24日

「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も

気づいたらダサくなってるんだよな…
2588
デザインtips @tips_bot

デザインの知識を使って意図的にダサくしてみました pic.twitter.com/n4zz9sVg1X

2020-08-24 08:09:30
拡大
デザインtips @tips_bot

なんでデザインがダサくなるのかっていう話 これを避けるだけでダサくならないいくつかのポイント pic.twitter.com/3qD5nsf37K

2020-08-24 08:58:27
拡大
拡大
拡大
拡大
デザインtips @tips_bot

ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に画像作って投稿しているので、お気軽に〜! 作ってるのは@hal1929です。

youtube.com/channel/UCS8Br…

幻導機 @gendohki

そして、 「なんか地味だから、もっと色を多く使ってにして」 などと上から突っ返される愉快なお話。 >twitter.com/tips_bot/statu…

2020-08-24 11:50:01
えい🐍🐲🍢⚡🐯 @ei_kaga55

これ、同人誌に限らずパワポ資料にも研究発表のポスター資料にも言えることなんだよなあ… 見せるデザインにするとみんなが読んでくれる…読んでくれると認知度があがる… twitter.com/tips_bot/statu…

2020-08-24 10:21:31

フォントの印象は重要

ゆるふわ怪電波☆埼玉 @yuruhuwa_kdenpa

新元号発表のテロップ TBSだけ5000兆円欲しいみたいなフォントで草 テンション上がりすぎだろ #新元号発表 pic.twitter.com/F8s7YvHFmm

2019-04-01 11:46:08
拡大
拡大
拡大
拡大

使えそうなフォント

エンタメ大好き妖怪 @COLORBAR_ty

お品書きの季節だからフリーフォントまとめたよ〜 pic.twitter.com/LlVmQMeD1r

2018-06-07 00:49:45
拡大

文字の大きさも重要

カトウヒカル@1on1レッスン @design_hikaru

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

2019-12-22 12:55:54
拡大
拡大
拡大
拡大

文字配置・枠など

参考になりそうな具体例

のみむし @nomimushi_ttk

表紙の文字配置どうしよう!ってなったときちょっとでもインスピレーションが湧けばいいかなって感じのフリーテンプレート pic.twitter.com/RphvwG2MrM

2017-09-23 01:35:23
拡大
清水 7/11 Bホール ト58a @shimizuakila

すごい楽しいからみんなこのタグやってほしい #それっぽくなる表紙 pic.twitter.com/nEM20n4rrz

2018-10-24 20:26:42
拡大
拡大
拡大
@you_at_pedal

タイトル配置の叩き台に「かんたん表紙メーカー」もどうぞ~5分くらいでできるよ sscard.monokakitools.net/covermaker.html #それっぽくなる表紙 pic.twitter.com/bJlv9lzaAX

2018-10-24 17:10:28
拡大
拡大
拡大
拡大

シャドウのコツ

Psユーザーの参考になりそう

すぴかあやか(角田綾佳)@キテレツ @spicagraph

Photoshopの[レイヤースタイル:ドロップシャドウ]は複数設定できるので、薄く大きさを変えて重ねると、文字を少しくっきりさせたいときなどに便利です。CSSでは再現が難しいので、使い所には要注意。 pic.twitter.com/iAznbDsapw

2020-08-19 13:28:53
拡大
拡大

ダサくならないグラデーション

グラデーションの注意点

残りを読む(10)

コメント

めとろん🟣FREEDOM @2metron6 2020年8月24日
ダサいのを笑いに来たのにカッコいいのいっぱい載っててタメになってしまった。
127
@SugiShine 2020年8月24日
「ダサい」って時代によって変わるから、30年もしたらここにあるのも「ダサい」になるんだろうな…
66
カズマサみんC @mskazumin 2020年8月24日
年代ごとの流行のデザインを分析できれば、将来ダサくなるデザインも推測できるようになったりして
7
ゴマすりクソバード@自由人 @animefigure3d 2020年8月24日
かっこいいデザインだからといって商品が売れるわけではないのが難しいところです。ダサいんだけど暴力的なまでに商品棚で目について、かつ商品の売りがすぐわかるデザインもある。これはカッコ悪くても良いデザインということになる。
62
TOMY @TOMY99504525 2020年8月24日
フォントも流行り廃りがあるよね。一時期はキリギリスめちゃくちゃ多かったけど、最近はなんでも筑紫A丸ゴシックばっかり。
12
(あ)@お気持ちヤクザ @MutsuniNaruBeam 2020年8月24日
ダサさの話と聞いてここらでひとつ、ニコニコ大百科渾身の超★イケイケ記事「世界でいちばんダサいシリーズ」の記事を紹介しちゃうヨ! https://dic.nicovideo.jp/a/%E4%B8%96%E7%95%8C%E3%81%A7%E3%81%84%E3%81%A1%E3%81%B0%E3%82%93%E3%83%80%E3%82%B5%E3%81%84%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA
25
一華 @anemone2522 2020年8月24日
ツイ主はクソダサいデザインを提示するのなら、同時にお手本となるクソセンスいいデザインも示してほしい所。
11
ロネ @ronet88 2020年8月24日
じゃあこの辺でローソンのことを思い出してみようか
66
アルパカおじさん @oldmanpom 2020年8月24日
かっこよければいいわけじゃないんだけどな。例えば上記の例にしても、もしも動画のサムネにしたとしたら、クリックされるのは間違いなくダサい方。
3
takatakattata @takatakattata1 2020年8月24日
割と語られないのが ・どうやって情報の重要度をつけるか ・文字サイズと余白の正解バランス ・全部強調マンをどう説得するか のあたり。 あとはマイクロソフトは汎用フォントにウェイト6種くらいはある読みやすいものを採用して下さい。 創英角ポップ体の誤用場面を置き換えるものを。
3
山幸 @yamasachi267 2020年8月24日
SugiShine そこはファッションなんかと同じですよね。ただ流行遅れの服や着こなしというだけ理由で問答無用にダサいと多くの人が感じてしまうのと同じ。
7
ブラキストン線の向こう側 @cupsoup2 2020年8月24日
また創英角ポップに親を殺された人達が
42
かき菜 @sayonarain 2020年8月24日
それっぽい表紙タグで岡崎体育のMUSIC VIDEO思い出した
21
語るおじさん(おじさん) @ojisan_think_so 2020年8月24日
背景のコントラストがキツくて文字が読めないとフチをつけるくらいならやらないか下にオビを敷いた方がいい あと「ゃ・ゅ・ょ・っ」のような小書きや句読点は改行したときに先頭にならないようにすべし
2
語るおじさん(おじさん) @ojisan_think_so 2020年8月24日
フリーフォントはかゆいところに手が届かないので、ちゃんとデザインやりたい人はFONT FAN HYBRIDのセットが1万円くらいで数百書体手に入るでおすすめ
16
noab @noab20190000 2020年8月24日
だからよー、そのダサいフォントとダサくないフォントてのはどうやって見分けんだよ。そこが全然わかんねーんだよー。
50
alan smithee @alansmithy2010 2020年8月24日
レトロなダサかっこいいがもう既にWindows95とかになっている昨今 https://togetter.com/li/904738
0
神無月 @sanpai2929sii 2020年8月24日
AC部は意図的にこれしてる印象がある
8
豆乳 @sujicodaisuki 2020年8月24日
ダサいと古いはまた違うからなあ
36
anineko @ANINEKObySYSTER 2020年8月24日
ローソンのパッケージデザインはとても疲れる。見分けるのが。
2
タイラー・ダーテン @NoisyDog11 2020年8月24日
パワポのアニメーション&SEも追加で頼む。
0
[30]Kirara@ありがサンキューツアーズ @Kirara1314 2020年8月24日
昨今のコンビニのPBデザインしたやつに334時間かけてじっくりと熟読させたい案件だな おぅわかってんのかセブンの茶のデザインしたやつ!
0
Wisp @wispyr 2020年8月24日
「流行遅れ」は「ダサい」ので、ある時得た知識を更新しないでいるとたちまち「ダサい」行きですね…
27
よつばねぎ🍀 @Yotsubanegi 2020年8月24日
「そんなにダサくない枠」のフォントがダサい
14
water20 @water20 2020年8月24日
まぁ、楽天市場のデザインみたら、 良いデザイン≠売れるデザイン なことがよく分かるね。私は見てて疲れるので他で買うけど。
7
もっこㄘん @Mokko_Chin 2020年8月24日
クソデカレベルアップくんはダサいとウザいが悪魔合体していて好き。
0
Licorice @Licorice_90 2020年8月24日
使う色が多いと基本ダサくなるね
1
xi @accountLINKonly 2020年8月24日
絶対7色グラデーションクソデカ3Dアートフォントあると思ったのに…
1
神崎ユーリはここに在る @Euri_K 2020年8月24日
noab20190000 文字は印象を補完するから、見せたい雰囲気に合わない文字を使うと一気にクソデザインになりますよ。今回だと「クソダサい」「ダサいは作れる」という品のないフレーズに、高級感や落ち着いた感じがそこそこある細字の明朝が使われてるから酷く見えます。お役所の創英角POP体ムーブが揶揄されるのも、本来なら落ち着いた静かな感じや厳粛なイメージであるべき話題にまで使っちゃうからであって、創英角POP体自体がダサいわけではないのです。
51
もとしん @_motoshin 2020年8月24日
「見切れ」の誤用もすっかり定着しましたね……
10
マサ@撮影依頼、大・大募集中 @kinrei_suzuki 2020年8月24日
興味を引かせるのと購買意欲を沸かせるのは違うのが難しそうに見える。値段見て現実に戻るのは飾れる大判(手元で映える小説)本・それ単体では飾りにくいコーヒーや酒の嗜好食品で異なるだろうし。
0
語るおじさん(おじさん) @ojisan_think_so 2020年8月24日
Euri_K 役所はフォントのインストールすらリスクになるかもしれんので初期から入ってるフォントしか使えないという可能性も…… イメージがキチンと伝わるならPOP体だって使うしフォント自体に「ダサい」って感覚はあんまりないよね バランスおかしくて使い物にならんフォントなら時々あるけど
11
神崎ユーリはここに在る @Euri_K 2020年8月24日
ojisan_think_so ですねえ。文字そのものにダサいダサくないという問題は滅多に発生しませんね。創英角POP体の闇は、フォントを入れられない/入れ方がわからない状況で「なんか太くて目立つ文字を使わないと…!」みたいに思っちゃって雰囲気にそぐわないところに放り込んじゃうから起きるんですよね…。
32
しぇりりん(万年欠食) @m_sheririn 2020年8月24日
個人的な意見だと令和おじさんの画面、テレ東>フジ>日テレ>>>>>TBSかなぁ…TBSはもう「5000兆円欲しい!」って感じにしか…
0
はやし・しのぶ @Hirarinmac 2020年8月24日
cupsoup2 昔々、クライアント(Win環境)とこちら(Mac環境)でデータやり取りしてて、Mac側はHG書体が創英角POPしかなく(Win側に角ゴとかあったのを知るのはだいぶ先)、全部角POPでやってたら、先方までわざわざ角POPで指定してきたことあったなーと。
3
ㇶ ㇱ゛ㇼ @hijirhy 2020年8月24日
おしゃれデザインがクライアントの横槍でどんどんダサくなっていく話かと思って見に来たら全然違った。
0
やって後悔よりやらない選択 @Negative_IsGood 2020年8月24日
ブ ラックワ イドショー?>変なところで改行
0
かーねる @tlB3Xc5w3VxCdNK 2020年8月24日
個人的に一番ダサいのは背景白でポップ体を適当に貼り付けて作られたラミネート加工してあるやつ
2
sywa @kamo4567 2020年8月24日
改善例の方、胡散臭い宗教の冊子みたいだな
2
たる @taruwo 2020年8月24日
政府広報が出すポスターやスライド見て、デザインがダサいから添削してみた系のまとめかと思ったら違ってたw
0
つきみ大福 @nico_churi 2020年8月24日
ためになりすぎたのでメモメモ(感謝)
0
うにら @riafeed 2020年8月24日
Negative_IsGood ドラクエ4が好きなのかな?でもよりによってあのジジイ?とか思っちゃうな
0
kikyou @_k_i_k_y_o_u_ 2020年8月24日
anemone2522 良いと感じるものは個人の好みが影響するからなぁ…誰が見ても最高は難しいのでは?
8
ぱんだP @qgatmdgtwd 2020年8月24日
なんだろう改定前は確かにダサいけど改定後よりは読みやすいんだよな
12
プリティン@字一色 @puddingting 2020年8月24日
令和のフォントが分かりやすくて面白い。TBSは新聞の号外っぽいw
1
mokyuxtu @mokyuxtu 2020年8月25日
そもそも、例に出てるダサいデザインすらできない(思い付かない)センスマイナスなおいらは一体。
0
tom @rejyhalihyv 2020年8月25日
SugiShine ゆうて虹色グラデ多用のサイトは20年前でもダサい扱いだったし、「読んで ね」の改行や暗色の文字に黒シャドウは時代一貫してダメなんじゃないですかね
29
転倒小心 @tentousho 2020年8月25日
このタイプのまとめ、わりと定期的に来るんでそういう周期でデザイナーさん達「あああああああもおおおおおおおおおおおおおお!!」ってなるんでしょうね
8
南風 @nan_poo 2020年8月25日
デザインを「わかりやすさ」「視認性のよさ」「美しさ」「バランスの良さ」みたいな、あるていど第三者に説明できる要素で優劣を語るのはわかるんですけど、「ダサさ」などという思いっきり個人の好き嫌いの範疇でしかないもので評価するのは、そもそもナンセンスじゃないかなあ。「文字の枠がダサい」と言われても、それがなぜダサいのかの説明がまったくないわけですよ。
22
ラヌ @25ranai 2020年8月25日
喋らなきゃバカがバレにくいのと同じ。デザインわからないのに余計なデザイン性出そうとするからダサくなる。
6
Nananama @Nananam18275642 2020年8月25日
なおくんのhomepageりたーんず!みたい
1
くおんみどり🖖Master_Asia 作品集単行本発売中&楽曲配信中 @midorik 2020年8月25日
「デフォルトフォントしか使えない」という痛みは分かる…痛いほど分かるw
10
Hacchi @2mocccck 2020年8月25日
よく「『ダサい』の意味がわからない」という主張を見かけるけど、ダサいを言い換えると「垢抜けない」という意味のはずなので、どういう場面で使われていても意味合いは「どう工夫したら洗練されて見えるのか、その流行が意識されていないこと」で一貫してるんじゃなかろうか。
8
悪役令嬢 @luvgymnastics99 2020年8月25日
ダサい=わかりやすい、ダサくない=わかりにくい が綺麗に成り立ってしまっている気がするわ。
8
ららばぁさん @lalabaa 2020年8月25日
その昔、子供のスポーツの応援横断幕、WORD覚えたての頃で色々な機能がうれしくて、クソダサいやつ作ってしまいました。ごめんなさい。おかんアートの亜流だったのか。
5
コスモピアニスト @NikHarnoncourt 2020年8月25日
シャドウはオシャレ以前に視認性が断然良くなるのでみんなやってほしい。シャドウ部の色合いがデザイナーの腕の見せ所でしょう。一方、見切れはオシャレなように見えて視認性が良くないデザインなので嫌いである。同じく視認性がよくない正方形タイプとぶつけて対消滅させたい(過激派)
5
tgttr @tgttr4 2020年8月25日
SugiShine 「ダサい」と表現するからそういう横道にも逸れちゃうんだろうけど、流行りのデザインを取り入れてるかどうかの前に、例に出されてるようなダサデザインはそれが流行りだった時代はないのが大きな違い。読みやすさが設計されてるかどうか。ちゃんとデザインしていれば古くなっても「流行りではないけど読みやすい」ものにはなる。
19
髭もじゃコアラ @esukimoojya 2020年8月25日
ダサ格好いい文化はこれらの屍を越えて、もしくは輪廻転生してやって来るんですね。
2
釣本直紀 @turimotonaoki 2020年8月25日
デザインの良し悪しなんて主観だろう、とは思っているがこの例は分かり易い。納得できる。将来は認知科学でデザインの良し悪しが定量化される様に成って欲しい。
5
Mozonet @Mozoneto 2020年8月25日
職場でよくクソダサプレゼン資料つくってるぼくにはためになりすぎる。ありがとう!
4
むつき @Tmutsuki1 2020年8月25日
これが漫画の表紙だったら傑作かクソかの両極端のような気がする
3
すず音 @suzunonene 2020年8月25日
元ツイ改善後もダサくみえるなあ 元デザインは「読んでね」を強調されてたのに改善後は埋もれてるし、なんかこうソウジャナイ感がある
9
_ @wholescape 2020年8月25日
このフォントはダサいのでは、しかし自分ではよくわからん、と思ったら、UDフォントを使って読みやすさに配慮する方向に労力と注ぎましょう
6
井台伴 @miraizer 2020年8月25日
このへんの話だな。デザイナーさんは「おしゃれ」にしたいんだろうね。https://togetter.com/li/1539050
3
てす子 @momimomitest 2020年8月25日
この記事だけお気に入り入れれないんだけど何でだ?
0
てす子 @momimomitest 2020年8月25日
このそれっぽくなる表紙画像みたいなよく見る字書専の作った微妙な同人表紙感ってなんとかできないんだろうか。 写真の彩度が高いほど表紙で引いて買う気失せるタイプに近くなってくるような
0
@afro_pe 2020年8月25日
要はモノトーンのだだっ広い空間に小っちゃい文字で最低限だけの情報を載せればカッコよくなるということですね。ツイ主はローソンのPBデザインを絶賛してるんだろうなあ
6
Shiro @Shiromagenta- 2020年8月25日
afro_pe 80年代のワープロ文書ってそんな感じですよね
3
Rokirohime @Rokirohime 2020年8月25日
字が小さくて、余白が広いのが、ダサさの極み。
3
ハル @BlueCat1923 2020年8月25日
「ダサくて見づらい」 「ダサいけど見やすい」 「オシャレだけど見づらい」 「オシャレで見やすい」を分けて考えないとローソンになる。
16
大英定刻 @grandseacrow 2020年8月25日
qgatmdgtwd ローソンのPBパッケージの視認性が話題になる中、セブンイレブンは「オシャレをぶん殴る」主張が激しいフォントで真逆を行っていた https://togetter.com/li/1530048
0
大地 @6Z6O7mbhHUKxu1x 2020年8月25日
ダサいより懐かしいが先に来てしまった… 学校の先生、一生懸命こんなんつくってたなぁ
0
うにら @riafeed 2020年8月25日
grandseacrow なおペットボトルのお茶の判別はつかなくなった模様
3
八頭身派(はっと) 颯仁|創造神🌄VTuber 不定期19時配信 @komad333 2020年8月25日
animefigure3d そういう『目立ったら勝ち』ってのも一理あるんだが、『悪目立ち』ってのもあるからね。 たとえばダサすぎてチープに感じて目立つけど購買意欲を下げることもある。 また、『ちゃんと作られてない』と感じて安全性が疑わしくなったりね。
1
八頭身派(はっと) 颯仁|創造神🌄VTuber 不定期19時配信 @komad333 2020年8月25日
anemone2522 今回はマイナスをどうにかしてプラスにしてみよう! って話だもんでね…… それに、『クソダサいデザイン』の対義語は『見やすくて無難なデザイン』だと個人的には思う。 突き抜けたデザインはまた別基軸。
6
八頭身派(はっと) 颯仁|創造神🌄VTuber 不定期19時配信 @komad333 2020年8月25日
oldmanpom 動画によるけどね。 ネタ系と今回みたいにデザインのハウツー以外だったら押されないと思う。 単に目立たせたいなら『原色+モノクロ』の方がまだマシ。
1
にょるしも @nyorssimo 2020年8月25日
これは本当に役に立つ!ありがとうございます🙏
3
ペインターマン @lOcPkk2VM7serTu 2020年8月26日
よく考えたら何で埼玉がムチャクチャ言われてるんだろう
2
てす子 @momimomitest 2020年8月26日
komad333 個人的に素人目線で言うと無難に感じるデザインこそ完成度高いと思う。 「よくその辺に売ってそうななんとも思わないデザイン」はつまり何も不自然さが無い、不快さがない、違和感や不都合さを一切感じず当たり前のように何の問題もなく受け入れられている商品レベルのクォリティという事で、それが難しい。 プロが当たり前のように作れるそれも素人が真似してほんの少し違うだけで「なんか変。ダサい」と感じる。 当たり前にあちこち売ってる見やすい無難なあれが凄い
1
mmm1969mmm @mmm1969mmm 2020年8月26日
そもそもの話として、「誰に何を伝えるか」をはっきりさせるのが大事よ 今日だけ100円セールっていうのを店頭に張り出すならレインボーは最高の選択になるかもしれんし、なんとなくでスタイリッシュにしても伝わらなければ意味がない
3
じもし/ハラ@ディスガイアRPG @jimosiii 2020年8月26日
後半のグラデの作り方とても勉強になった
0
ツイ見用 @sjhfuisvnskdmc 2020年8月26日
それでもダサいものが少しは残っといて欲しい、って思っちゃダメですか
0
占い羊 @wHozrPpLuqR09za 2020年8月27日
フォントやデザインの好みとかではなく、そもそも最初の例は極端に視認性が悪いのでダサいと思うのだが話がズレていないか
1
らりねこ @rarineko 2020年8月27日
世の中の洗練されたものが多すぎよね
0
たえぞう @taez0 2020年8月27日
お洒落をわかってる人が意図的に作ったダサイはわざとらしすぎてイマイチ
1
たえぞう @taez0 2020年8月27日
Rokirohime 10年ぐらい前、「とりあえず文字を小さくすればお洒落に見えるだろう」と思って、みんなで文字の小さいホームページを作ってたのを思い出します
1
たえぞう @taez0 2020年8月27日
ここはMdNっぽいまとめ
2
歩 or Ex-S歩道橋 @10gal_Ayumu_146 2020年8月27日
確かなんかスゴい病院のホームページが話題になったことあったっけ…と、いにしえの記憶を呼び起こされて、「Welcone!」しか思い出せなかったけどそれでググったら判明しましたわ、そうか愛生会病院か…
0
arika @arika_melty2 2020年8月29日
中高年管理職が求める「あーなんか地味だからさーもっと明るい色増やして、文字大きくして派手にしてくれない?」が100%ダサくなるのもまさにこれ
1
k9cycle @__hage 2020年8月29日
さあカメラが下からぐいっとパンしてタイトルロゴがどーんばりの自己言及デザイン楽しかった。
1
いんてり かたり いとをかし @anataniHonoZi 2020年8月30日
ダサさを主張した結果、最初の奴があまりダサく見えない。
0
いるーか @iruka12go 2020年8月31日
グラデーションの作り方は参考になった!2色だとなかなか思い通りの色にならなかったけど、真ん中に明るめの色を足せば良かったのか。
0
C_CLPS @C_CLPS 2020年10月28日
ジャンプ率の話は例が良くない気がするなあ。広告としては一番最初のジャンプ率が「低い」やつが一番見やすく、すっと入ってきた。改行位置が丁度いいから。
0
YF(annex38) @annex_38 2020年11月25日
すべてのデザインは等価であり時代が勝手に回って強弱がつくんじゃないかな
0
五月雨山茶花蝉しぐれ @taken1234challe 2021年3月7日
taez0 その極地が日清のCMだと思う。リフティング侍みたいにセンスのある人はセンスのあることをやっていれば良いのに。
0