ダサいデザインのつくりかた

ダサいデザインのＴａｌｋＣＡＦＥ i n
高専祭 20 1 ９年１１月３日

11/2と大体同じ内容です若干変更したところがあるので間違い探ししてください

しゅう電子制御工学科 3年 Q. 好きな食べ物 A. コカ・コーラ自己紹介

テーマ “高専らしさ” 高専生ならばデザインのセオリーを知るべき

突然ですがタイトル画面ダサくない？

実際にやってみた

すごいかっこいい文字初期テキスト

すごいかっこいい文字めっちゃかわいいフォント

すごいかっこいい文字めっちゃかっこいい色

すごいかっこいい文字影と反射させた

＿人人人人人人＿＞突然の虹＜￣Y^Y^Y^Y^Y^Y^￣

なぜダサいデザインが生まれるのかデザイン経験の浅い人フォントはカワイイやつで立体的にしたいなグラデーションもつけてみたいせっかくだから影もつけよう

ダサいデザインはいろんな要素を付け足しすぎている

リッチデザインとフラットデザインリッチデザイン（2000年代）

リッチデザインとフラットデザインフラットデザイン（2010年代） iOS 7 (2013) Modern UI(2010)

例えば iOS 7 「ダサい」「視認性が悪い」批判者はみんな死んだリッチデザインとフラットデザイン

リッチデザインばっかり使ってるとどうしても古臭く見える迷ったらフラットデザイン使っとけ

それを踏まえて配色から考えていく

蛍光色を多用しすぎない一歩間違えればダサい上に目に悪い蛍光色は難易度高配色

グラデーションは2色が安牌配色

配色を失敗すると単純にダサいだけでなく色覚特性の方が読めない可能性危険色覚特性の方が見えづらい配色男性の約5％女性の約0.2％配色

配色配色を絞ってみる色は2～5色が基本例

配色 Adobe Color https://color.adobe.com/ja/create

最近のPowerPointにはオシャレな配色を標準搭載配色

配色カラーパレットを用いたデザインの例

フォントを絞ってみる本文＋見出し 2フォントで余裕フォント

特徴的なフリーフォントは使い所が限られるスタンダードなフォントの方が使いやすくてオシャレフォント

フォントフォントの特性を知るゴシック体・サンセリフ横画が細く、縦画が太い曲がり角や右端に三角形（セリフ）毛筆で書いた文字に近い本文によく用いられる全ての点画が同じ大きさセリフ（三角形）が無いからサン・セリフ
見出しに用いるのが普通だが最近は本文でも読みやすいフォントも多い

ポラーノの広場作宮沢賢治目的と雰囲気に合わせてフォントを選ぶ！フォント

個人的ダサいフォント４選どんな文字でも表示できる基本のフォント。オシャレなデザインにしたかったら使うな。 Wordで一番最初に選択されるフォントだった（過去形）フォーマルの場ではめっちゃ向いてると思う。 Office初心者が必ず使用していたダサいフォント界不動の1位。最近めっきり見なくなったので、逆にオシャレに見えてきた。
ウェブサイトで非常によく使われるフォント。読みやすくてオシャレなんだけど、太字にしたときのダサさが異常。フォント

世界中でダサいと言われ使用禁止運動が起こる（ガチ）様々な人間に同じフォントを使い古されることでダサく見えてくるフォント

文字に強弱をつけるのも良いよ特に接続詞は小さめに影は濃くしすぎない白い文字＋黒いフラットな影フォント

いままで”ダサい”と罵ってきましたが... ダサいデザインにもメリットが！！！

ダサいデザインは目に留まりやすい

意外とオシャレなデザインは簡単しかしは別問題そのデザインが目立ちやすいかそのデザインが使いやすいかまとめ

まとめ ※作るものの全てをダサくしろと言っているわけではない

ダサいデザインのつくりかた

ダサいデザインのつくりかた

More Decks by しゅう

Other Decks in Design

Featured

Transcript