やんばるエキスパート　デザインの勉強会用資料です。

1. つかえる！効果的なあしらいの選び方
やんばるエキスパートデザイン デザイン勉強会 2021/7/18
@kyokucho1989

2. 1. 自己紹介
・kyokucho1989
・IoTが好き
・デザイン勉強してます
・広島在住
twitter: @kyokucho_1989
blog: https://matoyomi.hatenablog.com
youtube: マトリョーシカ的IoTチャンネル

3. 1. 自己紹介
プッチ神父回路
（素数だけ数える）
カップラーメン IoT タイマー
（3分経ったらLINEにお知らせ）

4. 1. 自己紹介
はまっていたもの
・電子工作 (m5stack)
・3Dプリンター
・競技プログラミング(vs code)
・ブログ
・コーヒー

5. あしらいって選ぶの難しい！

6. 2.あしらいってなに？
あしらいとは、一般的には組み合わせや取り合わせで趣を添え
ること。デザイン処理においては「ディテール」や「装飾」と
いった意味と同義で使われる。デザイナーが時折用いる、フワ
ッとした感じの表現。
Web業界用語辞典
http://webyougo.wiki.fc2.com/wiki/%E3%81%82%E3%81%97%E3%82%89%E3%81%84

7. 2.あしらい
これです

8. あしらいの種類多すぎ！

9. 効果的なあしらいの選び方はないか！？

10. デザインのターゲットを４つに分類！
それにあったあしらいを紹介！

11. 3.ターゲットの分類/あしらいの紹介
一般/大衆
専門/ニッチ
カジュアル フォーマル

12. 3.ターゲットの分類/あしらいの紹介
アイコン
一般/大衆
専門/ニッチ
カジュアル フォーマル
筆記体
英字付き
飾り罫

13. 4.あしらいの詳細 (1) アイコン
見出しのとなりにアイコンをつける
背景にアイコンをつける
親しみやすさUP！

14. 4.あしらいの詳細 (2) 筆記体
見出しの背景に英字の筆記体をつけ
る
おしゃれで洗練された感じになる！

15. 4.あしらいの詳細 (3)英字付き
日本語に合わせて英語を添える
大きさを変えるときれい！

16. 4.あしらいの詳細 (4)飾り罫
見出しの両脇・上下などに追加
高級感が増す
（増やしすぎに注意）
(素材：istock)

17. これらに配色・グラデーションを含めると
幅が広がります！！！１

18. 参考サイト：デザインのひきだしに「見出しの装飾・デザイン一覧」
https://note.com/tomcreative/n/n9cfe47ddbd0c

19. 今後もあしらいを模索していきます！

20. ご静聴、ありがとうございました。