HTML・CSS・JavaScriptでカルーセルを作る方法|初心者向けに解説

Webサイトでは、商品や記事、制作実績などを横方向に並べて表示するカルーセルがよく使われます。 カルーセルというと複雑なJavaScriptが必要そうに見えますが、シンプルなものであればそれほど難しくありません。 HTM … 続きを読む

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

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

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

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

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

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

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

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

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

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

愛想がないWebサイトは、なぜかわいいのか

Webサイトを見ていると、ときどき妙に愛想のないサイトに出会います。 丁寧な説明もない。親しみやすい言葉もない。きれいに整理されすぎてもいない。 「これを見てください」「次はこちらです」と、こちらを案内しようとする気配も … 続きを読む

ブルータリズムと、ただ見づらいWebサイトの境界線

ブルータリズムのWebサイトを見ていると、文字が異様に大きかったり、レイアウトが崩れていたり、配色が強烈だったりします。 一般的なWebデザインのセオリーから考えれば、「見づらい」と評価されてもおかしくありません。 でも … 続きを読む

Webサイトは、どこから「自意識過剰」に見えるのか

Webサイトを見ていると、ときどき妙な「圧」を感じることがあります。 デザインの完成度が低いわけではありません。 むしろ、かなり作り込まれている。 アニメーションもある。コピーも強い。実績も並んでいる。 それなのに、 「 … 続きを読む

ブルータリズムWebサイトおすすめ6選 #3|普通なら欠点なのに、なぜか見たくなる

読みにくい。怖い。無愛想。重い。意味が分からない。 普通のWebサイトなら、どれも「改善したほうがいい」と言われそうです。 でもブルータリズムを見ていると、ときどきその欠点こそが、もっと見たくなる理由になっているサイトに … 続きを読む