---
title: つかえる！効果的なあしらいの選び方
tags: 
author: [kyokucho1989](https://convert.docswell.com/user/kyokucho1989)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/GE86L8NX7D.jpg?width=480
description: やんばるエキスパートデザイン　デザイン勉強会
published: July 18, 21
canonical: https://convert.docswell.com/s/kyokucho1989/KLL19G-2023-04-25-052716
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/GE86L8NX7D.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/LEL9LRPNJR.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/4JMZMR4QEW.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/PJR6VRWK79.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/PEXMZRP57X.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/3EKG8RDRJD.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/L73N28RG75.jpg)

2.あしらい
これです


# Page. 8

![Page Image](https://bcdn.docswell.com/page/87DWZMYNJG.jpg)

あしらいの種類多すぎ！


# Page. 9

![Page Image](https://bcdn.docswell.com/page/VJP9DR6NE8.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/2EVM1R3YEQ.jpg)

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


# Page. 11

![Page Image](https://bcdn.docswell.com/page/57GG2M3W7L.jpg)

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


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4EQXPR5Q7P.jpg)

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


# Page. 13

![Page Image](https://bcdn.docswell.com/page/KJ46Y89Y71.jpg)

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


# Page. 14

![Page Image](https://bcdn.docswell.com/page/LE1V62KN7G.jpg)

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


# Page. 15

![Page Image](https://bcdn.docswell.com/page/GEWLWRPM72.jpg)

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


# Page. 16

![Page Image](https://bcdn.docswell.com/page/47ZM5RKME3.jpg)

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


# Page. 17

![Page Image](https://bcdn.docswell.com/page/YJ6N9RQ5JV.jpg)

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


# Page. 18

![Page Image](https://bcdn.docswell.com/page/GJ55N8RGJ4.jpg)

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


# Page. 19

![Page Image](https://bcdn.docswell.com/page/LE3N28PPE5.jpg)

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


# Page. 20

![Page Image](https://bcdn.docswell.com/page/8EDWZML37G.jpg)

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


