いつもと違うLTスライドにしたい！そんなときの3つのポイント

こんにちは！ニジボックスのデザイナーです。
安請け合いとドンブリ勘定が得意です。


#前提
スライドを「見やすくする方法」についてはすでに素敵な資料がありましたので、
この記事では実際に利用できる素材やその選び方について記載したいと思います。

素敵なスライド：[見やすいプレゼン資料の作り方 - リニューアル増量版](https://www.slideshare.net/yutamorishige50/ss-41321443)

#ポイント
1. 与えたい印象を決める
2. フォントを選ぶ
3. 素材を利用する

##1. 与えたい印象を決める
どんな印象にしたいかを先に決めると、フォントや素材の選定がしやすくなります。

###例えば
「カジュアルでフレンドリーな印象にしたい！」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/21a64255-eae0-8bf2-1c94-0087dcc2f0d7.png)



「知的ですっきりした印象にしたい！」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/59016ade-bf3f-271c-c50b-9f37cf7a22c9.png)


「上質で大人っぽい印象にしたい！」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/347829c5-3094-cdc6-03cb-76ce18aa9f54.png)



「勢いよくボケたい！」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/13ac6342-80ae-ca68-58d8-342dfdbe95dc.png)




##2.フォントを選ぶ

1で決めた印象に合うフォントを選びます。



|与えたい印象|合うフォントの雰囲気|イメージ|該当するフォント|
|:-----------------|:------------------|:------------------|:------------------|
|カジュアル、やさしい、子供っぽい|丸っぽいフォント、手書き風フォント|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/368c93c8-64bb-8055-749e-da5b400d28bf.png)|[TBUD丸ゴシック Std H](https://fonts.adobe.com/fonts/tbudrgothic-std) / [平成丸ゴシック Std W8](https://fonts.adobe.com/fonts/heisei-maru-gothic-std)|
|知的、堅実|細い線のゴシック体|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/3d64fe11-5c2c-4143-52d9-4d05f472d9d1.png)|游ゴシック体 ミディアム / [源ノ角ゴシック JP Light](https://fonts.adobe.com/fonts/source-han-sans-japanese)|
|上質、大人っぽい|明朝体|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/f8d43d78-f586-7f71-b5b5-204a5decc13a.png)|[貂明朝 Regular](https://fonts.adobe.com/fonts/ten-mincho) / [はんなり明朝](https://typingart.net/?p=44)|
|ボケ|太字のゴシック体、太めの毛筆体|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/ebc073a6-5e84-d490-e654-31d7f3d3bda8.png)|ヒラギノ角ゴ W9 / [源ノ角ゴシック JP  Heavy](https://fonts.adobe.com/fonts/source-han-sans-japanese)|


###ご注意ポイント
明朝体や手書き風フォントは形が複雑なので、遠目だと読みづらいことがあります。
見出しにだけ使うとGoodです。

###フォントのダウンロードができるところ

**[Adobe Fonts](https://fonts.adobe.com/)**
すべての Creative Cloud サブスクリプションプランで利用できます。
2019/12/06 現在、日本語のフォントが107種類あります！

**[FONT FREE](http://fontfree.me/)**
フリーフォントが掲載されているサイトのまとめサイトです。
フリーとは思えない、クオリティの高いフォントもたくさんあります！
※フリーフォントには漢字がない場合や、商用での利用ができない場合もあります。

（[Google Fonts](https://fonts.google.com/)も日本語がもっと増えたら嬉しいなと思います…！）

###おまけの小ネタ
上記で紹介している「源ノ角ゴシック」はAdobeのフォントですが、
Google Fontsの「[Noto Sans](https://www.google.com/get/noto/#sans-jpan)」も同じ形のフォントです。（共同開発）

源ノ角ゴシックの方が太さのバリエーションが豊富なのでおすすめですが、
「Adobeのプランに入っていない」という方はこちらで代用いただくとよいかと思います！

##3. 素材を利用する

これも1で決めた印象に合う素材を利用します。

|印象|素材|イメージ1|
|:-----|:-----|:-----|
|カジュアル、やさしい、子供っぽい|デフォルメが強いイラスト|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/1d297df4-41e4-ffd6-5aad-c31306fe614f.png)[楽しそうにパーティーを開いている動物たちのイラスト](https://www.irasutoya.com/2014/12/blog-post_53.html)|
|知的、堅実|写真やアイコンに近い幾何学的な要素の強いイラスト|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/14d5b4dd-d5a6-5860-a341-bff4926c0c2a.png)https://unsplash.com/photos/UTw3j_aoIKM|
|上質、大人っぽい|写真やディテールが細かいイラスト|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/5e2c58aa-8b87-550d-155d-9b346ef205df.png)https://unsplash.com/photos/UErWoQEoMrc|
|ボケ|コミカルな要素やイラスト|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/544916/589c6511-d7b5-672a-3246-ddaa71fcfd04.png)[集中線素材986](https://mangasozai.com/archives/1172)|

###実際に利用する素材サイトさん
お世話になっております…！

####カジュアルな印象
**[いらすとや](https://www.irasutoya.com/)**
説明するまでもなく、みなさん大好きなサイトさん。
種類も多く、視認性も高く、最高だと思います。大好きです。

**[いらすとや検索](https://irasutoya-sear.ch/search?query=%E7%AC%91%E9%A1%94)**
いらすとやさんのファンサイトで、検索をしやすくしています。

**[ICOOON MONO](https://icooon-mono.com/)**
多くのアイコン素材が配布されています。
太めの線や塗りの要素が多いです。

**[ヒューマンピクトグラム 2.0](http://pictogram2.com/)**
多くのピクトグラム素材が配布されています。
ネタっぽい面白いものも多いです。

####繊細、上品な印象
**[Unsplash](https://unsplash.com/)**
海外の写真素材サイトです。
おしゃれな写真が多いです。



####知的、堅実な印象

**[ぱくたそ](https://www.pakutaso.com/)**
日本の写真素材サイトです。
高画質で種類も豊富です。

**[マテリアルデザインのアイコン](https://material.io/resources/icons/?style=baseline
)**
種類が多いです。
[角の丸いタイプ](https://material.io/resources/icons/?style=round)もあるので、カジュアルな印象にも利用できます。


####ボケたい
**[マンガパーツSTOCK](https://mangasozai.com/)**
集中線や吹き出しがダウンロードできます。

**[ダ鳥獣ギ画](http://www.chojugiga.com/)**
鳥獣戯画のベクターデータです。動物がかわいいです。

#おわりに

はじめてのQiitaで緊張しました。
誰かの役に立つ内容になっていたら嬉しいです。
閲覧ありがとうございました！