yuna

CSSで背景画像と背景色を重ねる方法｜background-blend-modeを解説

by

Webサイトの背景に画像を設定したとき、「画像に色を重ねたい」「背景の雰囲気を変えたい」と思ったことはありませんか？ CSSでは、背景画像と背景色を組み合わせることで、画像の色合いや見え方を調整できます。 例えば、写真に … 続きを読む

CSSの背景画像を調整する方法｜繰り返しと固定の指定を解説

by

CSSで背景画像を設定したとき、「同じ画像が何枚も並んでしまう」「スクロールしても背景を固定したい」と思ったことはありませんか？ 背景画像の表示方法は、background-imageだけでなく、ほかのCSSプロパティを … 続きを読む

CSSの背景画像を調整する方法｜サイズと位置の指定を解説

by

CSSのbackground-imageで背景画像を設定したものの、「画像が大きすぎる」「思った位置に表示されない」と困ったことはありませんか？ 背景画像は、ただ指定するだけではイメージどおりに表示されないことがあります … 続きを読む

TSGのWebサイト分析｜かわいいだけじゃない情報設計の魅力

by

かわいいキャラクターが登場するWebサイトは、数多くあります。しかし、見た目のかわいさだけでなく、商品への理解まで自然につなげているサイトは、どれほどあるでしょうか。 今回取り上げるのは、塗料メーカー「TSG」のWebサ … 続きを読む

CABOのWebサイト分析｜説明しすぎないデザインが心地よい理由

by

Webサイトは、できるだけ多くの情報をわかりやすく伝えるべきなのでしょうか。 もちろん、情報のわかりやすさは大切です。しかし、最初からすべてを説明されることが、必ずしも心地よいとは限りません。 今回取り上げるのは、代々木 … 続きを読む

MOV蔵前のWebサイト分析｜最後まで読みたくなる情報設計の魅力

by

美しいWebサイトは数多くあります。しかし、見た目が美しいだけでなく、最後まで自然に読み進めたくなるサイトは、それほど多くありません。 今回取り上げるのは、コクヨが手がけるシェア型オフィス「MOV蔵前」のWebサイトです … 続きを読む

アニメーションが多いのに、楽しいWebサイトは何が違う？

by

Webサイトを見ていると、アニメーションが多くても楽しく感じるサイトと、少し動くだけで疲れてしまうサイトがあります。 文字が流れる、画像が切り替わる、スクロールに合わせて要素が動く。使われている技術は似ていても、閲覧した … 続きを読む