Skip to main content

design word

スプライト画像​

複数の画像を1枚にまとめた画像のこと。

パララックス​

参考URL

パララックスとは日本語で視差という意味。
Webデザインの世界においては視差効果とも呼ばれ、画面をスクロールするといった動作の際に要素を異なる速度で動かしたりすることであたかも立体による奥行きがあるように見せる。

  • レベル1 異なる速度ではなく、ただ背景を写す レベル1

  • レベル2 背景も動かす。全面と速度は違う

ブレンドモード​

参考URL

ブレンドモードとは、背景色に合わせて上に重なるオブジェクトの色をさまざまな効果で表現させる方法。

そもそもブレンドモードとは​

参考URL

ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、Animateなどアドビ系のソフトで昔から搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCSSの名称にあわせてブレンドモードと記載しています。

アスペクト比とは​

写真や映像の縦と横の比率を表したもの 参考URL

16:9​

16:9は、デジタルテレビのハイビジョン映像で採用されている縦横比でワイドビジョンとも言われている。 地デジでも用いられている。 以前までYouTubeは4:3だが、現在は16:9のアスペクト比になっています。 ニコニコ動画では4:3、16:9が標準になっています。

4:3 width:height​

PCのディスプレイやアナログテレビの標準でテレビ放送の標準とされた縦横比。

imageのアスペクト比計算​

参考URL

fill(フィル)​

designでは塗り潰すという意味。

Last updated on