design word
スプライト画像
複数の画像を1枚にまとめた画像のこと。
パララックス
パララックスとは日本語で視差という意味。
Webデザインの世界においては視差効果とも呼ばれ、画面をスクロールするといった動作の際に要素を異なる速度で動かしたりすることであたかも立体による奥行きがあるように見せる。
-
レベル1 異なる速度ではなく、ただ背景を写す レベル1
-
レベル2 背景も動かす。全面と速度は違う
ブレンドモード
ブレンドモードとは、背景色に合わせて上に重なるオブジェクトの色をさまざまな効果で表現させる方法。
そもそもブレンドモードとは
ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。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のアスペクト比計算
fill(フィル)
designでは塗り潰すという意味。