Webデザイン

Webサイトはなぜ静かに待てない？スクロール演出と閲覧者の主導権

by

Webサイトを見ているとき、「どうして静かに待っていてくれないんだろう」と感じることがあります。 スクロールすると文字が現れ、画像が動き、画面の一部がいつまでもついてくる。ひとつひとつは珍しい演出ではありません。 けれど … 続きを読む

巨大フォントはどこから「文字の暴力」になるのか

by

Webサイトを見ていると、画面いっぱいに文字を配置したデザインによく出会います。 大きな文字は目を引きます。写真を使わなくても画面に強さが生まれるし、文字そのものをグラフィックのように扱うこともできます。 私は巨大フォン … 続きを読む

Webサイトのアニメーションが「うざい」と感じるのはなぜ？

by

Webサイトを見ていて、アニメーションが気になって離脱することがあります。 フェードする。文字が動く。画像が切り替わる。スクロールに合わせて画面が変化する。 私はこれまで、そんなサイトを見るたびに「アニメーションがうざい … 続きを読む

ブルータリズムのレイアウト｜なぜ整っていないのに成立するのか

by

Webデザインでは、揃えることが基本です。 左端を揃える。余白を揃える。一定のグリッドに収める。情報のまとまりを作る。 そうすることで画面は整理され、閲覧者は情報を追いやすくなります。 ところがブルータリズムWebサイト … 続きを読む

ブルータリズムは、なぜ無骨に見えるのか

by

ブルータリズムWebサイトを見ていると、よく「無骨」という言葉が浮かびます。 飾り気がない。冷たい。荒っぽい。場合によっては、まだ作りかけのようにさえ見える。 でも、ブルータリズムは必ずしも白黒ではありません。 強烈な色 … 続きを読む

ブルータリズムとネオブルータリズムの違い｜似た名前なのに、全然違う

by

ネオブルータリズムという名前を見たとき、私はブルータリズムにかなり近いものだと思っていました。 「Neo」が付いているのだから、ブルータリズムを現代風にしたものなのかな、と。 でも、実際にネオブルータリズムについて調べ、 … 続きを読む

ネオブルータリズムとは？Webデザインの特徴を調べてみた

by

ブルータリズムWebサイトを見ていると、ときどき「ネオブルータリズム」という言葉に出会います。 私はこれまでブルータリズムをかなり見てきましたが、ネオブルータリズムについては、正直なところ曖昧なままでした。 実際に調べて … 続きを読む

ブルータリズムのタイポグラフィ｜なぜ文字を「読ませない」のか

by

Webサイトの文字は、読めることが基本です。 適切なフォントサイズを選び、行間を取り、文章を追いやすくする。Webデザインでは、ごく当たり前の考え方です。 ところがブルータリズムWebサイトを見ていると、その前提から平然 … 続きを読む

建築のブルータリズムとWeb Brutalism｜なぜ同じ名前なのか

by

ブルータリズムという言葉は、もともとWebデザインから生まれたものではありません。 先に存在していたのは、20世紀の建築におけるブルータリズムです。 巨大なコンクリートの建物と、巨大な文字やむき出しのようなUIを持つWe … 続きを読む

カルーセルとスライダーの違いとは？Webデザインでの使い分けを解説

by

Webサイトを見ていると、画像やコンテンツが横方向へ切り替わるUIをよく見かけます。 「カルーセル」「スライダー」と呼ばれることが多いですが、この2つは似ているため、何が違うのか分かりにくい言葉でもあります。 実際には厳 … 続きを読む