CSSで文字を四角で囲む方法｜枠線の付け方を初心者向けに解説
Webサイトを作っていると、「この文章だけ枠で囲みたい」「見出しを四角で囲って目立たせたい」と思うことがあります。 CSSでは、borderプロパティを使うだけで簡単に四角い枠線を作れます。 さらに、線の色や太さ、内側の … 続きを読む
yuna
自由に見られるWebサイトと、見たくなるWebサイトは違う
Webサイトを見ていると、ときどき「好きなものを自由に見てください」という構成に出会います。 上から順番にスクロールさせるのではなく、コンテンツを並べ、見る側が興味のあるものを自分で選ぶ。 私はこういうサイトがわりと好き … 続きを読む
Webサイトは、どこまで主張すれば伝わるんだろう
Webサイトを見ていると、画面のあちこちから「ここを見て」と言われているように感じることがあります。 大きな文字。大きな写真。鮮やかな色。流れる文字。スクロールすると現れる画像。 ひとつずつ見れば、それほど珍しい表現では … 続きを読む
ミニマルなWebサイトは、削ったあとに何を残すのか
以前、ミニマリズムについて考えたとき、私は「何を減らしているのか」という視点でWebサイトを見ていました。 装飾を減らす。色を減らす。情報を整理する。 でも、その後もたくさんのミニマルなWebサイトを見ているうちに、少し … 続きを読む
Webサイトを見るにもコストがある｜スクロールと「見る労力」を考える
Webサイトを見ていて、「まだスクロールするの？」と思うことがあります。 ページが長いこと自体は珍しくありません。情報量が多ければ、当然ページも長くなります。 それなのに、長いページでも最後まで見たくなるサイトがある一方 … 続きを読む
情報は入ってくる。でも、心に残らないWebサイト
Webサイトを見ていて、「悪いところがない」と感じることがあります。 色は統一されている。情報は整理されている。文字も読めるし、どこを見ればいいのかも分かる。 Webサイトとして困ることは何もありません。 それなのに見終 … 続きを読む
Webサイトを『もっと見たい』と思う理由はどこにある？
Webサイトを見ていると、「おしゃれ」「綺麗」と思った直後に、そのままページを閉じてしまうことがあります。 デザインが嫌いだったわけではありません。写真が綺麗だったり、アニメーションが凝っていたり、ミニマルに整えられてい … 続きを読む
ミニマリズムは、何を減らしているのか｜Webデザインから考える
ミニマルなWebデザインというと、余白が広く、色数が少なく、装飾を抑えたデザインを思い浮かべます。 しかし海外のミニマルなWebサイトを見ていると、必ずしも「要素が少ない」わけではありません。大きな文字があり、写真が大胆 … 続きを読む
巨大フォントを見ても、それだけではかっこいいと思えなくなった
Webデザインを見ていると、画面いっぱいに文字を配置したサイトによく出会います。 ファーストビューに巨大な英字。画面からはみ出すほど大きなタイトル。写真よりも文字そのものを主役にしたデザイン。 私も以前なら、こういうサイ … 続きを読む
「おしゃれ」なのに、なぜ読む気にならないんだろう｜Webデザインと読みやすさ
Webサイトを見ていて、「おしゃれだな」と思うことがあります。 大胆な文字の配置、余白を活かしたレイアウト、写真と文字を組み合わせた誌面のようなデザイン。 整然と並べるのではなく、あえて崩す。 そんなサイトを見ると、一般 … 続きを読む