6.あしらいと素材

あしらいと素材

あしらいと素材は、デザインを構成する要素の「装飾」に該当します。

あしらいとは

あしらいとは強調させたい箇所に使用する装飾(素材)そのものや、装飾したり引き立てたりするための工夫のことを指します。

あしらいの役割は、情報を整理したり視線を誘導したりすることです。

見出しや強調したいテキスト、画像にあしらいを活用します。

具体的には以下のようなものが該当します。

  • 見出しの下に引かれた細めの線
  • 写真のまわりの飾り枠
  • 文字の周囲に置かれた吹き出しや強調線
  • セクションを区切るさりげない波線や影
  • 文字の加工(縁取り文字やシャドウ文字)

素材とは

素材とは、デザインを構成するための部品や材料のことです。

あしらいが特定のテキストや画像を引き立てるための装飾や技法を指しますが、素材はデザインを構成する材料そのもののことを指します。

あしらいと素材の違いについては、よく料理に例えられます。
あしらいはお皿への盛り付けや飾り付けと例えられ、素材は野菜や魚といった食材に例えられます。

素材の具体例としては、以下のようなものが該当します。

  • 写真、画像(人物、風景、商品写真など)
  • イラスト
  • アイコン
  • 背景素材、テクスチャ(木目、布地、紙の質感など)
  • フォント
  • 図形やパターン(パターンとは同じ絵柄が繰り返された模様のこと)

覚えておきたいあしらいと素材の名称

あしらいや素材は自分で制作することも可能ですが、バナー制作やサイトのデザイン制作では作らずに素材サイトからダウンロードをして活用することが一般的です。

スムーズに探せるように、よく使うあしらいや素材の名称を覚えておきましょう。

ガーランド

旗が連なってできた飾りのことをガーランドと呼びます。
ポップなデザインや子ども向けのデザインでよく使われます。

(例)

カリグラフィ

エレガントで高級感のある以下のような装飾はカリグラフィと呼ばれます。

(例)

サンバースト

放射状に光線が伸びる放射線模様のことをサンバーストと呼びます。
中心点から外側に向かって線や光が伸びる見た目で、注目を集める効果があります。

(例)

集中線

画面の中心や強調したい対象に向かって放射状に引かれた線の模様のことを指します。

フレア、レンスフレア、光

カメラレンズに強い光が入った時にできる光の模様のことです。輝きを入れたい箇所に使用します。

(例)

エンブレム

バッジ風のデザインのことです。中に実績を表示させます。
素材サイトで「アワード」や「メダル」、「ゴージャス 素材」と検索しても見つかります。

(例)

月桂冠、月桂樹

月桂樹の葉を円形に配置した素材のことです。
LPで実績を表示したい場合によく使用します。

(例)

流体、流体シェイプ

角がなく雫のような図形のことを流体もしくは流体シェイプと呼びます。

(例)

メンフィス

幾何学的な図形(円、三角、四角など)を組み合わせた模様のことを指します。
ファッション、教育、アートといったジャンルでよく使われます。

(例)

スプラッシュ、水滴

水飛沫が飛び散ったような模様のことを指します。
冷えた様子やみずみずしい様子だけではなく、躍動的な印象や勢いのある印象を与えることもできます。

(例)

ちなみにイラスト素材サイトでスプラッシュと検索すると、絵の具を飛ばしたような素材が見つかります。

(例)

シーリングワックス

手紙や封筒、招待状などを封印するために使われるロウのような素材をシーリングワックスと呼びます。
シーリングスタンプと検索しても素材が見つかります。

(例)

ニューモフィズム

シンプルで要素が背景から浮き出ているように見えたり、押し込まれているように見えたりするスタイルのことをニューモフィズムと言います。

(例)

パターン

一定の間隔で繰り返し表示される模様のことです。
ドット柄やストライプ、チェック柄、幾何学模様などが典型的な例です。

(例)

ポリゴン

多面体や三角形を組み合わせた幾何学的な模様のことをポリゴンと呼びます。
テクノロジー系のデザインでよく使われます。

(例)

プリズム

光が屈折して虹色に分散する様子を表した模様のことをプリズムと呼びます。

(例)

グリッター

キラキラとしたラメが散らばったような質感の素材のことをグリッターと呼びます。

(例)

スターダスト

細かい光が散りばめられたような素材をスターダストと呼びます。

(例)

ホログラフィー・ホログラム

光の反射によってできるメタリックな質感や虹色の輝きをホログラフィーと呼びます。

(例)

サテン

絹やシルクのような滑らかで光沢のある布地の質感のことを指します。

(例)

アイソメトリック

斜め上から見下ろしたような視点で描かれたイラストのことを指します。

(例)

グリッジ・グリッジエフェクト

映像が乱れたような見た目のデザインのことを指します。

(例)

麻の葉

三角形を組み合わせて作られた模様のことを指します。

(例)

青海波(せいがいは)

波が反復したような模様のことを指します。

(例)

和風のデザインで使えるような見た目の素材は、「和風 イラスト」、「和風 パターン」、「和風 背景」といったキーワードで検索しても表示されるようになっている素材が多いので、これらのキーワードで検索しても探すことができます!

目次

素材のダウンロードの仕方とダウンロードするファイル形式の選び方

素材のダウンロードの仕方

イラストAC、写真ACを例に素材サイトのダウンロード方法を解説しておりますが、他の素材サイトでも手順は異なるものの素材のダウンロードは可能です!

ダウンロードする拡張子の選び方

拡張子によって特徴が異なりますので、以下のようにダウンロードするファイルを選びます。

jpeg

透明を表現することができないため、透明にする必要がない場合にjpegを選びます。

例:背景画像

png

背景を透明にする必要がある場合や、複数パーツがある素材のうち一部のパーツのみ切り抜いて使いたい場合にpngを選びます。

例:あしらい、背景として使用したい素材の一部

ai

Illustratorで編集したい場合、もしくはIllustratorで開いて素材をコピーしFigmaに貼り付けを行い編集したい場合にaiを選びます。

例:あしらい、背景として使用したい素材の一部

svg

色や形を変更したい小さめの素材を活用する場合にsvgを選びます。

例:アイコン、吹き出し

psd

Photoshopで細かい編集をしたい場合にpsdを選びます。

例:立体感のある画像、フレア素材(キラキラした素材)

素材サイト「写真AC」の場合、ファイル形式を「PSDがある」にして検索するとpsdの素材を見つけることができます。

使いやすいあしらいや素材がダウンロードできるおすすめ素材サイト

以下の章で実務でよく使うあしらいや素材がダウンロードできるサイトをまとめておりますので、ぜひご活用ください!

あわせて読みたい
11.よく使う素材サイト35選 商用利用可能な素材サイトをご紹介していますが、各サイトの管理者によって利用規約が変更される場合があります。 素材を利用する際は、必ず以下の点をご確認ください。...
目次